:root{--sb-orange:#ff5100;--sb-orange-strong:#d63d00;--sb-orange-soft:#ffe3d1;--sb-pink:#ed2e98;--sb-purple:#8660ec;--sb-purple-dark:#461fae;--sb-offwhite:#efefef;--text:#221b16;--text-muted:#776c62;--bg:#faf6f2;--card-bg:#fff;--border:#f0e4da;--accent:var(--sb-orange);--danger:#b3261e;--danger-bg:#fdeae6;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow:0 8px 24px #221b160f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:15px/1.55 Funnel Display,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--text);letter-spacing:-.01em;font-weight:600}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 12px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500}button{font:inherit;cursor:pointer}input,select{font:inherit;color:var(--text)}:focus-visible{outline:2px solid var(--sb-orange);outline-offset:2px}.login-container{background:linear-gradient(120deg,#ffb27a 0%,#ff6a3d 30%,#ef7f9b 65%,#c9b3f0 100%);justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.login-card{background:var(--card-bg);border-radius:var(--radius-lg);flex-direction:column;gap:4px;width:360px;padding:40px 36px;display:flex;box-shadow:0 16px 48px #221b162e}.login-card .brand{margin-bottom:16px}.login-card h1{margin:0 0 4px;font-size:22px}.login-subtitle{color:var(--text-muted);margin:0 0 20px}.login-card label{color:var(--text-muted);margin-top:12px;font-size:13px;font-weight:500}.login-card input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);margin-top:4px;padding:10px 12px;transition:border-color .15s}.login-card input:focus{border-color:var(--sb-orange);outline:none}.login-card button{background:var(--sb-orange);color:#fff;border-radius:var(--radius-sm);border:none;margin-top:24px;padding:12px;font-size:15px;font-weight:600;transition:background .15s}.login-card button:hover:not(:disabled){background:var(--sb-orange-strong)}.login-card button:disabled{opacity:.6;cursor:default}.login-error{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-sm);margin-top:12px;padding:10px 12px;font-size:13px}.loading-screen,.loading-inline{text-align:center;color:var(--text-muted);padding:24px}.brand{color:var(--sb-orange);align-items:center;gap:8px;display:inline-flex}.brand svg{flex-shrink:0}.brand-name{letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1}.dashboard{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:24px 24px 48px;display:flex}.dashboard-header{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.dashboard-header-title{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.dashboard-header h1{border-left:1px solid var(--border);margin:0;padding-left:20px;font-size:19px;font-weight:500}.logout-button{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:999px;padding:8px 20px;font-weight:500;transition:border-color .15s,color .15s}.logout-button:hover{border-color:var(--sb-orange);color:var(--sb-orange)}.period-picker{align-items:flex-end;gap:16px;display:flex}.period-picker label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;font-weight:500;display:flex}.period-picker input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);padding:8px 10px}.period-picker input:focus{border-color:var(--sb-orange);outline:none}.total-count{margin:0;font-size:16px;font-weight:600}.total-count strong{color:var(--sb-orange);font-size:22px}.card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:24px}.card h2{margin:0 0 16px;font-size:17px}.card h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 8px;font-size:13px;font-weight:500}.chart-pair,.table-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=800px){.chart-pair,.table-pair{grid-template-columns:1fr}}.empty-state{color:var(--text-muted);padding:12px 0;font-size:13px}.filters{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.filters label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;font-weight:500;display:flex}.filters select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);min-width:180px;padding:8px 10px}.filters select:focus{border-color:var(--sb-orange);outline:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--bg)}tr.row-critico{background:var(--danger-bg)}tr.row-critico:hover{background:#fbdcd4}.modal-backdrop{z-index:10;background:#221b1673;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--card-bg);border-radius:var(--radius-lg);flex-direction:column;gap:8px;width:100%;max-width:640px;padding:32px;display:flex;position:relative;box-shadow:0 24px 64px #221b163d}.modal-content h2{margin:0;padding-right:32px;font-size:19px}.modal-content h3{text-transform:uppercase;letter-spacing:.06em;color:var(--sb-orange);margin:20px 0 4px;font-size:13px;font-weight:600}.modal-meta{color:var(--text-muted);margin-bottom:8px;font-size:13px}.modal-notes{white-space:pre-wrap;background:var(--bg);border-radius:var(--radius-sm);padding:12px;font-size:13px}.modal-close{background:var(--bg);width:32px;height:32px;color:var(--text-muted);border:none;border-radius:999px;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:color .15s,background .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--sb-orange-soft);color:var(--sb-orange-strong)}