:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-border: #e2e4e9;--color-text: #1a1d24;--color-text-muted: #6b7280;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-contrast: #ffffff;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-success: #16a34a;--color-warning: #d97706;--color-sidebar-bg: #12172b;--color-sidebar-text: #cbd2e3;--color-sidebar-text-active: #ffffff;--color-sidebar-active-bg: #1f2a4d;--radius-sm: 6px;--radius-md: 10px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--sidebar-width: 240px;--topbar-height: 60px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5}h1,h2,h3{margin:0;font-weight:600}h1{font-size:1.375rem}h2{font-size:1.125rem}p{margin:0}a{color:var(--color-primary)}button{font-family:inherit}.app-shell{display:flex;min-height:100%}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar-bg);color:var(--color-sidebar-text);flex-shrink:0;display:flex;flex-direction:column;padding:20px 12px;gap:4px}.sidebar-brand{color:#fff;font-weight:700;font-size:1.05rem;padding:8px 12px 20px}.sidebar-link{display:block;padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-sidebar-text);text-decoration:none;font-size:.9rem;font-weight:500}.sidebar-link:hover{background:#ffffff0f;color:var(--color-sidebar-text-active)}.sidebar-link.active{background:var(--color-sidebar-active-bg);color:var(--color-sidebar-text-active)}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.topbar-user{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--color-text-muted)}.page{padding:24px;flex:1;overflow-y:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.card+.card{margin-top:16px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 14px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-bg)}.btn-danger{background:#fef2f2;color:var(--color-danger);border-color:#fecaca}.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-sm{padding:5px 10px;font-size:.8rem}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.field-error{font-size:.78rem;color:var(--color-danger)}.field-hint{font-size:.78rem;color:var(--color-text-muted)}input,select,textarea{font-family:inherit;font-size:.875rem;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--color-danger)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px}table{width:100%;border-collapse:collapse;font-size:.875rem}thead th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:10px 12px}tbody td{padding:10px 12px;border-bottom:1px solid var(--color-border);vertical-align:middle}tbody tr:hover{background:var(--color-bg)}.table-wrap{overflow-x:auto}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:#dcfce7;color:#15803d}.badge-muted{background:#f1f2f4;color:var(--color-text-muted)}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:14px}.alert-error{background:#fef2f2;color:var(--color-danger);border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:var(--color-success);border:1px solid #bbf7d0}.alert-info{background:#eff6ff;color:var(--color-primary);border:1px solid #bfdbfe}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-muted)}.spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.12);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121e73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:480px;width:100%;padding:22px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.login-shell{min-height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-sidebar-bg);padding:20px}.login-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:32px;width:100%;max-width:360px}.login-card h1{margin-bottom:4px}.login-subtitle{color:var(--color-text-muted);font-size:.85rem;margin-bottom:24px}.text-muted{color:var(--color-text-muted)}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.8rem;font-weight:600;padding:0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pdf-preview{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed var(--color-border);border-radius:var(--radius-sm);font-size:.85rem}@media (max-width: 860px){.sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform .2s ease;z-index:40}.sidebar.open{transform:translate(0)}.page{padding:16px}}