@charset "UTF-8";
:root{--bg:#0b1017;--panel:#151e29;--panel2:#101923;--line:#293a4a;--muted:#899bab;--text:#c0cad5;--accent:#10a7ff;--cyan:#6acaff;font-family:"Segoe UI",Inter,system-ui,sans-serif}
body{background:var(--bg)}
.sidebar{background:#101720;border-color:#24313d}
.sidebar nav{display:grid;gap:4px}
.sidebar .nav-item{min-height:43px;border:1px solid transparent;border-radius:7px;color:var(--muted)}
.sidebar .nav-item:hover{background:#18232e;color:var(--text)}
.sidebar .nav-item.active{background:#172c3d;border-color:#25475d;color:#78cfff}
.sidebar .nav-item[href]{display:flex;align-items:center;text-decoration:none}
.brand{gap:9px;font-size:24px;letter-spacing:-.8px}
.logo-mark{display:inline-block;position:relative;flex:0 0 auto;width:42px;height:38px;overflow:hidden}
.brand .logo-mark img,.avatar.logo-mark img{position:absolute;left:50%;top:50%;width:205%;max-width:none;height:auto;transform:translate(-50%,-50%);object-fit:initial;mix-blend-mode:screen;filter:contrast(1.1)}
.avatar.logo-mark{display:inline-block;width:38px;height:38px;background:#15354b;border:1px solid #285876;border-radius:8px}
.login-art{background:#0b1017;border-color:#24313d}
.login-art>img{mix-blend-mode:screen;opacity:1;filter:contrast(1.15)}
.login-content{background:radial-gradient(ellipse at 70% 0%,#0a385a35,transparent 56%)}
.login-card{max-width:390px}
.login-card h1{letter-spacing:-1.3px}
.topbar{border-color:#24313c}
.topbar-label,.section-heading h2{color:#b5c3cf}
.table-card,.stat,.overview-footer{background:var(--panel);border-color:var(--line);box-shadow:0 12px 32px #00000012}
.button.primary{background:var(--accent);color:#071721}
.button.primary:hover:not(:disabled){background:#65c8ff}
.button.secondary{background:#21303d;color:var(--text);border-color:#405361}
input,select,textarea{background:#0d151e;border-color:#394b5b;color:var(--text)}
input::placeholder,textarea::placeholder{color:#6e8292;opacity:1}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.dialog{background:var(--panel);border-color:var(--line)}
.login-note a{color:#8ed5ff}
@media(max-width:800px){.sidebar nav{display:flex}.sidebar .nav-item{min-height:36px}.sidebar>.brand .logo-mark{width:36px;height:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

@media(min-width:801px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}

/* Matching Wave owner console: horizontal navigation and restrained contrast. */
:root{--bg:#0b0d11;--panel:#12161c;--panel2:#101319;--line:#292e36;--muted:#89929f;--text:#c4ccd6;--accent:#168ecb;--cyan:#72bbdc}
body{background:var(--bg)}
.app-shell{display:block;min-height:100vh}
.sidebar{position:relative;z-index:2;height:auto;min-height:96px;display:flex;flex-direction:row;align-items:center;gap:24px;padding:16px max(30px,calc((100vw - 1320px)/2));background:#0c0d10;border:0;border-bottom:1px solid #24282e}
.sidebar>.brand{margin:0;flex-shrink:0}
.sidebar-label{display:none}
.sidebar nav{display:flex;align-items:center;gap:14px;margin-left:auto}
.sidebar .nav-item{width:auto;min-height:40px;margin:0;padding:9px 3px;border:0;border-radius:0;font-size:10px;font-weight:650;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}
.sidebar .nav-item svg{width:15px;height:15px}
.sidebar .nav-item.active,.sidebar .nav-item:hover{background:transparent;color:#72bbdc;border-color:transparent}
.nav-count{background:#123344}
.sidebar-bottom{display:flex;align-items:center;gap:12px;margin:0;padding:0}
.owner-badge{margin:0}.owner-badge .avatar{display:none}.owner-badge strong{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-badge span{display:none}
.sidebar-bottom .quiet-button{font-size:10px;white-space:nowrap}
.main-shell{max-width:1380px;margin:auto}.topbar{height:70px;border-color:#262a30}.topbar-label,.section-heading h2{color:#b8c4ce}
main{padding-top:46px}.page-heading h1{font-size:clamp(38px,5vw,58px);letter-spacing:-2.3px}
.table-card,.stat,.overview-footer{background:#12161c;border-color:#292e36;border-radius:5px;box-shadow:none}
.button.primary{background:#146d94;color:#d3e2eb;border-radius:4px}.button.primary:hover:not(:disabled){background:#1885af}
.button.secondary{background:#1a242c;color:#c4ccd6;border-color:#35414a;border-radius:4px}
input,select,textarea{background:#121419;border-color:#30353b;border-radius:4px}
.dialog{background:#12161c;border-color:#30353b;border-radius:5px}
.login-screen{display:flex;min-height:100vh;position:relative;justify-content:center;background:#0b0d11}
.login-art{display:none}.login-content{width:100%;min-height:100vh;padding:110px 25px 50px;background:transparent}
.login-card{max-width:360px}.login-brand{position:absolute;top:27px;left:max(30px,calc((100vw - 1320px)/2));margin:0}
.login-card h1{font-size:32px;letter-spacing:-1.2px}.login-card form{margin-top:30px}
@media(max-width:1100px){.sidebar{padding:15px 24px;gap:16px;flex-wrap:wrap}.sidebar nav{gap:10px}.sidebar-bottom{margin-left:auto}.sidebar-bottom .quiet-button{display:none}.owner-badge{display:none}.topbar .mobile-account{display:block}}
@media(max-width:800px){.sidebar{display:flex;grid-template-columns:none;position:relative;height:auto}.sidebar>.brand{margin:0}.sidebar nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto}.sidebar .nav-item{min-height:36px;flex:0 0 auto}.sidebar-bottom{display:none}.topbar{padding-inline:22px}.login-brand{top:25px;left:25px}}
@media(max-width:510px){.sidebar nav{justify-content:flex-start}.sidebar .nav-item{flex:0 0 auto;font-size:9px}.page-heading h1{font-size:36px}.login-content{padding-inline:24px}}

.dialog-actions{position:sticky;bottom:0;z-index:2;border-radius:0;background:#10171d}

@media(max-width:800px){.sidebar nav{flex-wrap:wrap;overflow-x:visible;gap:5px 14px}.sidebar .nav-item{min-height:30px}}