*{box-sizing:border-box}body{font-family:Arial,sans-serif}.cb-body{margin:0;min-height:100vh;background:#f3f7fb;color:#172033}.cb-topbar{position:fixed;inset:0 0 auto;z-index:40;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;border-bottom:1px solid #dbe4ef}.cb-menu-btn,.cb-bell{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:13px;background:#eef4ff;color:#2563eb;text-decoration:none}.cb-brand{display:flex;align-items:center;gap:10px;color:#172033;text-decoration:none}.cb-brand i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff}.cb-sidebar{position:fixed;top:68px;bottom:0;left:0;z-index:35;width:270px;padding:18px;background:#172033;overflow:auto}.cb-user{display:flex;align-items:center;gap:12px;padding:14px;border-radius:15px;background:rgba(255,255,255,.08);color:#fff}.cb-user>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#2563eb;font-weight:900}.cb-user>div{display:flex;flex-direction:column}.cb-user small{color:#94a3b8}.cb-sidebar nav{display:grid;gap:6px;margin-top:18px}.cb-sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#cbd5e1;text-decoration:none}.cb-sidebar nav a:hover,.cb-sidebar nav a.active{background:#2563eb;color:#fff}.cb-main{margin-left:270px;padding:92px 24px 90px}.cb-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border-radius:22px;background:linear-gradient(135deg,#172033,#2563eb);color:#fff}.cb-welcome span{color:#93c5fd;font-size:11px;font-weight:900}.cb-welcome h1{margin:7px 0;font-size:30px;font-weight:900}.cb-welcome p{margin:0;color:#dbeafe}.cb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.cb-stats article{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #dbe4ef;border-radius:16px;background:#fff}.cb-stats i{width:47px;height:47px;display:grid;place-items:center;border-radius:14px}.blue{background:#dbeafe;color:#1d4ed8}.amber{background:#fef3c7;color:#b45309}.green{background:#dcfce7;color:#166534}.cb-stats article div{display:flex;flex-direction:column}.cb-stats small{color:#64748b}.cb-stats strong{font-size:23px}.cb-card{overflow:hidden;border:1px solid #dbe4ef;border-radius:19px;background:#fff}.cb-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid #dbe4ef}.cb-head h2{margin:0;font-size:18px;font-weight:900}.cb-head p{margin:5px 0 0;color:#64748b}.cb-list{display:grid;gap:10px;padding:15px}.cb-list article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:14px;border:1px solid #dbe4ef;border-radius:14px}.cb-list span,.cb-tile>div:first-child span{color:#2563eb;font-size:10px;font-weight:900}.cb-list h3{margin:4px 0}.cb-list p,.cb-page-head p,.cb-tile>p{margin:4px 0;color:#64748b}.cb-list>article>strong,.cb-tile>div:first-child>strong{padding:6px 9px;border-radius:999px;background:#eef2f7;font-size:10px}.cb-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.cb-page-head h1{margin:0;font-size:27px;font-weight:900}.cb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px}.cb-tile{padding:17px;border:1px solid #dbe4ef;border-radius:16px}.cb-tile>div:first-child{display:flex;justify-content:space-between}.cb-tile h2{margin:14px 0 0;font-size:18px}.cb-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.cb-meta div,.cb-details div{padding:10px;border-radius:10px;background:#f8fafc}.cb-meta span,.cb-details span{display:block;color:#64748b;font-size:10px}.cb-meta strong,.cb-details strong{display:block;margin-top:4px}.cb-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cb-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.cb-details .wide{grid-column:1/-1}.cb-actions{display:flex;gap:10px;padding:0 18px 18px}.cb-actions .btn{flex:1}.cb-tests{display:grid;gap:10px;padding:18px}.cb-tests article{display:flex;justify-content:space-between;padding:12px;border:1px solid #dbe4ef;border-radius:12px}.cb-tests article div{display:flex;flex-direction:column}.cb-tests small{color:#64748b}.cb-tests article>span{padding:6px 9px;border-radius:999px;background:#eef2f7;font-size:10px}.cb-form{padding:24px}.cb-narrow{max-width:900px}.cb-empty{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#64748b;text-align:center}.cb-bottom{display:none}.cb-login-body{margin:0;min-height:100vh;background:linear-gradient(135deg,#eaf1ff,#fff,#dff8ff)}.cb-login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.cb-login-brand,.cb-login-card{display:flex;justify-content:center;flex-direction:column;padding:7vw}.cb-login-brand{background:linear-gradient(145deg,#172033,#2563eb);color:#fff}.cb-login-brand>span{width:78px;height:78px;display:grid;place-items:center;border-radius:24px;background:rgba(255,255,255,.14);font-size:34px}.cb-login-brand h1{font-size:40px;font-weight:900}.cb-login-card{background:#fff}.cb-login-card h2{font-size:32px;font-weight:900}.cb-login-card>small{color:#2563eb;font-weight:900}@media(max-width:1000px){.cb-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.cb-sidebar{left:-280px;transition:.2s}.cb-sidebar.open{left:0}.cb-overlay.show{display:block;position:fixed;inset:68px 0 0;z-index:30;background:rgba(15,23,42,.5)}.cb-main{margin-left:0;padding-inline:16px}.cb-bottom{position:fixed;inset:auto 0 0;z-index:25;height:66px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #dbe4ef}.cb-bottom a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#64748b;text-decoration:none;font-size:10px}.cb-bottom .track{color:#2563eb}.cb-two{grid-template-columns:1fr}}@media(max-width:650px){.cb-welcome,.cb-page-head,.cb-head{align-items:stretch;flex-direction:column}.cb-stats,.cb-grid{grid-template-columns:1fr}.cb-list article{grid-template-columns:1fr}.cb-meta,.cb-details{grid-template-columns:1fr}.cb-details .wide{grid-column:auto}.cb-login-shell{grid-template-columns:1fr}.cb-login-brand{min-height:320px}}