@font-face{font-family:Manrope;src:url('vendor/Manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root,[data-bs-theme=dark]{color-scheme:dark;--accent:#ff963d;--line:#2b2b2b;--muted:#a6a6ac;--bs-body-bg:#080808;--bs-body-color:#f3f3f5;--bs-body-font-family:Manrope,system-ui,sans-serif;--bs-body-font-size:.875rem;--bs-body-line-height:1.6;--bs-border-color:var(--line);--bs-secondary-color:var(--muted);--bs-tertiary-bg:#1b1b1b;--bs-secondary-bg:#151515;--bs-primary:#ff963d;--bs-primary-rgb:255,150,61;--bs-link-color:#ffb77d;--bs-link-color-rgb:255,183,125;--bs-link-hover-color:#ffd3ad;--bs-border-radius:.75rem}
body{min-width:320px}*{scrollbar-width:thin;scrollbar-color:#484848 #101010}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#101010}::-webkit-scrollbar-thumb{background:#484848;border-radius:10px}h1,h2,h3{font-weight:750;letter-spacing:-.035em}h1{font-size:clamp(1.65rem,2.3vw,2.05rem);line-height:1.2;margin:0 0 10px}h2{font-size:1rem;line-height:1.5;margin:0 0 4px}p{color:var(--muted)}form{margin:0}.min-w-0{min-width:0}small{font-size:.72rem}a{text-underline-offset:4px}[hidden]{display:none!important}.skip-link{position:fixed;z-index:2000;background:#121212;padding:14px}.eyebrow{font-size:.61rem;letter-spacing:.14em;font-weight:800;color:var(--accent);margin-bottom:12px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand:hover{color:#fff}.brand-symbol{display:grid;place-items:center;border:1px solid #6d3b17;background:#291a0f;color:var(--accent);width:42px;height:42px;flex:0 0 42px;border-radius:12px;font-size:1.3rem}.brand-name{font-size:.97rem;font-weight:800;letter-spacing:.06em;line-height:1.5}.brand-name small{display:block;font-size:.49rem;letter-spacing:.09em;color:#a8a8af;margin-top:2px}.sidebar{--bs-offcanvas-width:252px;background:#101010!important;border-right:1px solid var(--line)!important}.brand-header{display:flex!important;padding:29px 22px}.sidebar .offcanvas-body{padding:4px 16px 24px;overflow-y:auto}.nav-label{font-size:.59rem;letter-spacing:.14em;font-weight:800;color:#888890;padding:16px 14px 12px}.sidebar .nav-link{border-radius:9px;padding:12px 15px;font-size:.8rem;color:#bdbdc4;font-weight:600;min-height:46px}.sidebar .nav-link .bi{font-size:1.1rem}.sidebar .nav-link:hover{background:#1d1915;color:#fff}.sidebar .nav-link.active{background:#2d1a0d;color:#ffb276;box-shadow:inset 3px 0 0 var(--accent)}.sidebar-note{border-top:1px solid var(--line);padding:23px 13px 0;font-size:.75rem}.sidebar-note>.bi{color:var(--accent);margin-right:9px}.sidebar-note p{font-size:.7rem;margin:10px 0 17px}.version-tag{font-size:.53rem;letter-spacing:.09em;border:1px solid var(--line);border-radius:5px;padding:5px 8px;color:#a2a2aa}
.panel-shell{min-height:100vh;display:flex;flex-direction:column;min-width:0}.topbar{min-height:72px;padding:14px 24px;background:#101010;font-size:.78rem}.account-link{color:#ddd;text-decoration:none}.account-link .bi{font-size:1.15rem}.panel-content{padding:32px;max-width:1680px;flex:1;min-width:0}.panel-footer{padding:19px 32px;font-size:.65rem;color:#919198;border-top:1px solid var(--line);background:#101010}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading p{margin:0;font-size:.8rem}.page-heading>.btn{flex-shrink:0}.card{--bs-card-bg:#121212;--bs-card-border-color:var(--line);padding:23px;border-radius:13px;box-shadow:0 7px 24px #00000012}.metric-card{position:relative;padding:21px}.metric-label{font-size:.72rem;color:#b8b8bd;padding-right:36px;min-height:23px}.metric-card strong{font-size:2rem;line-height:1.3;font-weight:750;margin:12px 0 4px;letter-spacing:-.06em}.metric-card small{font-size:.64rem;color:#8e8e96}.metric-icon{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#261a11;color:var(--accent);font-size:1rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.section-head p{font-size:.72rem;margin:3px 0 0}.text-link{font-size:.71rem;font-weight:700;text-decoration:none;white-space:nowrap}.table{--bs-table-bg:transparent;--bs-table-color:#dedee3;--bs-table-border-color:var(--line);font-size:.74rem;margin:0}.table th{font-size:.58rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:#8e8e98;padding:13px 10px;white-space:nowrap}.table td{padding:15px 10px;vertical-align:middle}.table td small{display:block;color:#93939c;font-size:.64rem;margin-top:3px}.table-title{color:#eee;text-decoration:none;font-weight:700}.date-cell{font-size:.68rem;white-space:nowrap}.section-note{font-size:.69rem;color:#a5a5ae;margin-top:18px;line-height:1.7}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;font-size:.61rem;font-weight:700;white-space:nowrap;background:#242424;color:#bebec6}.status-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor}.status-online{color:#8fddb5;background:#14271e}.status-offline{color:#f7a5a5;background:#301a1b}.status-pending,.status-stale{color:#f0c58b;background:#2c2417}.status-paused{color:#bdbdc5;background:#25252a}.activity-item{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #242424}.activity-item:last-child{border:0}.activity-item strong{display:block;font-size:.73rem;font-weight:650}.activity-item small{display:block;font-size:.61rem;color:#92929b;margin-top:4px}.activity-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 6px;margin-top:8px}.stage-note{display:flex;gap:16px;padding:19px 23px;background:#14110e;border:1px solid #392718;border-radius:12px}.stage-note>.bi{color:var(--accent);font-size:1.25rem}.stage-note strong{font-size:.79rem}.stage-note p{font-size:.72rem;margin:5px 0 0;max-width:1000px}
.btn{font-size:.75rem;font-weight:750;padding:10px 15px;min-height:40px;border-radius:8px}.btn-sm{font-size:.69rem;padding:7px 11px;min-height:34px}.btn-primary{--bs-btn-bg:#a74700;--bs-btn-border-color:#ce630b;--bs-btn-color:#fff;--bs-btn-hover-bg:#c35b0a;--bs-btn-hover-border-color:#ff963d;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#a74700;--bs-btn-active-border-color:#ff963d;--bs-btn-active-color:#fff;--bs-btn-disabled-bg:#764321;--bs-btn-disabled-border-color:#764321}.btn-outline-secondary{--bs-btn-color:#dedee4;--bs-btn-border-color:#38383b;--bs-btn-hover-bg:#28282c;--bs-btn-hover-border-color:#666;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#333}.btn-outline-danger{--bs-btn-color:#f7a5a5;--bs-btn-border-color:#693334}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #ffb276;outline-offset:3px}.form-label{font-size:.73rem;font-weight:700;color:#e2e2e5;margin:17px 0 8px}.row .form-label{margin-top:0}.form-control,.form-select{background-color:#191919;border-color:#3a3a3d;color:#f7f7f9;min-height:43px;font-size:.79rem;padding:10px 12px}.form-control:focus,.form-select:focus{background-color:#191919;color:#fff;border-color:var(--accent);box-shadow:0 0 0 .17rem #ff963d20}.form-control::placeholder{color:#81818c}.form-text{font-size:.67rem;line-height:1.6;color:#aaaab2}.alert{font-size:.76rem;border-radius:9px}.alert-warning{--bs-alert-color:#f3d2a6;--bs-alert-bg:#2d2417;--bs-alert-border-color:#584124}.alert-success{--bs-alert-color:#adeac6;--bs-alert-bg:#132b20;--bs-alert-border-color:#2d5840}.alert-secondary{--bs-alert-color:#bfbfc7;--bs-alert-bg:#202023;--bs-alert-border-color:#343438}.modal-content{background:#141414;border-color:#393939;border-radius:14px}.modal-header,.modal-footer{padding:19px 23px}.modal-body{padding:23px}.modal-title{letter-spacing:-.02em}.server-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:11px;color:var(--accent);background:#281b10;font-size:1.2rem}.server-card h2{overflow-wrap:anywhere}.server-card p{font-size:.73rem}.server-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0}.server-details dt{font-size:.64rem;color:#8f8f99;font-weight:500}.server-details dd{font-size:.77rem;margin:3px 0 0;overflow-wrap:anywhere}.server-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:17px}.empty-state{text-align:center;padding:44px 20px}.empty-state p{font-size:.78rem;max-width:450px;margin:10px auto 0}.empty-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid #42301e;border-radius:17px;background:#211910;color:var(--accent);font-size:1.65rem;margin:0 auto 20px}.count-label{padding:7px 13px;background:#1d1d1d;border:1px solid var(--line);border-radius:7px;font-size:.7rem}.filter-bar{padding:18px 23px}.camera-card{padding:0;overflow:hidden}.camera-preview{aspect-ratio:16/9;background:#19191b;position:relative;overflow:hidden}.preview-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;color:#85858e}.preview-placeholder .bi{font-size:1.7rem}.camera-image{position:relative;width:100%;height:100%;object-fit:contain;background:#151515}.camera-info{padding:20px}.camera-info .eyebrow{font-size:.56rem;margin-bottom:7px}.camera-info h2{overflow-wrap:anywhere}.camera-info p{font-size:.72rem}.camera-flags{display:flex;flex-direction:column;gap:5px;font-size:.65rem;color:#a8a8af}.camera-flags .bi{margin-right:6px}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:25px;font-size:.74rem}
.login-layout{min-height:100vh;min-height:100dvh;background:#101010}.login-story{padding:clamp(30px,5vw,76px);border-right:1px solid var(--line);background:radial-gradient(ellipse at 0 100%,#331c0c 0,transparent 65%)}.login-intro{padding:60px 0}.login-intro h1{font-size:clamp(2.3rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.12;margin-bottom:25px}.login-intro p{max-width:380px;font-size:.9rem;line-height:1.8}.login-intro strong{font-size:.8rem}.feature-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #584024;border-radius:11px;font-size:1.1rem;color:var(--accent)}.login-main{padding:45px 28px;min-height:60vh}.login-card{width:100%;max-width:380px}.login-card h2{font-size:1.65rem;margin-bottom:9px}.login-card p{font-size:.82rem}.login-lock{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:#2d1a0d;border:1px solid #6f3f1a;color:var(--accent);font-size:1.3rem;margin-bottom:27px}.login-card .login-caption{font-size:.65rem;color:#9999a2}.error-card{max-width:550px}
@media(min-width:992px){.sidebar{position:fixed;inset:0 auto 0 0;width:252px;height:100vh;display:flex;flex-direction:column;z-index:1030}.sidebar .offcanvas-body{display:flex!important;flex-grow:1}.panel-shell{margin-left:252px}}
@media(max-width:1199.98px){.panel-content{padding:25px}.metric-label{font-size:.67rem}.metric-card small{font-size:.6rem}}
@media(max-width:991.98px){.topbar{padding:12px}.panel-content{padding:24px}.login-story{padding:30px;border-right:0;border-bottom:1px solid var(--line)}.login-intro{padding:28px 0 0}.login-intro h1{font-size:2rem}.login-intro p,.login-intro>.d-flex{display:none!important}.login-main{min-height:auto;padding:35px 24px}.login-layout{align-content:start}.sidebar-note{padding-bottom:20px}}
@media(max-width:575.98px){.panel-content{padding:22px 14px}.panel-footer{padding:17px 14px}.page-heading{align-items:flex-start;flex-direction:column;gap:17px}.card{padding:18px}.metric-card{padding:16px}.metric-icon{width:27px;height:27px;top:14px;right:13px;font-size:.85rem}.metric-label{min-height:34px;font-size:.65rem}.metric-card strong{font-size:1.7rem;margin-top:7px}.metric-card small{font-size:.58rem}.section-head{align-items:flex-start}.stage-note{padding:18px}.server-card>.d-flex{flex-wrap:wrap}.server-details{gap:14px}.camera-card{padding:0}.modal-body{padding:18px}.login-story .brand-name{font-size:.88rem}}
.login-card .form-label{margin:17px 0 8px}.modal-dialog-scrollable .modal-content>form{display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-content>form>.modal-body{overflow-y:auto;min-height:0}.modal-header,.modal-footer{flex-shrink:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}