@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@500;600&family=Fira+Sans:wght@400;500;600;700&display=swap";:root{font-family:Fira Sans,sans-serif;color:#e8f2ee;background:#08110e;font-synthesis:none;--accent:#36d889}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% -20%,#193b2e 0,transparent 33%),#08110e;color:#e8f2ee}button,input{font:inherit}button,a{cursor:pointer}button{color:inherit}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:radial-gradient(circle at 15% 35%,rgba(33,150,96,.18),transparent 35%)}.login-art{padding:clamp(40px,8vw,130px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:460px;height:460px;border:1px solid #1c3f33;border-radius:50%;left:-160px;bottom:-250px;box-shadow:0 0 0 65px #15423221,0 0 0 130px #15423214}.brandmark,.mobile-logo{width:54px;height:54px;display:grid;place-items:center;background:var(--accent);color:#07110d;border-radius:14px;font:700 24px Fira Code;box-shadow:0 8px 30px #36d88933}.login h1{font-size:clamp(38px,5vw,70px);line-height:1.05;letter-spacing:-.04em;margin:55px 0 25px;max-width:680px}.login h1 span{color:var(--accent)}.login-art>p{color:#91a59d;font-size:18px;max-width:570px;line-height:1.7}.signals{display:flex;gap:28px;margin-top:40px;font-size:13px;color:#87a098}.signals span:first-child{color:#53e19a}.login-card{align-self:center;justify-self:center;width:min(430px,85%);padding:44px;border:1px solid #263b34;background:#0e1c17d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 30px 80px #0006}.mobile-logo{display:none}.login-card>small,.pagehead p,.preview>small{font:600 11px Fira Code;letter-spacing:.12em;color:var(--accent)}.login-card h2{font-size:32px;margin:15px 0 6px}.login-card>p{color:#83978f;margin:0 0 30px}.login-card label,.settings-card label{display:grid;gap:8px;font-size:13px;font-weight:600;margin:18px 0}.login-card input,.settings-card input,.search input{background:#0b1713;border:1px solid #2a4038;color:#eef8f4;border-radius:9px;padding:13px 14px;outline:none}.login-card input:focus,.settings-card input:focus,.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #36d8891b}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.form-row .check{display:flex;grid-template-columns:auto 1fr;align-items:center;margin:0;color:#a3b4ad}.form-row a{color:var(--accent);text-decoration:none}.primary,.outline{border:0;border-radius:8px;display:flex;gap:8px;align-items:center;justify-content:center}.primary{background:var(--accent);color:#06100c;font-weight:700;padding:13px 18px}.login-card>.primary{width:100%;margin-top:28px}.login-card footer{text-align:center;color:#60736b;font-size:11px;margin-top:25px}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.shell aside{position:fixed;width:245px;height:100vh;background:#0a1411;border-right:1px solid #1d2e28;padding:20px 14px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 7px 22px;border-bottom:1px solid #1b2a25}.sidebar-brand>b{width:34px;height:34px;border-radius:8px;background:var(--accent);color:#07110d;display:grid;place-items:center;font:700 16px Fira Code}.sidebar-brand span{font-weight:700;font-size:13px}.sidebar-brand small{display:block;color:#60756c;font-size:9px;margin-top:3px;font-weight:400}.shell nav{overflow:auto;padding:17px 0;display:grid;gap:2px}.shell nav button{background:none;border:0;color:#80958d;padding:10px 12px;border-radius:7px;display:flex;align-items:center;gap:12px;text-align:left;transition:.18s}.shell nav button:hover{background:#12221c;color:#caddd5}.shell nav button.active{background:#173428;color:var(--accent);box-shadow:inset 2px 0 var(--accent)}.shell nav em,.top-actions em{margin-left:auto;background:#502129;color:#ff9da8;border-radius:10px;padding:1px 6px;font-size:10px;font-style:normal}.user{margin-top:auto;border-top:1px solid #1d2e28;padding:16px 4px 0;display:flex;align-items:center;gap:9px}.user>div{background:#213a31;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:11px}.user span{font-size:11px;flex:1}.user small{display:block;color:#60756c;margin-top:2px}.user button,.icon-btn{border:0;background:none;color:#6e8179;padding:5px}.workspace{grid-column:2}.topbar{height:61px;border-bottom:1px solid #1d2e28;display:flex;align-items:center;padding:0 28px;background:#08110ede;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.cluster{font:500 12px Fira Code;display:flex;align-items:center;gap:7px}.cluster i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:11px}.top-actions button,.menu{background:none;border:0;color:#93a69f;padding:8px;position:relative}.top-actions button:hover{color:#fff}.live{font:600 9px Fira Code;color:var(--accent);border:1px solid #27503e;padding:5px 8px;border-radius:5px}.menu{display:none}.content{padding:30px clamp(18px,3vw,42px);max-width:1600px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.pagehead h1{font-size:28px;margin:8px 0 5px;letter-spacing:-.02em}.pagehead p{margin:0}.pagehead span{color:#748a81;font-size:13px}.outline{background:#101e19;border:1px solid #2a3d36;padding:9px 13px;color:#a9bbb4;font-size:12px}.small{font-size:12px;padding:10px 14px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-grid article,.panel{background:linear-gradient(145deg,#111e1a,#0d1814);border:1px solid #22342d;border-radius:10px}.stat-grid article{padding:18px;position:relative}.stat-icon{float:right;width:35px;height:35px;border-radius:8px;display:grid;place-items:center;color:#4cdb97;background:#173629}.stat-icon svg{width:18px}.c1{color:#65a9ff;background:#172d3f}.c2{color:#dbb55d;background:#362f1a}.c3{color:#bc90ff;background:#2d2340}.stat-grid p{font-size:12px;color:#80958d;margin:0 0 9px}.stat-grid strong{font:600 24px Fira Code;display:block}.stat-grid small{font-size:10px;color:#5f8876}.grid-stack{margin:14px -10px 0}.grid-stack-item-content{padding:19px!important}.panel-title{display:flex;justify-content:space-between}.panel-title b{font-size:13px}.panel-title small{display:block;color:#64786f;font-size:10px;margin-top:4px}.panel-title button{background:#12221c;border:1px solid #293d35;border-radius:5px;color:#81958d;font-size:10px;padding:5px 9px}.activity{list-style:none;padding:12px 0;margin:0}.activity li{padding:12px 8px;border-bottom:1px solid #1d2c27;font-size:12px}.activity li i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:10px}.activity li i.warn{background:#d9ad4c}.activity small{display:block;color:#61776e;margin:4px 0 0 19px}.table-panel{overflow:hidden}.toolbar{padding:14px;display:flex;gap:10px;border-bottom:1px solid #22342d}.search{display:flex;align-items:center;border:1px solid #293e36;background:#0b1713;border-radius:7px;padding-left:10px;max-width:310px;flex:1;color:#60776d}.search input{border:0;width:100%;padding:9px;background:transparent}.search input:focus{box-shadow:none}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#647970;font:500 10px Fira Code;letter-spacing:.08em;padding:13px 18px;border-bottom:1px solid #22342d}td{padding:16px 18px;border-bottom:1px solid #192a24;color:#839890}td b{color:#d7e4df}.badge{color:#50dc95;background:#143528;border:1px solid #23563f;border-radius:12px;padding:4px 8px;font-size:10px}.badge.warn{color:#e3b95d;background:#342b17;border-color:#5d4b20}.settings-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.settings-card,.preview{padding:25px}.settings-card h3{margin:0;font-size:16px}.settings-card>p{font-size:12px;color:#6e837a}.settings-card input{width:100%;margin:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toggle{grid-template-columns:auto 1fr!important;align-items:center}.toggle input{display:none}.toggle span{width:38px;height:21px;border-radius:12px;background:#263a32;position:relative}.toggle span:after{content:"";position:absolute;width:15px;height:15px;background:#82958e;left:3px;top:3px;border-radius:50%;transition:.2s}.toggle input:checked+span{background:var(--accent)}.toggle input:checked+span:after{left:20px;background:#06110d}.preview-brand{display:flex;gap:12px;align-items:center;margin:30px 0}.preview-brand>b{width:48px;height:48px;display:grid;place-items:center;background:var(--accent);color:#07110d;border-radius:11px}.preview-brand span small,.preview-card small{display:block;color:#70857c;margin-top:5px}.preview-card{border:1px solid #284338;background:#10261e;border-radius:9px;padding:18px;display:flex;gap:12px}.preview-card i{width:9px;height:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);margin-top:3px}.compact{grid-template-columns:76px 1fr}.compact aside{width:76px}.compact .sidebar-brand span,.compact nav span,.compact nav em,.compact .user span,.compact .user button{display:none}.compact .sidebar-brand{justify-content:center}.compact nav button{justify-content:center}.compact .workspace{grid-column:2}@media(max-width:900px){.login{grid-template-columns:1fr}.login-art{display:none}.login-card{margin:50px auto}.mobile-logo{display:grid;margin-bottom:30px}.shell{display:block}.shell aside{transform:translate(-100%);transition:.22s;width:245px;box-shadow:20px 0 50px #0008}.shell aside.open{transform:translate(0)}.workspace{grid-column:auto}.menu{display:block}.stat-grid{grid-template-columns:1fr 1fr}.grid-stack-item{width:100%!important;position:relative!important;left:0!important;top:auto!important}.grid-stack{height:auto!important}.settings-layout{grid-template-columns:1fr}}@media(max-width:600px){.content{padding:22px 14px}.pagehead{align-items:flex-start}.pagehead .outline{display:none}.stat-grid{grid-template-columns:1fr}.topbar{padding:0 12px}.signals{display:none}table th:nth-child(3),table td:nth-child(3){display:none}.settings-layout{display:block}.preview{margin-top:14px}.two{grid-template-columns:1fr}.live{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.meter-track{background:#162922;border-radius:6px;height:7px;overflow:hidden;margin:6px 0 2px;position:relative}.meter-fill{height:100%;background:var(--accent,#36d889);border-radius:6px;transition:width .3s ease}.meter-fill.warn{background:#e3b95d}.meter-fill.danger{background:#f87171}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px}.detail-card{background:linear-gradient(145deg,#111e1a,#0d1814);border:1px solid #22342d;border-radius:10px;padding:20px}.detail-card h3{margin:0 0 12px;font-size:16px;display:flex;align-items:center;justify-content:space-between}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #162620;font-size:12px}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:#768d84}.detail-row span:last-child{color:#e0ece7;font-weight:600}.badge-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px;background:#143528;color:#50dc95;border:1px solid #23563f}.badge-pill.warn{background:#342b17;color:#e3b95d;border-color:#5d4b20}.badge-pill.danger{background:#391a1a;color:#f87171;border-color:#632626}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}.quick-summary{margin-bottom:20px}.widget-body{padding:10px 0}.widget-metric-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.mono{font-family:Fira Code,monospace}[data-theme=light]{color-scheme:light;background:#f5f8f6!important;color:#152720!important}[data-theme=light] body{background:radial-gradient(circle at 80% -20%,#d4ede1 0,transparent 40%),#f5f8f6!important;color:#152720!important}[data-theme=light] .shell aside{background:#fff!important;border-right-color:#d6e2dc!important;box-shadow:2px 0 12px #0a1e1408}[data-theme=light] .sidebar-brand{border-bottom-color:#e2ece7!important}[data-theme=light] .sidebar-brand span{color:#142820!important}[data-theme=light] .sidebar-brand small{color:#556e63!important}[data-theme=light] .shell nav button{color:#4b6459!important}[data-theme=light] .shell nav button:hover{background:#edf5f1!important;color:#12281e!important}[data-theme=light] .shell nav button.active{background:#e1f5ec!important;color:#0b683b!important;box-shadow:inset 3px 0 var(--accent, #36d889)!important;font-weight:600}[data-theme=light] .topbar{background:#ffffffe6!important;border-bottom-color:#d6e2dc!important;color:#152720!important}[data-theme=light] .cluster{color:#1a3328!important}[data-theme=light] .user{border-top-color:#e2ece7!important}[data-theme=light] .user>div{background:#e1f5ec!important;color:#0b683b!important}[data-theme=light] .user span b{color:#142820!important}[data-theme=light] .user small,[data-theme=light] .user button{color:#556e63!important}[data-theme=light] .user button:hover{color:#142820!important}[data-theme=light] .pagehead h1{color:#0e221a!important}[data-theme=light] .pagehead span{color:#4e675c!important}[data-theme=light] .pagehead p{color:#0b683b!important}[data-theme=light] .stat-grid article,[data-theme=light] .panel,[data-theme=light] .detail-card,[data-theme=light] .settings-card,[data-theme=light] .preview{background:#fff!important;border-color:#d6e2dc!important;box-shadow:0 2px 10px #0a1e140a!important}[data-theme=light] .stat-grid article p{color:#556e63!important}[data-theme=light] .stat-grid article strong{color:#0e221a!important}[data-theme=light] .stat-grid article small{color:#3b6855!important}[data-theme=light] .stat-icon{background:#e1f5ec!important;color:#0b683b!important}[data-theme=light] .stat-icon.c1{background:#e6f0fa!important;color:#1e6ec2!important}[data-theme=light] .stat-icon.c2{background:#fdf5e3!important;color:#9c6c06!important}[data-theme=light] .stat-icon.c3{background:#f3ebfa!important;color:#7234b3!important}[data-theme=light] .outline{background:#fff!important;border-color:#cbd8d1!important;color:#233e33!important}[data-theme=light] .outline:hover{background:#edf5f1!important}[data-theme=light] .detail-card h3{color:#0e221a!important}[data-theme=light] .detail-row{border-bottom-color:#ebf2ee!important}[data-theme=light] .detail-row span:first-child{color:#556e63!important}[data-theme=light] .detail-row span:last-child{color:#142820!important}[data-theme=light] .table-panel{background:#fff!important;border-color:#d6e2dc!important}[data-theme=light] th{background:#edf5f1!important;color:#466055!important;border-bottom-color:#d6e2dc!important}[data-theme=light] td{color:#385146!important;border-bottom-color:#edf3f0!important}[data-theme=light] td b{color:#0e221a!important}[data-theme=light] .meter-track{background:#e0ece6!important}[data-theme=light] .login-card input,[data-theme=light] .settings-card input,[data-theme=light] .settings-card select,[data-theme=light] .search input{background:#fff!important;border-color:#cbd8d1!important;color:#142820!important}[data-theme=light] .settings-card select{padding:10px 12px;border-radius:8px;font:inherit;width:100%}[data-theme=light] .login-card input:focus,[data-theme=light] .settings-card input:focus,[data-theme=light] .settings-card select:focus{border-color:var(--accent, #36d889)!important;box-shadow:0 0 0 3px #36d88940!important}[data-theme=light] .badge-pill{background:#e3f6ed!important;color:#096336!important;border-color:#b0e5ce!important}[data-theme=light] .badge-pill.warn{background:#fdf5e4!important;color:#8c6007!important;border-color:#f6dc9d!important}[data-theme=light] .badge-pill.danger{background:#fdeeee!important;color:#b52222!important;border-color:#f7baba!important}[data-theme=light] .preview-card{background:#f1f7f4!important;border-color:#cce0d6!important}[data-theme=light] .preview-card b{color:#0e221a!important}[data-theme=light] .preview-card small{color:#4b665b!important}[data-theme=light] .settings-card h2,[data-theme=light] .preview h2{color:#0e221a!important}[data-theme=light] .settings-card label{color:#233e33!important}[data-theme=light] .widget{background:#fff!important;border-color:#d6e2dc!important}[data-theme=light] .widget-metric-row span:first-child{color:#4b665b!important}[data-theme=light] .widget-metric-row span:last-child{color:#142820!important}[data-theme=light] .panel-title button{background:#f0f6f3!important;border-color:#cbd8d1!important;color:#233e33!important}[data-theme=light] details summary{color:#4b665b!important}[data-theme=light] details pre{background:#edf5f1!important;border:1px solid #d6e2dc!important;color:#1b352a!important}[data-theme=light] .login{background:radial-gradient(circle at 15% 35%,rgba(54,216,137,.14),transparent 45%),#f5f8f6!important}[data-theme=light] .login-art:after{border-color:#c9ded5!important}[data-theme=light] .login h1{color:#0e221a!important}[data-theme=light] .login-art>p{color:#4e685e!important}[data-theme=light] .login-card{background:#fffffff2!important;border-color:#d6e2dc!important;box-shadow:0 20px 60px #0a1e1414!important}[data-theme=light] .login-card h2{color:#0e221a!important}[data-theme=light] .login-card>p{color:#4e685e!important}[data-theme=light] .login-card label{color:#233e33!important}[data-theme=light] .form-row .check{color:#4e685e!important}[data-theme=light] .boot{background:#f5f8f6!important;color:#152720!important}