:root{--ink:#03080b;--reef:#071316;--panel:rgba(255,255,255,0.045);--line:rgba(255,255,255,0.11);--muted:#8da0af;--text:#f7fbff;--cyan:#19c9f2;--teal:#2dd4bf;--danger:#fb7185}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:radial-gradient(circle at 10% 0,rgba(25,201,242,.18),transparent 28rem),radial-gradient(circle at 92% 8%,rgba(45,212,191,.12),transparent 24rem),linear-gradient(135deg,#05191d,#020608 48%,#04110d);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:rgba(2,8,11,.74);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.topbar-inner{gap:1rem;justify-content:space-between;margin:0 auto;max-width:1280px;padding:1rem 1.25rem}.brand,.topbar-inner{align-items:center;display:flex}.brand{gap:.75rem}.brand-mark{align-items:center;background:#020608;border:1px solid var(--line);border-radius:8px;color:var(--cyan);display:grid;font-size:1.2rem;font-weight:900;height:42px;place-items:center;width:42px}.brand-title{font-size:1rem;font-weight:900;letter-spacing:.18em}.brand-subtitle,.muted{color:var(--muted)}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);margin:0 auto;max-width:1280px;min-height:calc(100vh - 75px)}.sidebar{border-right:1px solid var(--line);padding:1.25rem}.nav{display:grid;gap:.35rem}.nav-link{border:1px solid transparent;border-radius:8px;color:var(--muted);display:block;font-size:.92rem;font-weight:800;padding:.85rem .9rem}.nav-link.active,.nav-link:hover{background:rgba(25,201,242,.09);border-color:rgba(25,201,242,.28);color:var(--text)}.content{min-width:0;padding:2rem 1.5rem 3rem}.hero{align-items:end;border-bottom:1px solid var(--line);display:flex;gap:1rem;justify-content:space-between;padding-bottom:1.6rem}.eyebrow{color:var(--cyan);font-size:.78rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:.94;margin:.6rem 0 0}.actions,.periods{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem}.periods{background:rgba(255,255,255,.04);padding:.25rem}.button,.period-button,.periods{border:1px solid var(--line);border-radius:8px}.button,.period-button{cursor:pointer;font-weight:900;min-height:40px;padding:.7rem .9rem}.button{background:rgba(255,255,255,.04);color:var(--text)}.button:hover{border-color:rgba(25,201,242,.45)}.period-button{background:transparent;border-color:transparent;color:var(--muted)}.period-button.active,.primary{background:var(--cyan);border-color:var(--cyan);color:#021014}.section{margin-top:2rem}.section-title{font-size:1.25rem;margin:0 0 1rem}.grid{display:grid;gap:1rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0}.metric-card{color:var(--text);cursor:pointer;padding:1.1rem;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease;width:100%}.metric-card.active,.metric-card:hover{background:rgba(25,201,242,.09);border-color:rgba(25,201,242,.48);transform:translateY(-2px)}.metric-label{color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.18em;line-height:1.35;margin:0;text-transform:uppercase}.metric-value{font-size:2rem;font-weight:900;margin:.8rem 0 0;overflow-wrap:anywhere}.metric-note{color:var(--muted);font-size:.82rem;line-height:1.55;margin:.55rem 0 0}.card-link{color:var(--cyan);font-size:.75rem;font-weight:900;letter-spacing:.14em;margin:1rem 0 0;text-transform:uppercase}.panel{padding:1.1rem}.list{display:grid;gap:.85rem;margin-top:1rem}.list-item{border-bottom:1px solid var(--line);display:flex;gap:1rem;justify-content:space-between;padding-bottom:.85rem}.list-item:last-child{border-bottom:0;padding-bottom:0}.item-title{font-weight:900;margin:0}.item-description,.item-meta{color:var(--muted);font-size:.82rem;line-height:1.55;margin:.35rem 0 0}.item-value{background:rgba(25,201,242,.1);border-radius:6px;color:var(--cyan);flex:0 0 auto;font-size:.82rem;font-weight:900;padding:.35rem .5rem}.notice{background:rgba(25,201,242,.08);border:1px solid rgba(25,201,242,.24);border-radius:8px;color:#c7eef8;margin-top:1.4rem;padding:1rem}.error{background:rgba(251,113,133,.1);border-color:rgba(251,113,133,.35);color:#ffe4e6}.login-wrap{display:grid;gap:3rem;grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);margin:0 auto;max-width:1180px;min-height:78vh;padding:5rem 1.25rem;place-items:center}.login-form{padding:1.35rem;width:100%}.field{display:grid;gap:.5rem;margin-top:1rem}.field label{color:var(--muted);font-weight:900}.input{background:rgba(0,0,0,.42);border:1px solid var(--line);border-radius:8px;color:var(--text);min-height:46px;outline:none;padding:.75rem .9rem}.input:focus{border-color:var(--cyan)}.oauth-button{align-items:center;display:flex;justify-content:center;margin-top:.8rem;width:100%}.modal-backdrop{background:rgba(0,0,0,.72);inset:0;overflow-y:auto;padding:1rem;position:fixed;z-index:80}.modal{background:#050d10;border:1px solid rgba(25,201,242,.28);border-radius:8px;box-shadow:0 22px 80px rgba(0,0,0,.45);margin:3rem auto;max-width:980px;padding:1.2rem}.modal-head{align-items:start;border-bottom:1px solid var(--line);display:flex;gap:1rem;justify-content:space-between;padding-bottom:1rem}.modal-list{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem;max-height:68vh;overflow-y:auto}.placeholder{max-width:820px}.executive-hero{align-items:center}.executive-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.executive-card:disabled{cursor:default;opacity:1}.delta{border-radius:999px;display:inline-block;font-size:.8rem;font-weight:900;margin-top:.55rem;padding:.25rem .55rem}.delta.positive{background:rgba(45,212,191,.12);color:var(--teal)}.delta.negative{background:rgba(251,113,133,.12);color:var(--danger)}.two-col{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.split-head{align-items:start;display:flex;gap:1rem;justify-content:space-between}.chart-panel{margin-top:1rem}.growth-bars{align-items:end;display:flex;gap:.25rem;height:260px;margin-top:1.25rem;overflow-x:auto;padding-bottom:.5rem}.growth-bar{align-items:center;background:transparent;border:0;color:var(--muted);cursor:pointer;display:flex;flex:0 0 12px;flex-direction:column;gap:.4rem;height:100%;justify-content:flex-end;min-width:10px;padding:0}.growth-bar span{background:linear-gradient(180deg,var(--cyan),var(--teal));border-radius:6px 6px 0 0;display:block;min-height:3px;width:100%}.multi-bar .stack{display:flex;flex-direction:column-reverse;overflow:hidden}.multi-bar i{display:block;min-height:0;width:100%}.series-0{background:var(--cyan)}.series-1{background:var(--teal)}.series-2{background:#8bdaff}.legend{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.legend span{border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.72rem;font-weight:900;padding:.25rem .5rem;text-transform:uppercase}.growth-bar:hover span{filter:brightness(1.2)}.growth-bar small{font-size:.65rem;height:1rem}.bar-list,.bar-row{display:grid;gap:.75rem}.bar-row{align-items:center;background:transparent;border:0;color:var(--text);cursor:pointer;grid-template-columns:minmax(80px,.7fr) minmax(120px,1.2fr) minmax(110px,auto);padding:.35rem 0;text-align:left}.bar-label,.bar-value{font-size:.88rem;font-weight:900}.bar-value{color:var(--muted);text-align:right}.bar-row:disabled{cursor:default;opacity:.55}.bar-track{background:rgba(255,255,255,.08);border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:var(--cyan);border-radius:999px;display:block;height:100%}.compact-state-list{gap:.3rem;max-height:520px;overflow-y:auto;padding-right:.2rem}.compact-state-list .bar-row,.unknown-row{min-height:30px;padding:.2rem 0}.unknown-row{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.85rem;width:100%}.quality-strip{border:1px solid var(--line);border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:1rem;overflow:hidden}.quality-strip button,.quality-strip div{background:rgba(255,255,255,.04);border:0;color:var(--text);display:grid;gap:.25rem;padding:1rem;text-align:left}.quality-strip button{cursor:pointer}.quality-strip button:hover{background:rgba(35,197,230,.1)}.quality-strip strong{font-size:1.3rem}.quality-strip span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.wide-modal{max-width:1120px}.table-toolbar{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-top:1rem}.table-toolbar .input{width:min(440px,100%)}.filters-toolbar{align-items:stretch;display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(140px,1fr))}.user-list{display:grid;gap:.65rem;margin-top:1rem}.user-row{align-items:center;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;display:grid;gap:.75rem;grid-template-columns:40px minmax(0,1fr) auto;padding:.8rem;text-align:left}.table-row:hover,.user-row:hover{border-color:rgba(25,201,242,.36)}.avatar{align-items:center;background:rgba(25,201,242,.14);border:1px solid rgba(25,201,242,.24);border-radius:999px;color:var(--cyan);display:grid;font-weight:900;height:38px;overflow:hidden;place-items:center;width:38px}.avatar img{display:block;height:100%;object-fit:cover;width:100%}.table-row small,.user-row small{color:var(--muted);display:block;font-size:.78rem;margin-top:.2rem}.detail-grid,.nested-detail{margin-top:1rem}.detail-grid{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid span{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:8px;color:var(--muted);line-height:1.45;padding:.85rem}.detail-grid strong{color:var(--text)}.admin-table{display:grid;margin-top:1rem;overflow-x:auto}.table-head,.table-row{display:grid;gap:.75rem;grid-template-columns:minmax(210px,1.4fr) minmax(120px,.8fr) minmax(120px,.7fr) minmax(120px,.7fr) minmax(210px,1.3fr) minmax(140px,.8fr);min-width:1040px}.table-head{color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.14em;padding:0 .8rem .7rem;text-transform:uppercase}.table-row{align-items:center;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;margin-bottom:.5rem;padding:.75rem;text-align:left}.identity-cell{gap:.75rem}.identity-cell,.table-footer{align-items:center;display:flex}.table-footer{justify-content:space-between;margin-top:1rem}.user-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:940px){.layout,.login-wrap{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{align-items:stretch;flex-direction:column}.detail-grid,.executive-grid,.filters-toolbar,.list-grid,.metric-grid,.modal-list,.quality-strip,.two-col,.user-detail-grid{grid-template-columns:1fr}.split-head,.table-toolbar{align-items:stretch;flex-direction:column}}@media (max-width:560px){.topbar-inner{align-items:flex-start;flex-direction:column}.nav{grid-template-columns:1fr}.content{padding-inline:1rem}}