:root{--bg-dark:#0f1015;--bg-panel:#1a1b23;--border-color:#2a2b36;--text-main:#f0f0f5;--text-muted:#8b8d9b;--color-frontend:#4caf50;--color-api:#3b82f6;--color-backend:#ef4444;--color-feed:#f59e0b;--color-imagem:#a78bfa;--color-bot:#ec4899;--color-browser:#f97316;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased}.dashboard-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--border-color);background-color:var(--bg-dark);letter-spacing:.5px;align-items:center;height:60px;padding:0 24px;font-size:14px;font-weight:500;display:flex}.header span{color:var(--text-muted);margin-right:8px}.main-content{flex:1;padding:24px;overflow-y:auto}.controls{align-items:center;margin-bottom:24px;display:flex}.select-domain,.date-input{background-color:var(--bg-panel);border:1px solid var(--border-color);color:var(--text-main);border-radius:4px;outline:none;padding:8px 16px;font-family:inherit;font-size:14px}.select-domain:focus,.date-input:focus{border-color:var(--color-api)}.grid{grid-template-columns:repeat(12,1fr);gap:16px;margin-bottom:16px;display:grid}.panel{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.panel:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-12{grid-column:span 12}.no-data-msg{color:var(--text-muted);text-align:center;opacity:.7;flex:1;justify-content:center;align-items:center;padding:20px;font-size:13px;font-style:italic;display:flex}.panel-title{color:var(--text-main);text-align:center;margin-bottom:16px;font-size:13px;font-weight:500}.total-value{color:var(--color-api);text-align:center;margin:10px 0;font-size:42px;font-weight:600}.total-unit{color:var(--text-muted);font-size:20px}.chart-container{flex:1;justify-content:center;align-items:center;min-height:250px;display:flex}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:right;border-bottom:1px solid var(--border-color);padding:10px 12px}th:first-child,td:first-child{text-align:left}th{color:var(--color-api);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}tr:hover td{background-color:#ffffff08}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.loader{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:18px;animation:1.5s infinite pulse;display:flex}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.legend-list{flex-direction:column;gap:8px;font-size:12px;display:flex}.legend-item{justify-content:space-between;align-items:center;display:flex}.legend-color{border-radius:2px;width:12px;height:4px;margin-right:8px;display:inline-block}.flex-row{align-items:center;display:flex}.bar-row{align-items:center;margin-bottom:12px;font-size:12px;display:flex}.bar-label{white-space:nowrap;text-overflow:ellipsis;width:80px;color:var(--text-muted);margin-right:12px;overflow:hidden}.bar-track{background-color:var(--border-color);border-radius:4px;flex:1;height:8px;margin-right:12px;overflow:hidden}.bar-fill{border-radius:4px;height:100%}.bar-value{text-align:right;width:60px;color:var(--color-imagem)}.export-btn{background-color:var(--bg-panel);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;font-size:13px;display:flex}.export-btn:hover:not(:disabled){border-color:var(--color-api)}.export-btn:disabled{opacity:.6;cursor:wait}.bar-row-stacked{margin-bottom:10px;font-size:12px}.bar-stacked-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.bar-stacked-label{color:var(--text-muted);overflow-wrap:anywhere;min-width:0}.bar-stacked-value{white-space:nowrap;flex-shrink:0}.user-menu{align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.user-name{color:var(--text-main);margin-right:6px}.role-badge{border:1px solid var(--border-color);color:var(--text-muted);border-radius:10px;margin-left:6px;padding:2px 8px;font-size:11px}.btn{background-color:var(--bg-panel);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--color-api)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-api);border-color:var(--color-api);color:#fff}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 6px}.icon-btn:hover:not(:disabled){color:var(--text-main)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.field{background-color:var(--bg-dark);width:100%;color:var(--text-main);border:1px solid var(--border-color);border-radius:6px;margin:4px 0 14px;padding:9px 10px;font-size:14px}.field:focus{border-color:var(--color-api);outline:none}.field:disabled{opacity:.6}.login-card label,.modal label{color:var(--text-muted);font-size:12px;display:block}.modal label.check{color:var(--text-main);align-items:center;gap:8px;margin-bottom:14px;display:flex}.form-error{color:#ef4444;margin-bottom:12px;font-size:13px}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;width:100%;max-width:360px;padding:28px}.login-card .btn{justify-content:center;width:100%;padding:10px}.login-title{align-items:center;gap:10px;margin-bottom:22px;font-size:14px;font-weight:600;display:flex}.modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;width:100%;max-width:400px;padding:24px}.modal h3{margin-bottom:18px;font-size:15px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-info{color:var(--text-muted);justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.modal-info strong{color:var(--text-main);text-align:right;overflow-wrap:anywhere;font-weight:500}.modal-hint{color:var(--text-muted);margin:-6px 0 12px;font-size:12px}.form-ok{color:#22c55e;margin-bottom:12px;font-size:13px}