/* ByteMedics ONE Premium Visual v1.1 — presentation only; no business logic changed */
:root{--primary:#246bfa;--navy:#0a1528;--card:#fff;--line:#e3eaf5;--muted:#64748b;--radius:20px;--shadow:0 14px 45px rgba(20,45,90,.07)}
body.app-page{background:#f3f6fb;color:#14233d;font-family:Inter,system-ui,sans-serif}
.app-shell{grid-template-columns:270px minmax(0,1fr)}
.sidebar{background:linear-gradient(165deg,#08162c 0%,#0d2341 58%,#071629 100%);padding:24px 15px;border-right:1px solid #223955;box-shadow:8px 0 35px rgba(10,25,48,.08)}
.sidebar-brand{padding:5px 9px 25px;flex-direction:column;align-items:flex-start;gap:8px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:20px}
.one-brand-logo{object-fit:contain;object-position:left center;display:block;max-width:100%;height:auto}
.sidebar-logo{width:210px;max-height:55px}
.sidebar-brand .brand-name{font-size:14px!important;letter-spacing:.015em;color:#eef5ff}
.sidebar-brand .brand-name span{color:#69b4ff}.sidebar-brand .brand-tagline{color:#91aacd}
.side-nav{gap:5px}.nav-item{border-radius:11px;padding:12px 14px;color:#b8c9e2;transition:background .15s,color .15s,transform .15s}
.nav-item:hover{background:rgba(74,146,255,.13);transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,#1762d6,#2c83fb);color:#fff;box-shadow:0 8px 22px rgba(20,95,215,.28)}
.user-card{border-top:1px solid #263e5a}.user-card .avatar{background:#1d4271;color:#eaf4ff}
.topbar{background:rgba(255,255,255,.94);height:86px;padding:0 clamp(20px,3vw,42px);border-bottom:1px solid #e2e9f3;box-shadow:0 5px 20px rgba(17,40,80,.025)}
.topbar-title h2{font-size:23px;color:#10233f}.content{padding:clamp(20px,2.8vw,40px);max-width:1700px}
.eyebrow{letter-spacing:.15em;font-size:10px;font-weight:800;color:#4474b5}
.hero-row{background:linear-gradient(110deg,#102b50,#124d91 75%,#2779d2);border-radius:23px;padding:30px 32px;box-shadow:0 20px 50px rgba(14,54,112,.16);align-items:center}
.hero-row h1,.hero-row p,.hero-row .eyebrow{color:white}.hero-row p{opacity:.83}.hero-row h1{font-size:clamp(25px,3vw,36px)}
.ai-hero-btn{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.13);color:#fff;box-shadow:none;backdrop-filter:blur(8px)}.ai-hero-btn small{color:#d4e6ff}.ai-hero-btn>span{background:#fff;color:#1759ac}
.kpi-grid{gap:18px;margin-top:22px}.kpi-card,.panel,.mini-kpi,.ai-chat-card{border:1px solid #e2eaf5;border-radius:19px;box-shadow:0 10px 32px rgba(26,53,98,.045)}
.kpi-card{padding:23px;border-top:3px solid #3d8eff;transition:transform .2s,box-shadow .2s}.kpi-card:nth-child(2){border-top-color:#0eacaa}.kpi-card:nth-child(3){border-top-color:#8c68f5}.kpi-card:nth-child(4){border-top-color:#e7a43e}
.kpi-card:hover,.panel:hover{box-shadow:0 15px 38px rgba(24,53,96,.09)}.kpi-card:hover{transform:translateY(-2px)}
.kpi-value{color:#102748;font-size:clamp(24px,2.4vw,34px)}.panel{padding:24px}.panel-head h3{font-size:19px;color:#162c4a}
.primary-btn{background:linear-gradient(120deg,#1563dd,#368dff);border:0;box-shadow:0 7px 17px rgba(31,109,228,.17);border-radius:11px}.primary-btn:hover{filter:brightness(1.06)}
.quick-grid button{border-radius:14px;background:#f8faff;transition:transform .15s,border-color .15s}.quick-grid button:hover{transform:translateY(-2px);border-color:#82b5ff}
input,select,textarea{border-radius:10px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #82b8ff;outline-offset:2px}
/* Login */
body.auth-page{background:radial-gradient(circle at 12% 20%,#1b4d8c 0%,transparent 35%),linear-gradient(145deg,#08162b,#102c51);min-height:100vh}
.auth-page .brand-panel{border-radius:24px}.auth-page .auth-card{border-radius:24px;box-shadow:0 25px 75px rgba(2,15,38,.24)}
.auth-logo{width:min(310px,80vw);max-height:85px}.auth-page .brand-mark{display:none}
@media(max-width:1000px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.sidebar-logo{width:185px}.hero-row{padding:24px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.app-shell{display:block}.sidebar{box-shadow:none}.hero-row{display:block}.ai-hero-btn{margin-top:18px;min-width:0;width:100%}.content{padding:17px}.topbar{padding:0 16px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi-card{padding:15px}.sidebar-logo{width:180px}}
@media(max-width:420px){.kpi-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.nav-item,.kpi-card,.quick-grid button{transition:none!important}}