:root{--ranger-accent:#6ee7b7;--ranger-accent-rgb:110,231,183;--ranger-sidebar:242px;--ranger-panel:#141d29;--ranger-border:#273345;--ranger-muted:#95a4b9;--ranger-bg:#0d1420}
[data-bs-theme=light]{--ranger-accent:#087e5b;--ranger-accent-rgb:8,126,91;--ranger-panel:#fff;--ranger-border:#dce3ec;--ranger-muted:#5a6c80;--ranger-bg:#f2f5f9}
body{background:var(--ranger-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.9rem;color:var(--bs-body-color);line-height:1.6}a{color:var(--ranger-accent);text-decoration:none}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--ranger-accent);outline-offset:3px}.brand{display:flex;align-items:center;gap:11px;font-size:1.4rem;font-weight:800;letter-spacing:.13em;color:var(--bs-body-color)}.brand i{color:var(--ranger-accent);font-size:1.7rem}.brand small{color:var(--ranger-muted);font-size:.62rem;letter-spacing:0;background:var(--ranger-bg);padding:2px 6px;border:1px solid var(--ranger-border);border-radius:5px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--ranger-sidebar);background:var(--ranger-panel);border-right:1px solid var(--ranger-border);padding:32px 18px;z-index:1030}.sidebar .brand{padding:0 9px 36px}.nav-caption,.eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.16em;color:var(--ranger-muted)}.nav-caption{padding:0 13px;margin:14px 0}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:7px;color:var(--ranger-muted);font-weight:500}.sidebar nav a i{width:19px;text-align:center}.sidebar nav a:hover{background:var(--ranger-bg);color:var(--bs-body-color)}.sidebar nav a.active{background:rgba(var(--ranger-accent-rgb),.1);color:var(--ranger-accent);box-shadow:inset 3px 0 var(--ranger-accent)}.sidebar-bottom{position:absolute;bottom:28px;padding:0 12px;font-size:.75rem}.sidebar-bottom small{color:var(--ranger-muted)}.connection-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ranger-accent);margin-right:6px;box-shadow:0 0 0 3px rgba(var(--ranger-accent-rgb),.08)}.workspace{margin-left:var(--ranger-sidebar)}.topbar{min-height:78px;padding:15px 34px;border-bottom:1px solid var(--ranger-border);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ranger-panel)}.breadcrumb-label{color:var(--ranger-muted);font-size:.68rem;letter-spacing:.08em;display:flex;gap:12px}.topbar-actions{display:flex;align-items:center;gap:17px;font-size:.76rem}.user-chip{display:flex;align-items:center;gap:9px;color:var(--bs-body-color)}.avatar{display:inline-grid;place-items:center;background:rgba(var(--ranger-accent-rgb),.12);color:var(--ranger-accent);width:31px;height:31px;border-radius:50%;font-weight:700}main#content{padding:34px;min-height:calc(100vh - 135px);max-width:1800px;margin:auto}h1{font-size:1.9rem;font-weight:700;letter-spacing:-.04em;margin:0}h2{font-weight:650;letter-spacing:-.02em}h3{font-size:1.05rem;font-weight:650}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.page-heading p{color:var(--ranger-muted);margin:6px 0 0}.btn{font-size:.8rem;border-radius:6px;padding:.5rem .85rem;font-weight:550}.btn i{margin-right:5px}.btn-sm i,.icon-button i{margin:0}.btn-primary{--bs-btn-bg:var(--ranger-accent);--bs-btn-border-color:var(--ranger-accent);--bs-btn-color:#0b241b;--bs-btn-hover-bg:#8aefc9;--bs-btn-hover-border-color:#8aefc9;--bs-btn-hover-color:#0b241b}.btn-outline-secondary{--bs-btn-color:var(--ranger-muted);--bs-btn-border-color:var(--ranger-border)}[data-bs-theme=light] .btn-primary{--bs-btn-color:#fff;--bs-btn-hover-bg:#056447;--bs-btn-hover-border-color:#056447;--bs-btn-hover-color:#fff}.panel{background:var(--ranger-panel);border:1px solid var(--ranger-border);border-radius:10px;padding:24px}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:28px}.stat-card{padding:18px;border:1px solid var(--ranger-border);background:var(--ranger-panel);border-radius:9px}.stat-card .stat-label{font-size:.7rem;color:var(--ranger-muted);display:flex;justify-content:space-between;gap:4px}.stat-number{font-size:1.85rem;font-weight:650;line-height:1.4;letter-spacing:-.04em}.stat-card small{color:var(--ranger-muted);font-size:.66rem}.text-accent{color:var(--ranger-accent)}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar .select2-container{min-width:170px}.view-toggle{margin-left:auto;display:flex;gap:5px}.machine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:17px}.machine-card{background:var(--ranger-panel);border:1px solid var(--ranger-border);border-radius:10px;padding:21px;transition:border-color .15s,transform .15s}.machine-card:hover{border-color:var(--ranger-muted);transform:translateY(-2px)}.machine-title{display:flex;gap:11px;align-items:flex-start}.machine-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--ranger-bg);color:var(--ranger-muted)}.machine-name{font-size:.95rem;font-weight:650;color:var(--bs-body-color);overflow-wrap:anywhere}.machine-group{font-size:.69rem;color:var(--ranger-muted)}.machine-ip{font-family:ui-monospace,monospace;font-size:.76rem;color:var(--ranger-muted);margin:14px 0 18px}.state-pill{font-size:.64rem;border-radius:20px;padding:3px 8px;font-weight:650;white-space:nowrap;display:inline-flex;gap:5px;align-items:center}.state-online,.state-success{background:rgba(52,211,153,.12);color:#34d399}.state-warning,.state-waiting,.state-claimed{background:rgba(251,191,36,.12);color:#fbbf24}.state-critical,.state-failed,.state-offline{background:rgba(248,113,113,.12);color:#f87171}.state-maintenance,.state-running{background:rgba(96,165,250,.12);color:#60a5fa}.state-expired,.state-uncertain{background:rgba(148,163,184,.15);color:var(--ranger-muted)}[data-bs-theme=light] .state-online,[data-bs-theme=light] .state-success{color:#047857}[data-bs-theme=light] .state-warning,[data-bs-theme=light] .state-waiting,[data-bs-theme=light] .state-claimed{color:#92400e}[data-bs-theme=light] .state-critical,[data-bs-theme=light] .state-failed,[data-bs-theme=light] .state-offline{color:#b91c1c}[data-bs-theme=light] .state-maintenance,[data-bs-theme=light] .state-running{color:#1d4ed8}.metric-row{display:flex;justify-content:space-between;font-size:.73rem;margin-top:12px}.metric-row span{color:var(--ranger-muted)}.metric-track{height:4px;background:var(--ranger-bg);border-radius:4px;margin-top:6px;overflow:hidden}.metric-track div{height:100%;border-radius:4px;background:var(--ranger-accent)}.card-meta{border-top:1px solid var(--ranger-border);padding-top:15px;margin-top:20px;display:flex;justify-content:space-between;color:var(--ranger-muted);font-size:.67rem}.empty-state{padding:65px 20px;text-align:center;background:var(--ranger-panel);border:1px dashed var(--ranger-border);border-radius:10px;color:var(--ranger-muted)}.empty-state i{font-size:2.4rem;color:var(--ranger-accent);margin-bottom:18px}.empty-state h2{font-size:1.3rem;color:var(--bs-body-color)}.table{--bs-table-bg:transparent;--bs-table-border-color:var(--ranger-border);font-size:.8rem;width:100%!important}.table th{color:var(--ranger-muted);font-weight:600;font-size:.72rem}.table td{vertical-align:middle;overflow-wrap:anywhere;max-width:340px}.table .btn{padding:5px 8px}.table-actions{display:flex;gap:6px}.dt-container .dt-info{color:var(--ranger-muted);font-size:.75rem}.form-control,.form-select{font-size:.85rem;border-color:var(--ranger-border);background-color:var(--ranger-bg)}.form-label{font-size:.78rem;color:var(--ranger-muted);margin-bottom:6px}.form-control:focus{border-color:var(--ranger-accent);box-shadow:0 0 0 3px rgba(var(--ranger-accent-rgb),.12)}.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{background:var(--ranger-bg);border:1px solid var(--ranger-border);border-radius:6px;min-height:37px;color:var(--bs-body-color);padding:3px 7px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--bs-body-color);line-height:29px;font-size:.82rem}.select2-dropdown{background:var(--ranger-panel);border-color:var(--ranger-border);color:var(--bs-body-color)}.select2-container--default .select2-results__option--selected{background:var(--ranger-bg)}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:var(--ranger-accent);color:#09291b}.select2-container--default .select2-search--dropdown .select2-search__field{background:var(--ranger-bg);color:var(--bs-body-color);border:1px solid var(--ranger-border)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background:var(--ranger-panel);border-color:var(--ranger-border);color:var(--bs-body-color)}.modal-content{background:var(--ranger-panel);border-color:var(--ranger-border)}.modal-header,.modal-footer{border-color:var(--ranger-border)}.form-section{grid-column:1/-1;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--ranger-accent);border-bottom:1px solid var(--ranger-border);padding:12px 0 8px;margin:0 0 4px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-grid .full{grid-column:1/-1}.form-check{padding-top:8px}.form-check-input:checked{background-color:var(--ranger-accent);border-color:var(--ranger-accent)}.detail-overview{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:20px}.detail-info{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.detail-info small{display:block;color:var(--ranger-muted);font-size:.68rem}.detail-info strong{font-size:.8rem;font-weight:550;overflow-wrap:anywhere}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.chart-box{height:270px}.chart-box canvas{max-height:210px}.tab-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 18px}.tab-buttons .active{color:var(--ranger-accent);border-color:var(--ranger-accent)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.inventory-card{padding:16px;border:1px solid var(--ranger-border);border-radius:8px;font-size:.8rem}.inventory-card p{margin:5px 0;color:var(--ranger-muted)}.mono,pre,code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;padding:16px;background:var(--ranger-bg);border:1px solid var(--ranger-border);border-radius:6px;color:var(--bs-body-color);font-size:.78rem}#notice{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:2000;max-width:650px;width:calc(100% - 36px);box-shadow:0 8px 35px #0003}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1100px;padding:50px 30px;gap:90px;margin:auto}.auth-story h1{font-size:3.4rem;line-height:1.15;margin:55px 0 25px;letter-spacing:-.06em}.auth-story p{color:var(--ranger-muted);max-width:350px}.auth-card{padding:40px}.auth-card h2{font-size:1.6rem;margin:12px 0}.auth-card form{margin-top:28px}.auth-link{display:block;text-align:center;margin-top:22px;font-size:.8rem}.status-line{font-size:.62rem;letter-spacing:.1em;color:var(--ranger-muted);margin-top:45px}.status-line span{display:inline-block;width:7px;height:7px;background:var(--ranger-accent);border-radius:50%;margin-right:7px}footer{padding:16px 34px;border-top:1px solid var(--ranger-border);color:var(--ranger-muted);font-size:.65rem;letter-spacing:.1em;display:flex;justify-content:space-between}.error-block{border-color:#f87171}.detail-section{margin-bottom:22px}.muted-label{font-size:.75rem;color:var(--ranger-muted)}.page-heading-actions{display:flex;gap:8px;flex-wrap:wrap}.table-responsive{overflow-x:auto}.auth-card .eyebrow{color:var(--ranger-accent)}.dt-length select{min-width:65px}
@media(min-width:1600px){main#content{padding:40px 48px}}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.topbar-actions #refreshState{display:none}.detail-info{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vw #0007}.workspace{margin-left:0}.topbar{padding:14px 20px}main#content{padding:24px 20px}.auth-shell{gap:35px}.auth-story h1{font-size:2.6rem}.detail-overview{grid-template-columns:1fr}.user-chip{font-size:0}.user-chip .avatar{font-size:.8rem}}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.page-heading{align-items:flex-start;flex-direction:column}h1{font-size:1.65rem}.charts-grid,.editor-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr;padding:35px 20px;max-width:480px;gap:25px}.auth-story h1,.auth-story p,.auth-story .status-line{display:none}.auth-card{padding:28px}.breadcrumb-label{font-size:.58rem;gap:5px}.topbar-actions{gap:8px}.panel{padding:17px}.stat-number{font-size:1.6rem}.detail-info{grid-template-columns:repeat(2,1fr)}footer{padding:16px 20px}.toolbar{gap:8px}.toolbar .select2-container{min-width:130px}.card-meta{font-size:.62rem}}