:root{--bg:#f4f7fb;--surface:#fff;--surface2:#f8fafc;--text:#122033;--muted:#6b7b91;--line:#dfe7f0;--primary:#0b63f6;--primary2:#39a9ff;--nav:#071a33;--nav2:#0b315d;--shadow:0 12px 35px rgba(20,48,80,.08);--good:#0b8f5a;--bad:#c63a3a;--radius:17px}
html[data-theme="dark"]{--bg:#0b111a;--surface:#111a26;--surface2:#172231;--text:#edf4ff;--muted:#93a4b8;--line:#253548;--nav:#060c15;--nav2:#0d1a2a;--shadow:0 14px 40px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,Segoe UI,Arial,sans-serif;transition:background .2s,color .2s}.svg-icon{display:inline-block;vertical-align:middle;flex:none}
aside{position:fixed;width:255px;inset:0 auto 0 0;background:linear-gradient(180deg,var(--nav),var(--nav2));color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;margin:2px 8px 25px}.brand b{display:block;font-size:20px;letter-spacing:1px}.brand small{display:block;color:#9dd7ff;letter-spacing:2px;font-size:9px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:rgba(57,169,255,.13);border:1px solid rgba(157,215,255,.2);border-radius:13px;color:#63c5ff}
.device-pill{font-size:10px;color:#a9c7e4;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:8px 10px;margin:0 4px 16px;display:flex;gap:7px;align-items:center}.device-pill span:first-child{width:7px;height:7px;border-radius:50%;background:#35d48a}
nav{display:grid;gap:5px}nav a{color:#d9ecff;text-decoration:none;padding:11px 12px;border-radius:10px;display:flex;gap:10px;align-items:center}nav a:hover,nav a.active{background:rgba(57,169,255,.15);color:#fff}
.account{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}.profile-mini{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;padding:7px;border-radius:10px}.profile-mini:hover{background:rgba(255,255,255,.06)}.profile-mini img,.avatar{object-fit:cover;border-radius:50%;display:block}.profile-mini img{width:38px;height:38px}.avatar-fallback,.fallback{display:grid;place-items:center;background:linear-gradient(135deg,#0874f9,#39a9ff);color:#fff;font-weight:900;border-radius:50%}.profile-mini .avatar-fallback{width:38px;height:38px}.profile-mini b{display:block;font-size:12px}.profile-mini small{display:block;color:#9dc3e5;font-size:10px;margin-top:2px}
.theme-row{display:flex;gap:5px;margin:10px 0}.theme-btn{border:0;background:rgba(255,255,255,.06);color:#d9ecff;padding:7px 9px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:10px}.theme-btn:hover{background:rgba(255,255,255,.13)}.logout{display:flex;align-items:center;gap:7px;color:#9dc3e5;text-decoration:none;padding:7px}
main{margin-left:255px;padding:30px 38px;max-width:1600px}.top-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--primary);font-weight:900}h1{font-size:31px;margin:5px 0}h2{margin:4px 0;font-size:19px}h3{margin:0 0 3px}p{color:var(--muted);margin:5px 0;line-height:1.5}.header-actions{display:flex;gap:10px;align-items:center}.device-badge,.count-badge{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--muted);background:var(--surface2);border:1px solid var(--line);padding:9px 11px;border-radius:9px}.primary,.secondary,.mini{display:inline-flex;justify-content:center;align-items:center;gap:7px;cursor:pointer;text-decoration:none;font-weight:800;border-radius:10px}.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border:0;padding:11px 16px;box-shadow:0 8px 22px rgba(11,99,246,.16)}.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--line);padding:10px 13px}.mini{border:1px solid var(--line);background:var(--surface2);color:var(--text);padding:7px 10px}.flash{background:#e8f5ff;border:1px solid #b9ddfb;color:#07599d;padding:11px 14px;border-radius:11px;margin-bottom:16px}.hero-grid{display:grid;grid-template-columns:1fr auto;gap:13px;margin-bottom:16px}.hero-card,.quick-action,.panel,.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-card{border-radius:var(--radius);padding:19px;display:flex;gap:15px;align-items:center}.hero-icon{width:47px;height:47px;border-radius:14px;background:#eaf4ff;color:var(--primary);display:grid;place-items:center}.quick-action{border-radius:var(--radius);padding:15px 18px;display:flex;gap:11px;align-items:center;color:var(--text);text-decoration:none;min-width:205px}.quick-action .svg-icon{color:var(--primary)}.quick-action b,.quick-action small{display:block}.quick-action small{color:var(--muted);margin-top:3px}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-bottom:16px}.card{padding:16px;border-radius:15px}.card span{display:block;font-size:9px;color:var(--muted);font-weight:900;letter-spacing:1px}.card strong{display:block;font-size:19px;margin:8px 0}.card small{color:var(--muted);font-size:11px}.highlight{border-top:3px solid var(--primary)}
.grid2,.page-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.page-grid{grid-template-columns:1.2fr .8fr}.panel{padding:19px;border-radius:var(--radius);margin-bottom:16px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.chart-wrap{height:290px;position:relative}.chart-wrap.tall{height:390px}.metric-list{display:grid;gap:0}.metric-list>div{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.metric-list>div:last-child{border-bottom:0}.metric-list span{color:var(--muted)}.info-box{display:flex;gap:10px;align-items:flex-start;padding:12px;background:var(--surface2);border:1px solid var(--line);border-radius:11px;margin-top:10px;color:var(--muted)}.info-box .svg-icon{color:var(--primary);margin-top:1px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{font-weight:750;font-size:11px;color:var(--muted)}label input,label select{display:block;width:100%;padding:11px 12px;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text);outline:none}input:focus,select:focus{border-color:#55aef5;box-shadow:0 0 0 3px rgba(57,169,255,.12)}label small{display:block;margin-top:5px;font-weight:400;color:var(--muted)}.full{grid-column:1/-1}.calc{grid-column:1/-1;background:var(--surface2);border:1px solid var(--line);border-radius:11px;padding:12px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;align-items:center;gap:7px}.calc span{font-size:10px;color:var(--muted)}.calc b{font-size:14px}.inline-form{display:flex;gap:9px;align-items:end}.inline-form input,.inline-form select{margin:0;flex:1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}th{font-size:9px;color:var(--muted);letter-spacing:1px}td{font-size:12px}td small{display:block;color:var(--muted);margin-top:3px}.positive{color:var(--good);font-weight:800}.negative{color:var(--bad);font-weight:800}.empty{text-align:center;padding:30px;color:var(--muted)}
.material-grid,.user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.material-card,.user-card{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:15px}.material-head,.user-card-head{display:flex;gap:11px;align-items:center;margin-bottom:13px}.material-symbol{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#eaf4ff;color:var(--primary)}.material-card form,.user-card form{display:grid;gap:9px}.price-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}.user-card-head{align-items:flex-start}.user-card-head p{font-size:11px}.avatar.lg{width:52px;height:52px}.avatar.xl{width:70px;height:70px}.avatar.xxl{width:108px;height:108px;border:5px solid var(--surface)}.role-chip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:20px;background:#e8f4ff;color:#1267a7;font-size:10px;font-weight:850;margin:5px 4px 0 0}.role-chip.muted{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}.status{font-size:10px;font-weight:900;padding:5px 8px;border-radius:20px}.ativo{background:#e5f8ee;color:#08723e}.bloqueado{background:#ffe8e8;color:#a82222}.user-footer{border-top:1px solid var(--line);margin-top:13px;padding-top:11px;display:flex;justify-content:space-between;align-items:center}.compact{grid-template-columns:1fr 1fr}.profile-panel{margin-top:0}.profile-summary{display:flex;gap:14px;align-items:center}.profile-summary h3{font-size:18px}.profile-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.profile-card-large{padding:0;overflow:hidden}.profile-cover{height:120px;background:linear-gradient(120deg,#061a36,#0b63f6,#39a9ff)}.profile-avatar-wrap{position:relative;margin:-50px 0 0 25px;width:118px}.online-dot{position:absolute;right:8px;bottom:8px;width:15px;height:15px;background:#22c55e;border:3px solid var(--surface);border-radius:50%}.profile-main{padding:10px 25px 25px}.chips{margin-top:5px}.theme-select{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;background:var(--surface2);border:1px solid var(--line);border-radius:11px}.theme-select span{font-weight:800;margin-right:auto}.mobile-top{display:none}
.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#cceeff,#f4f9fd 50%)}html[data-theme="dark"] .login{background:radial-gradient(circle at top,#142d4b,#0b111a 55%)}.login-card{width:min(410px,92vw);background:var(--surface);padding:35px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.center{justify-content:center;margin-bottom:25px}.login-card h1{font-size:27px;margin:8px 0 20px}.login-card form{display:grid;gap:14px}.hint{text-align:center;font-size:12px;margin-top:16px}
@media(max-width:1200px){.cards{grid-template-columns:repeat(3,1fr)}.material-grid,.user-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){aside{position:fixed;transform:translateX(-105%);transition:.2s;width:280px}.mobile-top{display:flex;position:sticky;top:0;height:58px;background:var(--surface);border-bottom:1px solid var(--line);z-index:15;align-items:center;justify-content:space-between;padding:0 15px}.mobile-top a,.icon-btn{color:var(--text);background:none;border:0}.mobile-top strong{letter-spacing:2px}aside.open{transform:translateX(0)}main{margin:0;padding:17px 14px}.top-header{align-items:flex-start;flex-direction:column}.top-header h1{font-size:25px}.header-actions{width:100%}.header-actions .primary{margin-left:auto}.device-badge{display:none}.hero-grid,.grid2,.page-grid,.profile-layout{grid-template-columns:1fr}.quick-action{min-width:0}.cards{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.material-grid,.user-grid{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.calc{grid-template-columns:1fr 1fr}.chart-wrap{height:250px}.chart-wrap.tall{height:300px}.profile-summary{align-items:flex-start}.theme-select{align-items:stretch}.theme-select span{flex-basis:100%}}
@media(max-width:430px){.cards{grid-template-columns:1fr}.card strong{font-size:21px}.panel{padding:15px}h1{font-size:23px}.primary{padding:10px 12px}}