:root{--bg:#f4f5f2;--surface:#fff;--ink:#19211e;--muted:#7c8581;--line:#e3e7e2;--accent:#e7a84b;--accent-dark:#9d6721;--green:#3c956c;--red:#c9665e;--shadow:0 10px 26px rgba(25,33,30,.05);--radius:14px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid rgba(231,168,75,.45);outline-offset:2px}.app-shell{display:flex;min-height:100dvh}.sidebar{background:#202824;color:#cdd5cf;width:246px;flex:none;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand{height:74px;border-bottom:1px solid #35413b;padding:0 25px;display:flex;align-items:center;gap:9px;font-size:18px;font-weight:700;letter-spacing:-.05em}.brand-mark{height:26px;width:26px;background:var(--accent);color:#202824;display:grid;place-items:center;border-radius:8px;font-size:15px}.brand-dot{color:var(--accent)}.brand-version{font-size:8px;letter-spacing:.12em;color:#829087;margin-left:auto;font-weight:700}.project-switcher{margin:23px 15px 18px;padding:11px 10px;border:1px solid #3b4741;border-radius:10px;display:flex;align-items:center;gap:9px}.project-avatar{background:#dbe7df;color:#42684d;width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:12px}.project-info{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:2px}.project-info b{font-size:12px;color:#f1f4f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile small,.project-info small{font-size:10px;color:#8f9c94}.icon{font-size:17px;line-height:1;display:inline-block}.project-switcher>.icon{font-size:14px;color:#8f9c94}.nav-group{padding:0 11px}.nav-label{display:block;color:#75837a;text-transform:uppercase;letter-spacing:.11em;font-weight:700;font-size:9px;padding:0 13px 8px}.nav-item{width:100%;border:0;background:transparent;color:#aebbb2;display:flex;align-items:center;gap:12px;min-height:41px;padding:0 13px;border-radius:8px;text-align:left;font-size:12px;transition:.16s}.nav-item .icon{font-size:16px;width:18px;text-align:center;color:#87958b}.nav-item:hover{color:#fff;background:#2a342e}.nav-item.active{background:#35443b;color:#f8faf7}.nav-item.active .icon{color:var(--accent)}.nav-item em{margin-left:auto;font-style:normal;background:#46554b;color:#cad4cc;padding:2px 6px;border-radius:10px;font-size:9px}.admin-group{margin-top:29px}.sidebar-bottom{margin-top:auto;padding:13px 11px 15px;border-top:1px solid #35413b}.profile{display:flex;align-items:center;gap:9px;padding:13px 10px 2px}.profile-avatar,.top-avatar{width:28px;height:28px;border-radius:50%;background:#c9dfd2;color:#336046;display:grid;place-items:center;font-size:9px;font-weight:700}.profile span:nth-child(2){flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.profile b{font-size:11px;color:#e6ece7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile>.icon{font-size:12px;color:#849187}.main-content{margin-left:246px;width:calc(100% - 246px);min-width:0}.topbar{display:none}.content-wrap{max-width:1320px;margin:0 auto;padding:36px 44px 50px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;color:#99a19d;margin-bottom:29px}.breadcrumb .icon{font-size:12px}.breadcrumb b{color:#4d5752}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:32px}.eyebrow{margin:0 0 7px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9ba39e}.page-heading h1{margin:0;font-size:32px;line-height:1.05;letter-spacing:-.045em}.lede{color:var(--muted);margin:8px 0 0;font-size:13px}.heading-actions{display:flex;gap:9px}.button{height:40px;border-radius:8px;border:1px solid var(--line);padding:0 14px;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;white-space:nowrap}.button .icon{font-size:15px}.button.primary{background:var(--ink);border-color:var(--ink);color:#fff}.button.primary:hover{background:#2b3932}.button.secondary{background:var(--surface);color:#44504a}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:13px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 19px;box-shadow:var(--shadow)}.metric-label{display:block;font-size:11px;color:#7f8983;margin-bottom:14px}.metric strong{font-size:27px;letter-spacing:-.06em;display:block}.metric-delta{font-weight:700;font-size:10px;margin-top:7px;display:inline-flex;align-items:center;gap:3px}.metric-delta.up{color:var(--green)}.metric-delta.warn{color:var(--red)}.metric-delta.neutral{color:#9c7138}.metric-delta span{font-size:14px}.metric small{font-size:10px;color:#a1a9a4;margin-left:7px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,1fr);grid-gap:13px;gap:13px;margin-bottom:13px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.panel-heading h2{font-size:14px;margin:0 0 5px;letter-spacing:-.02em}.panel-heading p{font-size:10px;color:#9aa29d;margin:0}.activity-panel,.chart-panel,.health-panel,.quota-panel{padding:21px}.more-button,.select-button{background:#f7f8f6;border:1px solid var(--line);color:#69746d;border-radius:7px;height:29px;font-size:10px;padding:0 9px}.select-button .icon{font-size:11px;margin-left:9px}.more-button{border:0;padding:0 8px;font-size:12px}.chart-legend{display:flex;gap:19px;margin:26px 0 2px 45px;font-size:10px;color:#89938c}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend b{color:#3d4942;margin-left:2px}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.legend-dot.accent{background:var(--accent)}.legend-dot.muted{background:#c5ccc7}.chart{display:flex;height:188px;margin-top:5px}.y-axis{width:37px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;padding:5px 7px 25px 0;color:#a8b0ab;font-size:9px}.chart-area{flex:1 1;position:relative}.grid-lines{inset:0 0 24px;position:absolute;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{display:block;border-top:1px dashed #e9ece9}.chart svg{position:absolute;left:0;right:0;top:0;height:160px;width:100%;overflow:visible}.chart-fill{fill:url(#fill)}.chart-line{fill:none;stroke:var(--accent);stroke-width:2}.x-axis{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a8b0ab;font-size:9px}.health-score{margin:25px 0 21px;gap:14px;padding-bottom:19px;border-bottom:1px solid #edf0ed}.health-score,.score-ring{display:flex;align-items:center}.score-ring{width:64px;height:64px;border-radius:50%;border:6px solid #e9d1a9;flex-direction:column;justify-content:center;line-height:1}.score-ring strong{font-size:19px;letter-spacing:-.06em}.score-ring span{font-size:9px;color:#9ba29e;margin-top:3px}.health-score b{font-size:13px}.health-score p{font-size:10px;color:#929d96;margin:5px 0 0}.device-list{display:flex;flex-direction:column;gap:15px}.device-row{display:flex;align-items:center;gap:8px;min-width:0}.device-dot{width:7px;height:7px;border-radius:50%;background:#54a77c;box-shadow:0 0 0 3px #e7f3eb;flex:none}.device-dot.offline{background:#a8b0ab;box-shadow:0 0 0 3px #f0f1ef}.device-copy{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:3px}.device-copy b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-copy small{font-size:9px;color:#a1aaa4}.signal{font-size:9px;color:#6b9b7e}.signal.offline{color:#a6aea9}.status-badge{font-size:9px;font-weight:700;border-radius:10px;padding:4px 7px;white-space:nowrap}.status-badge.success{color:#408262;background:#eaf5ed}.status-badge.offline{color:#8d9690;background:#f0f2f0}.status-badge.warning{color:#9b6a2b;background:#fbf1df}.panel-link{border:0;background:transparent;color:#9b6929;font-size:10px;font-weight:700;padding:0;white-space:nowrap}.panel-link .icon{font-size:12px;margin-left:4px}.health-panel>.panel-link{display:block;margin-top:20px}.lower-grid{display:grid;grid-template-columns:1.62fr 1fr;grid-gap:13px;gap:13px}.activity-panel .panel-heading{align-items:center}.activity-list{margin-top:17px}.activity-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eef0ee}.activity-row:last-child{border:0}.activity-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:700}.activity-icon.success{background:#e9f5ed;color:#47916b}.activity-icon.info{background:#f9efdd;color:#ae7830}.activity-icon.error{background:#fae9e7;color:#bc675e}.activity-copy{display:flex;flex-direction:column;gap:3px;flex:1 1}.activity-copy b{font-size:11px}.activity-copy small{font-size:9px;color:#a1aaa4}.activity-row time{font-family:monospace;font-size:9px;color:#9ca49f}.quota-panel{display:flex;flex-direction:column}.quota-panel .panel-heading{align-items:center}.quota-number{margin:28px 0 16px;display:flex;align-items:baseline;gap:7px}.quota-number strong{font-size:34px;letter-spacing:-.07em}.quota-number span{font-size:11px;color:#929b95}.progress{height:8px;background:#eef0ed;border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);border-radius:10px}.quota-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:27px;color:#9da6a0;font-size:10px}.quota-foot b{color:#59655d}.placeholder{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.placeholder-icon{width:58px;height:58px;display:grid;place-items:center;background:#fbf0dd;color:#b67c2e;border-radius:16px;margin-bottom:18px}.placeholder-icon .icon{font-size:25px}.placeholder h2{font-size:20px;margin:0 0 8px}.placeholder p{max-width:340px;color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 20px}.toast{position:fixed;right:27px;bottom:27px;background:#202824;color:#fff;border-radius:9px;padding:12px 15px;font-size:11px;box-shadow:0 12px 30px #1a211d44;z-index:50}.toast span{color:#e7a84b;margin-right:8px}.scrim{display:none}@media(max-width:1080px){.content-wrap{padding:31px 26px}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.health-panel{min-height:0}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:10px 0 30px #0003}.sidebar.is-open{transform:translateX(0)}.scrim{display:block;position:fixed;inset:0;background:#17201c99;border:0;z-index:15}.main-content{margin-left:0;width:100%}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:var(--bg)}.mobile-menu{display:grid!important}.mobile-brand{font-weight:700;letter-spacing:-.05em;font-size:16px;margin-right:auto;margin-left:14px}.topbar-actions{display:flex;align-items:center;gap:16px}.icon-button{border:0;background:transparent;color:#5e6a62;padding:6px;display:grid;place-items:center}.icon-button .icon{font-size:18px}.top-avatar{width:27px;height:27px}.content-wrap{padding:24px 16px 35px}.breadcrumb{margin-bottom:23px}.page-heading{display:block;margin-bottom:24px}.page-heading h1{font-size:27px}.heading-actions{margin-top:20px}.heading-actions .button{flex:1 1;justify-content:center}.metric-grid{gap:8px}.metric{padding:15px 13px}.metric strong{font-size:23px}.metric small{display:block;margin:5px 0 0}.dashboard-grid,.lower-grid{gap:8px}.activity-panel,.chart-panel,.health-panel,.quota-panel{padding:17px 14px}.chart-panel{overflow:hidden}.chart-legend{margin-left:38px}.select-button{font-size:9px}.health-score{margin-top:22px}.device-row{gap:7px}.signal{display:none}.quota-foot{padding-top:25px}.activity-row time{font-size:8px}.toast{right:16px;bottom:16px;left:16px;text-align:center}.topbar .mobile-menu{display:block}}@media(min-width:701px){.mobile-menu{display:none}}.auth-page{min-height:100dvh;display:grid;grid-template-columns:1fr 420px;grid-gap:10vw;gap:10vw;align-items:center;padding:8vw 12vw;background:#202824;color:#eef2ee}.auth-brand{max-width:420px}.auth-brand>span{display:block;font-size:42px;font-weight:700;letter-spacing:-.07em;margin-top:16px}.auth-brand p{color:#a8b5ac;font-size:15px;line-height:1.6;max-width:270px;margin-top:22px}.auth-brand .brand-mark{width:48px;height:48px;font-size:24px}.auth-card{background:#fff;color:var(--ink);border-radius:18px;padding:39px 36px;box-shadow:0 24px 60px #10171255}.auth-card h1{font-size:29px;letter-spacing:-.055em;margin:0 0 9px}.auth-copy{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 28px;max-width:270px}.auth-card form{display:grid;grid-gap:15px;gap:15px}.auth-card label{font-size:11px;font-weight:700;color:#58645d}.auth-card input{display:block;width:100%;height:43px;border:1px solid var(--line);border-radius:8px;background:#fbfcfa;padding:0 12px;color:var(--ink);margin:7px 0 0;font-size:13px}.auth-card input:focus{border-color:var(--accent);outline:3px solid #e7a84b33}.auth-card form .button{width:100%;justify-content:center;margin-top:5px}.auth-foot{font-size:11px;color:var(--muted);text-align:center;margin:24px 0 0}.auth-foot a{color:var(--accent-dark);font-weight:700;text-decoration:none}.auth-foot a:hover{text-decoration:underline}@media(max-width:760px){.auth-page{grid-template-columns:1fr;padding:48px 22px;gap:35px}.auth-brand{margin:auto;text-align:center}.auth-brand>span{font-size:34px}.auth-brand p{margin:12px auto 0}.auth-brand .brand-mark,.auth-card{margin:auto}.auth-card{padding:30px 24px;max-width:430px;width:100%}}