:root{
  color-scheme:dark;
  --bg:#07111b;
  --bg2:#0b1622;
  --sidebar:#08131e;
  --panel:#101c28;
  --panel2:#142332;
  --panel3:#182a3a;
  --text:#f1f5f9;
  --muted:#94a3b8;
  --border:#2a3c4d;
  --accent:#f2a900;
  --accent2:#ffbf2e;
  --green:#48b96b;
  --blue:#2f80c9;
  --red:#e34b3f;
  --orange:#e67e22;
  --shadow:0 18px 40px rgba(0,0,0,.24);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:14px}
body{min-height:100vh;background:radial-gradient(circle at 70% -20%,#142538 0,transparent 34%),var(--bg)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a1622,#07111b);border-right:1px solid var(--border);z-index:30}
.sidebar-brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:6px 12px 24px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:16px}
.sidebar-brand img{width:116px;height:45px;object-fit:contain;object-position:left center}.sidebar-brand span{font-size:12px;color:#cbd5e1}
.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav a,.side-bottom a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:7px;color:#c3cfda;transition:.16s}.side-nav a span,.side-bottom a span{width:20px;text-align:center;color:#aab8c5;font-size:17px}.side-nav a:hover,.side-nav a.active,.side-bottom a:hover{background:linear-gradient(90deg,rgba(242,169,0,.25),rgba(242,169,0,.08));color:#fff}.side-nav a.active{color:var(--accent)}
.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}
.main-shell{min-width:0;display:flex;min-height:100vh;flex-direction:column}
.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(8,19,30,.94);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:25;backdrop-filter:blur(10px)}
.top-title{display:flex;align-items:center;gap:18px;font-size:14px;color:#d4dde6}.top-title img{width:74px;height:35px;object-fit:contain;display:none}
.top-actions{display:flex;align-items:center;gap:8px}.user-avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--panel2)}.user-name{font-weight:700}.role-chip{font-size:11px;color:var(--muted);padding:5px 8px;border:1px solid var(--border);border-radius:999px}
.container{width:min(1540px,calc(100% - 34px));margin:24px auto 34px;flex:1}.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.page-head h1{margin:0;font-size:26px;letter-spacing:-.4px}.page-head p,.section-head p{margin:5px 0 0;color:var(--muted)}
.card,.table-card,.kpi{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.card{padding:18px}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.dash-card{display:flex;align-items:center;gap:14px;padding:18px;background:linear-gradient(145deg,#142332,#0f1b27);border:1px solid var(--border);border-radius:8px;min-height:104px}.dash-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:#1a2b3a;color:#d9e3ec;font-size:22px;border:1px solid #263a4c}.dash-card strong{display:block;font-size:27px;line-height:1.05}.dash-card small{display:block;color:var(--muted);margin-top:4px}.dash-card .accent{color:var(--accent)}
.dashboard-panels{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(500px,1.35fr);gap:14px;margin-bottom:16px}.panel-title{font-size:16px;font-weight:700;margin-bottom:14px}.status-chart-wrap{display:flex;align-items:center;justify-content:center;gap:28px;min-height:210px}.donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--blue) 0 var(--p1),var(--accent) var(--p1) var(--p2),var(--orange) var(--p2) var(--p3),var(--green) var(--p3) 100%)}.donut:after{content:"";position:absolute;width:91px;height:91px;border-radius:50%;background:var(--panel)}.donut-center{position:relative;z-index:1;text-align:center}.donut-center strong{display:block;font-size:27px}.donut-center small{color:var(--muted)}.legend{display:grid;gap:9px}.legend-row{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-size:12px}.legend-dot{width:9px;height:9px;border-radius:50%}
.filters{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto auto;gap:10px;margin-bottom:16px}.filters.card{background:#0f1b27}
input,select,textarea{width:100%;border:1px solid #34495c;border-radius:5px;background:#132331;color:var(--text);padding:10px 12px;outline:none}input::placeholder,textarea::placeholder{color:#788a9b}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(242,169,0,.09)}label{display:block;font-weight:600;margin-bottom:12px}label input,label select,label textarea{margin-top:6px;font-weight:400}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:5px;background:#172636;color:#e6edf4;padding:9px 13px;font-weight:700;cursor:pointer;transition:.15s}.btn:hover{background:#1d3042}.btn.primary{background:linear-gradient(180deg,#ffbd21,#e99b00);border-color:#e99b00;color:#121212}.btn.primary:hover{background:var(--accent2)}.btn.success{background:#24864a;border-color:#2d9d58;color:#fff}.btn.danger{background:#8f2e28;border-color:#ad3b32;color:#fff}.btn.sm{padding:6px 9px;font-size:12px}.btn.wide{width:100%}.actions,.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.table-card{overflow:auto;box-shadow:none}table{width:100%;border-collapse:collapse;min-width:980px}th,td{padding:11px 12px;border-bottom:1px solid rgba(85,104,121,.28);text-align:left;vertical-align:top}th{background:#142331;color:#dce6ef;font-size:12px;font-weight:700;position:sticky;top:0}tr:hover td{background:#142332}.compact-table table{min-width:0}.compact-table th,.compact-table td{padding:10px;font-size:12px}
.badge{display:inline-block;border-radius:999px;background:#182b3b;padding:5px 8px;font-size:11px;font-weight:800}.badge.estoque{color:#61cf7c}.badge.instalado{color:#5ba7ea}.badge.manutencao{color:#f7c23f}.badge.desativado{color:#ee746a}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.span-2{grid-column:span 2}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:16px}.detail-grid small,.kpi small{display:block;color:var(--accent);font-weight:700;margin-bottom:5px}.detail-grid strong{font-size:15px}.asset-photo{max-width:420px;max-height:320px;border-radius:8px;border:1px solid var(--border)}
.timeline{margin-top:18px}.history-item{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:0 0 20px;position:relative}.history-item:before{content:"";position:absolute;left:6px;top:18px;bottom:0;width:2px;background:var(--border)}.history-dot{width:14px;height:14px;margin-top:4px;border-radius:50%;background:var(--accent);z-index:1}.history-top{display:flex;gap:10px;align-items:center}.history-item p{margin:7px 0}.muted{color:var(--muted)}.pre{white-space:pre-wrap;max-width:420px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{padding:20px}.kpi.hero{grid-column:span 2;background:linear-gradient(145deg,#22683d,#194f31);color:#fff}.kpi.hero small{color:#dff7e8}.kpi strong{display:block;font-size:28px}.bar{height:7px;background:#1c2d3d;border-radius:99px;margin-top:14px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent)}
.login-page{min-height:100vh;background:radial-gradient(circle at 15% 45%,rgba(242,169,0,.11),transparent 22%),linear-gradient(135deg,#08131e,#07111b 55%,#0e1c29);display:grid;place-items:center;padding:28px;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";position:absolute;border:1px solid rgba(242,169,0,.08);width:520px;height:520px;transform:rotate(32deg);left:-180px;bottom:-280px}.login-page:after{width:380px;height:380px;left:auto;right:-170px;top:-230px}
.login-wrap{width:100%;display:grid;place-items:center}.login-card{width:min(420px,100%);padding:34px;background:rgba(14,29,43,.94);border:1px solid #30475a;position:relative;z-index:2}.login-brand{display:flex;justify-content:center;margin-bottom:22px}.login-brand img{width:205px;height:auto;max-height:88px;object-fit:contain}.login-card h1{text-align:center;margin:0 0 7px;font-size:24px}.login-card>.muted{text-align:center;margin:0 0 25px}.login-card .btn.primary{margin-top:4px;padding:11px}
.gate-wrap{min-height:68vh;display:grid;place-items:center}.gate-card{width:min(460px,100%);padding:34px}.gate-card h1{text-align:center;margin:8px 0}.gate-card>p{text-align:center;margin:0 0 22px}.lock-icon{width:58px;height:58px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#142839;border:1px solid var(--border);font-size:26px;color:var(--accent)}.gate-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.flash{padding:12px 14px;border-radius:6px;margin-bottom:15px}.flash.success{background:#153c28;color:#8fe2aa;border:1px solid #2d7048}.flash.error{background:#44201d;color:#ff9a90;border:1px solid #813a33}.split{display:grid;grid-template-columns:330px 1fr;gap:16px}.checks{display:grid;grid-template-columns:1fr 1fr;margin:12px 0}.checks label{font-weight:400}.checks input{width:auto;margin:0}.empty{text-align:center;color:var(--muted);padding:30px}.app-footer{text-align:center;color:#708192;padding:18px 20px 25px}.app-footer strong{color:var(--accent)}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-panels{grid-template-columns:1fr}.status-chart-wrap{justify-content:flex-start;padding-left:18px}}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.side-nav{display:grid;grid-template-columns:repeat(2,1fr)}.side-bottom{margin-top:10px}.top-title img{display:block}.container{width:min(100% - 18px,1500px)}.filters,.form-grid,.detail-grid,.kpis,.split,.dashboard-grid{grid-template-columns:1fr}.span-2,.kpi.hero{grid-column:span 1}.page-head{align-items:flex-start;flex-direction:column}.role-chip{display:none}.sidebar-brand{align-items:center}.sidebar-brand img{object-position:center}}
@media(max-width:520px){.side-nav{grid-template-columns:1fr}.status-chart-wrap{flex-direction:column;padding-left:0}.topbar{padding:0 12px}.top-title span{display:none}.user-name{font-size:12px}}
@media print{.sidebar,.topbar,.actions,.app-footer,.filters{display:none!important}.app-shell{display:block}.container{width:100%;margin:0}.card,.table-card,.kpi{box-shadow:none}}