:root{--bg-page:#f4f3f6;--bg-primary:#f4f3f6;--bg-surface:#fff;--bg-secondary:#fff;--bg-soft:#faf9fb;--bg-tertiary:#f0eef2;--text-primary:#1c1b22;--text-h:#1c1b22;--text-secondary:#75727e;--accent:#ef5c33;--accent-hover:#d94b25;--accent-soft:#fdece5;--accent-border:#f7c3ad;--success:#1a8f52;--success-soft:#e5f6ec;--danger:#d1382f;--danger-soft:#fbeae9;--warning:#b5760a;--warning-soft:#fbf1de;--success-border:#bfe6cd;--danger-border:#f3c6c2;--border:#e6e3ea;--radius:10px;--shadow:0 1px 2px #1c1b220a, 0 8px 24px -12px #1c1b221f;--font-main:"Inter", system-ui, -apple-system, sans-serif}:root[data-theme=dark]{--bg-page:#121114;--bg-primary:#121114;--bg-surface:#1b1a1f;--bg-secondary:#1b1a1f;--bg-soft:#202027;--bg-tertiary:#26252c;--text-primary:#f3f2f5;--text-h:#f3f2f5;--text-secondary:#9a97a3;--accent:#ff7a52;--accent-hover:#ff9270;--accent-soft:#ff7a5229;--accent-border:#ff7a5266;--success:#3ecb84;--success-soft:#3ecb8424;--danger:#f0655c;--danger-soft:#f0655c24;--warning:#e2ab53;--warning-soft:#e2ab5324;--success-border:#3ecb8459;--danger-border:#f0655c59;--border:#2c2b33;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .2s,color .2s}.sidebar,.card,.kpi-card,.form-group input,.form-group select{transition:background-color .2s,border-color .2s,color .2s}.layout{min-height:100vh;display:flex}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:2px;width:264px;padding:20px 14px;display:flex}.brand{align-items:center;gap:10px;padding:6px 10px 22px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #ff8a5c);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;font-weight:700;display:flex}.brand-name{color:var(--text-primary);letter-spacing:-.2px;font-size:1rem;font-weight:700}.brand-sub{color:var(--text-secondary);margin-top:1px;font-size:.72rem}.nav-section-label{color:var(--text-secondary);padding:14px 12px 6px;font-size:.72rem}.nav-link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:11px;padding:9px 12px;font-size:.92rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.nav-link svg{opacity:.85;flex-shrink:0}.nav-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background-color:var(--accent-soft);color:var(--accent-hover)}.nav-link.active svg{opacity:1}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:10px}.theme-toggle{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;padding:9px 12px;font-family:inherit;font-size:.92rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.theme-toggle:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.theme-toggle svg{opacity:.85;flex-shrink:0}.content{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:36px 40px}.page-title{letter-spacing:-.3px;color:var(--text-primary);margin-bottom:6px;font-size:1.7rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:.98rem}.card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.form-group{margin-bottom:22px}.form-group label{color:var(--text-primary);margin-bottom:7px;font-size:.9rem;font-weight:500;display:block}.form-group input,.form-group select{background-color:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;padding:11px 14px;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.btn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.94rem;font-weight:600;transition:background-color .15s;display:inline-flex}.btn:hover{background-color:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.alert{border-radius:8px;margin-bottom:24px;padding:14px 16px;font-size:.92rem}.alert.success{background-color:var(--success-soft);color:var(--success);border:1px solid var(--success-border)}.alert.error{background-color:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border)}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.kpi-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:22px;display:flex}.kpi-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.kpi-title{color:var(--text-secondary);font-size:.88rem;font-weight:500}.kpi-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kpi-value{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:6px;font-size:2rem;font-weight:700}.kpi-trend{color:var(--text-secondary);align-items:center;gap:6px;font-size:.82rem;display:flex}.kpi-trend.positive{color:var(--success)}.kpi-trend.negative{color:var(--danger)}.status-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 0;display:flex}.status-row:last-child{border-bottom:none;padding-bottom:0}.badge{border-radius:12px;padding:3px 10px;font-size:.78rem;font-weight:600}.badge.success{background-color:var(--success-soft);color:var(--success)}.pulse-circle{background-color:var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.pulse-circle:after{content:"";background-color:var(--accent);border-radius:50%;width:100%;height:100%;animation:2s infinite pulse;position:absolute}@keyframes pulse{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(2)}}