:root{--bg:#f3f3f3;--surface:#fff;--text:#1f2a44;--muted:#7b8190;--border:#e3e5ea;--primary:#f5c518;--primary-dark:#1b4332;--danger:#e53935;--success:#0e9f6e;--sidebar-width:240px;font-family:Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.btn{cursor:pointer;background:var(--primary);color:var(--text);border:none;border-radius:8px;padding:8px 14px;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:4px 10px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.table-wrap{overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:14px}table.data-table th,table.data-table td{border-bottom:1px solid var(--border);text-align:right;padding:10px 12px}table.data-table th{background:#fafafa;font-weight:600}.badge{background:#eee;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge-success{color:var(--success);background:#d1fae5}.badge-warn{background:#fef3c7}.badge-danger{color:var(--danger);background:#fee2e2}.form-row{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.form-row label{color:var(--muted);font-size:13px}.form-row input,.form-row select,.form-row textarea{border:1px solid var(--border);border-radius:8px;padding:8px 10px}.error-text{color:var(--danger);font-size:13px}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.kpi-card h3{color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:500}.kpi-card p{margin:0;font-size:28px;font-weight:700}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-header h1{margin:0;font-size:22px}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.modal-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;width:100%;max-width:480px;max-height:90vh;padding:20px;overflow-y:auto}.modal h2{margin:0 0 16px;font-size:18px}