:root{--bg: #120f0d;--bg-elevated: #1a1614;--bg-card: #211c19;--bg-hover: #2a2320;--border: #3a322c;--text: #e8dcc8;--text-muted: #a89880;--accent: #c87a4b;--accent-strong: #e0894f;--ok: #5fad6e;--warn: #d0893f;--danger: #d4544a;--sidebar-width: 260px;--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Source Sans 3", system-ui, sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans)}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.main-area{flex:1;min-width:0;padding:28px 32px 40px}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px}.page-title{margin:0;font-family:var(--font-serif);font-size:2.4rem;font-weight:600;letter-spacing:.01em}.page-meta{color:var(--text-muted);font-size:.95rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:10px 18px;cursor:pointer;transition:.15s ease}.btn-primary{background:var(--accent);color:#1a120e;font-weight:600}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-strong)}.btn-outline{background:transparent;border-color:var(--accent);color:var(--accent-strong);border-radius:10px;padding:8px 14px}.btn-outline:hover{background:#c87a4b1f}.input,.select{width:100%;background:#161210;border:1px solid var(--border);border-radius:12px;padding:12px 14px;outline:none}.input:focus,.select:focus{border-color:var(--accent)}.label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:.85rem}.field{margin-bottom:16px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--border)}.table td{padding:14px 12px;border-bottom:1px solid rgba(58,50,44,.7);vertical-align:middle}.table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:600}.badge-ok{color:var(--ok);border:1px solid rgba(95,173,110,.45);background:#5fad6e14}.badge-danger{color:#fff;background:var(--danger)}.badge-warn{color:var(--warn);border:1px solid rgba(208,137,63,.5);background:#d0893f1a}.badge-muted{color:var(--text-muted);border:1px solid var(--border);background:#ffffff08}.badge-success-solid{color:#d8f5de;background:#2f5f3a}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:999px;padding:8px 14px;cursor:pointer}.pill.active{background:var(--accent);border-color:var(--accent);color:#1a120e;font-weight:600}.level-bar{width:110px;height:8px;background:#2a2320;border-radius:999px;overflow:hidden}.level-bar>span{display:block;height:100%;border-radius:inherit}.level-ok{background:var(--ok)}.level-warn{background:var(--warn)}.level-danger{background:var(--danger)}.muted{color:var(--text-muted)}.error-text{color:var(--danger);font-size:.9rem}.grid-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.kpi-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.kpi-value{font-size:1.9rem;font-weight:600}.kpi-value.accent{color:var(--accent-strong)}.kpi-sub{margin-top:8px;font-size:.85rem}.kpi-sub.ok{color:var(--ok)}.kpi-sub.danger{color:var(--danger)}@media (max-width: 1100px){.grid-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 800px){.app-shell{flex-direction:column}.main-area{padding:20px}.page-header{flex-direction:column}.grid-kpis{grid-template-columns:1fr}}