:root{color:#102033;background:radial-gradient(circle at 12% 8%,rgba(56,189,248,.18),transparent 24%),radial-gradient(circle at 84% 10%,rgba(96,165,250,.2),transparent 28%),linear-gradient(135deg,#f7fbff,#eef6fd 46%,#f8fbff);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{min-height:40px;border:1px solid rgba(22,100,180,.18);border-radius:8px;background:linear-gradient(135deg,#177ddc,#54a8f7);box-shadow:0 12px 28px #1b70c93d,inset 0 1px #ffffff59;color:#fff;cursor:pointer;font-weight:850;padding:0 16px;transition:box-shadow .16s ease,opacity .16s ease,transform .16s ease}button:hover{box-shadow:0 16px 34px #1b70c947,inset 0 1px #ffffff6b;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.65;transform:none}.glass{position:relative;border:1px solid rgba(126,170,211,.62);background:linear-gradient(180deg,#ffffffeb,#eff7fdc7),#ffffffc2;box-shadow:0 1px #fffffff2 inset,0 -1px #5b8db91f inset,0 18px 44px #31629124,0 4px 12px #14508c14;-webkit-backdrop-filter:blur(18px) saturate(1.16);backdrop-filter:blur(18px) saturate(1.16)}.glass:before{pointer-events:none;position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.62),transparent 42%);content:""}.glass>*{position:relative;z-index:1}.auth-shell{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:48px;min-height:100vh;padding:40px clamp(20px,7vw,96px)}.auth-copy{max-width:680px}.auth-copy h1{color:#0c223a;font-size:clamp(2.4rem,6vw,5.2rem);line-height:.98;margin:0 0 18px}.auth-copy p:last-child{color:#385675;font-size:1.12rem;line-height:1.65;margin:0;max-width:560px}.auth-panel{border:1px solid rgba(126,170,211,.68);border-radius:8px;background:linear-gradient(180deg,#fffffff5,#ebf7ffd6),#ffffffd6;box-shadow:0 28px 78px #124c8633,inset 0 1px #fffffff2;display:grid;gap:18px;padding:28px;-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18)}.auth-panel.compact{grid-column:1 / -1;justify-self:center;width:min(420px,100%)}.auth-panel h2{font-size:1.8rem;margin:0}label{color:#25435f;display:grid;gap:8px;font-size:.9rem;font-weight:850}input,select{min-height:46px;border:1px solid #9ec4e6;border-radius:8px;background:#fffffff0;box-shadow:inset 0 1px 2px #15487c0f,0 1px #ffffffe6;color:#102033;outline:none;padding:0 12px}input:focus,select:focus{border-color:#1387d4;box-shadow:0 0 0 4px #0ea5e929,inset 0 1px 2px #15487c0f}.form-error{border:1px solid rgba(220,38,38,.36);border-radius:8px;background:#fee2e2db;color:#991b1b;font-weight:750;margin:0;padding:10px 12px}.layout{display:grid;grid-template-columns:256px 1fr;min-height:100vh;padding:16px}.sidebar{align-self:stretch;border-radius:8px;color:#17324f;overflow:hidden;padding:20px}.sidebar strong{display:block;font-size:1.35rem;letter-spacing:0;margin-bottom:28px}.sidebar nav{display:grid;gap:7px}.nav-item{min-height:42px;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;color:#385a78;cursor:pointer;font-weight:850;padding:11px 12px;text-align:left;transform:none;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.nav-item.active,.nav-item:hover{border-color:#5f9bd27a;background:linear-gradient(135deg,#e3f4fffa,#d3e8fac7);box-shadow:0 10px 24px #1664b41f,inset 0 1px #ffffffeb;color:#075985;transform:none}.content{min-width:0;padding:0 0 0 16px}.topbar{align-items:center;border-radius:8px;display:flex;justify-content:space-between;gap:18px;margin-bottom:16px;padding:18px 20px}.eyebrow{color:#0276b6;font-size:.76rem;font-weight:950;margin:0 0 8px;text-transform:uppercase}h1,h2{color:#102033;margin:0}h1{font-size:clamp(1.9rem,4vw,3rem)}.user-block{align-items:center;display:flex;gap:12px;color:#385675;font-weight:850}.ghost-button{border:1px solid #91bddf;background:linear-gradient(135deg,#fffffff5,#dbedfacc);box-shadow:0 8px 20px #1664b41a,inset 0 1px #ffffffeb;color:#075985}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.screen-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.metric,.table-panel,.side-panel,.viewer-toolbar,.signal-panel,.viewer-controls{border-radius:8px}.metric{min-height:128px;padding:16px}.metric span{color:#4d6a84;display:block;font-size:.82rem;font-weight:850}.metric strong{color:#0a4f86;display:block;font-size:2rem;margin-top:8px}.metric small{color:#57728c;display:block;font-weight:750;margin-top:6px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.table-panel{overflow:hidden}.panel-header{align-items:center;border-bottom:1px solid rgba(126,170,211,.42);display:flex;justify-content:space-between;gap:12px;padding:17px 18px}.panel-header h2{font-size:1.24rem}table{border-collapse:collapse;width:100%}tbody tr{transition:background .14s ease}tbody tr:hover{background:#e8f6ffbd}th,td{border-top:1px solid rgba(126,170,211,.34);padding:14px 18px;text-align:left}th{background:#eff7fdb8;color:#45627e;font-size:.76rem;font-weight:950;text-transform:uppercase}td{color:#213e59;font-weight:680}.status-pill{border:1px solid rgba(95,155,210,.38);border-radius:999px;background:#ddeefbe6;color:#075985;display:inline-block;font-size:.82rem;font-weight:850;padding:6px 10px}.small{min-height:34px;padding:0 12px}.side-panel{align-self:start;padding:18px}.side-panel h2{font-size:1.2rem}.side-panel dl{display:grid;gap:12px;margin:18px 0 0}.side-panel div{border-top:1px solid rgba(126,170,211,.38);padding-top:12px}.side-panel dt{color:#4d6a84;font-size:.78rem;font-weight:950;text-transform:uppercase}.side-panel dd{color:#17324f;font-weight:850;margin:5px 0 0}.form-panel{display:grid;gap:14px}.muted-text{color:#55708a;font-weight:680;line-height:1.55;margin:14px 0 0}.settings-list{display:grid}.setting-row{align-items:center;border-top:1px solid rgba(126,170,211,.36);display:flex;justify-content:space-between;gap:16px;padding:16px 18px}.setting-row:first-child{border-top:0}.setting-row span{color:#4d6a84;font-size:.82rem;font-weight:950;text-transform:uppercase}.setting-row strong{color:#17324f;text-align:right}.viewer-screen{display:grid;gap:16px}.viewer-toolbar{align-items:center;display:flex;justify-content:space-between;gap:16px;padding:18px}.viewer-toolbar h2{font-size:1.3rem}.viewer-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.viewer-meta span{border:1px solid rgba(95,155,210,.5);border-radius:999px;background:#eff9ffdb;color:#075985;font-size:.82rem;font-weight:900;padding:7px 10px}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.signal-panel{min-width:0;padding:12px}.chart-scroll{border:1px solid rgba(92,132,170,.52);border-radius:8px;background:linear-gradient(180deg,#ffffffeb,#f8fcffd6);box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff5c;overflow-x:auto;overflow-y:hidden}.chart-scroll svg{display:block;min-width:1040px;width:100%}.chart-bg{fill:#ffffffc7}.chart-line{stroke:#66809957;stroke-width:1}.chart-line.soft{stroke:#66809938}.chart-line.mid{stroke:#0e74904d;stroke-dasharray:4 6}.chart-line.major{stroke:#2563eb4d}.time-label,.channel-unit{fill:#647b91;font-size:12px;font-weight:750}.channel-label{fill:#17324f;font-size:15px;font-weight:950}.viewer-controls{align-self:start;display:grid;gap:16px;padding:18px}.viewer-controls h2{font-size:1.2rem}input[type=range]{accent-color:#0b8fd8;min-height:28px;padding:0}.control-value{color:#075985;font-size:.86rem;font-weight:900}.channel-list{display:grid;gap:8px}.channel-list>span{color:#25435f;font-size:.9rem;font-weight:900}.channel-toggle{align-items:center;border:1px solid rgba(126,170,211,.58);display:flex;gap:9px;justify-content:flex-start;background:#ffffffc7;box-shadow:none;color:#45627e;transform:none}.channel-toggle.active{background:linear-gradient(135deg,#e0f2fefa,#ffffffdb);color:#075985;box-shadow:0 10px 24px #0e74901f,inset 0 1px #ffffffe6}.channel-toggle i{border-radius:999px;display:inline-block;height:10px;width:10px}@media(max-width:980px){.auth-shell,.layout,.workspace,.screen-grid,.viewer-layout{grid-template-columns:1fr}.viewer-toolbar{align-items:flex-start;flex-direction:column}.auth-shell{align-content:center;gap:28px}.sidebar{display:none}.content{padding-left:0}.topbar,.user-block{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.table-panel{overflow-x:auto}table{min-width:760px}.setting-row{align-items:flex-start;flex-direction:column}.setting-row strong{text-align:left}}@media(max-width:620px){.auth-shell,.layout{padding:12px}.metrics{grid-template-columns:1fr}th,td{padding:12px}}