:root{--bg-primary: #0d0d12;--bg-secondary: #16161d;--bg-tertiary: #1c1c26;--bg-card: #1a1a24;--border: #2a2a36;--text-primary: #f0f0f5;--text-secondary: #a0a0b0;--text-muted: #6a6a78;--accent: #ff6b6b;--accent-hover: #ff5252;--accent-muted: rgba(255, 107, 107, .15);--danger: #e85555;--danger-hover: #d04444;--success: #4ade80;--warning: #fbbf24;--sidebar-width: 220px;--radius: 8px;--radius-sm: 6px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}input,button,select{font:inherit}button{cursor:pointer;padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:background .15s,border-color .15s}button:hover:not(:disabled){background:var(--border);border-color:var(--text-muted)}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}input,textarea{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--radius-sm);width:100%;max-width:400px}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}label{display:block;margin-bottom:.25rem;color:var(--text-secondary)}.form-group{margin-bottom:1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;max-width:480px;width:90%;max-height:90vh;overflow:auto}.modal-card h2{margin-top:0;margin-bottom:1rem;font-size:1.25rem}.modal-actions{margin-top:1.25rem;display:flex;gap:.75rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);font-weight:600;font-size:1rem;color:var(--text-primary)}.sidebar-header span{color:var(--accent)}.sidebar-nav{flex:1;padding:.75rem 0}.sidebar-nav a{display:block;padding:.6rem 1.25rem;color:var(--text-secondary);transition:color .15s,background .15s}.sidebar-nav a:hover{color:var(--text-primary);background:var(--accent-muted)}.sidebar-nav a.active{color:var(--accent);font-weight:600;background:var(--accent-muted);border-right:3px solid var(--accent)}.sidebar-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border)}.sidebar-footer button{width:100%;background:transparent;border:none;color:var(--text-muted);text-align:left;padding:.5rem 0}.sidebar-footer button:hover{color:var(--accent);background:transparent}.main-content{flex:1;min-width:0;padding:1.5rem 2rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card h2,.card h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-secondary)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.kpi-card .value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.kpi-card .value.accent{color:var(--accent)}.kpi-card .label{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.alert{padding:1rem 1.25rem;border-radius:var(--radius-sm);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.alert-danger{background:#e855551f;border:1px solid rgba(232,85,85,.4);color:var(--danger)}.alert-warning{background:#fbbf241f;border:1px solid rgba(251,191,36,.4);color:var(--warning)}.page-title{font-size:1.5rem;font-weight:600;margin:0 0 1.25rem;color:var(--text-primary)}table{width:100%;border-collapse:collapse}th,td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;font-size:.85rem}tr:hover td{background:var(--bg-tertiary)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-box{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.login-box h1{margin:0 0 1.5rem;font-size:1.5rem;color:var(--text-primary)}.login-box h1 span{color:var(--accent)}.login-box .error{color:var(--danger);font-size:.9rem;margin-bottom:1rem}.login-box button[type=submit]{width:100%;margin-top:.5rem;padding:.65rem;background:var(--accent);border-color:var(--accent);color:#fff}.login-box button[type=submit]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.login-box input{max-width:none}.text-secondary{color:var(--text-secondary)}