*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0D2F5E;--rich-blue: #1A5FB4;--sky-blue: #378ADD;--pale-blue: #E6F1FB;--ice-blue: #F0F7FF;--steel-blue: #4A7FB5;--white: #FFFFFF;--green: #16A34A;--green-bg: #DCFCE7;--red: #DC2626;--red-bg: #FEE2E2;--amber: #D97706;--amber-bg: #FEF3C7;--teal: #0F766E;--teal-bg: #CCFBF1;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--border: #E2EBF5;--border-light: #F1F5F9;--sidebar-width: 200px;--topbar-height: 56px;--radius-card: 10px;--radius-input: 6px;--radius-btn: 6px;--shadow-card: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.05);--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "Menlo", "Monaco", monospace}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:17px;color:var(--text-primary);background:var(--ice-blue);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}h1{font-size:31px;font-weight:600;letter-spacing:.01em}h2{font-size:25px;font-weight:600;letter-spacing:.01em}h3{font-size:21px;font-weight:600;letter-spacing:.01em}h4{font-size:19px;font-weight:500}input,select,textarea{font-family:var(--font-sans);font-size:17px;color:var(--text-primary);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-input);padding:8px 12px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--rich-blue);box-shadow:0 0 0 3px #1a5fb41f}input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:17px;font-weight:500;padding:8px 16px;border-radius:var(--radius-btn);border:none;cursor:pointer;transition:background .15s,opacity .15s,transform .1s;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--navy);color:var(--white)}.btn-primary:hover:not(:disabled){background:#0a2448}.btn-blue{background:var(--rich-blue);color:var(--white)}.btn-blue:hover:not(:disabled){background:#1550a0}.btn-outline{background:var(--white);color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){background:var(--ice-blue)}.btn-ghost{background:transparent;color:var(--sky-blue);padding:6px 10px}.btn-ghost:hover{background:var(--pale-blue)}.btn-sidebar-ghost{background:transparent;border:none;color:#ffffffa6;padding:8px 14px;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;width:100%;justify-content:center;transition:background .15s,color .15s}.btn-sidebar-ghost:hover{background:#ffffff24;color:#fff}.btn-sm{font-size:15px;padding:5px 10px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.label{font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px}.section-label{font-size:14px;font-weight:500;letter-spacing:.06em;color:var(--text-secondary);text-transform:uppercase;padding-left:2px;margin-bottom:10px;margin-top:1.5rem}.table{width:100%;border-collapse:collapse}.table th{font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);padding:10px 16px;text-align:left;background:var(--ice-blue);border-bottom:1px solid var(--border)}.table td{padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:16px}.table tr:hover td{background:var(--ice-blue)}.table tr:last-child td{border-bottom:none}.table tr{cursor:pointer;transition:background .1s}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1 / -1}.field-label{font-size:16px;font-weight:500;color:var(--text-primary)}.field-label span{color:var(--rich-blue)}.tabs{display:flex;border-bottom:1px solid var(--border);gap:0}.tab{padding:10px 18px;font-size:16px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s;white-space:nowrap}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--rich-blue);border-bottom-color:var(--rich-blue)}.toast{position:fixed;top:16px;right:16px;background:var(--text-primary);color:#fff;padding:10px 16px;border-radius:8px;font-size:16px;font-weight:500;z-index:9999;box-shadow:var(--shadow-md);animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--white);border-radius:12px;box-shadow:0 20px 60px #0003;width:100%;max-width:480px;padding:2rem}.progress-track{background:var(--border);border-radius:4px;height:6px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:var(--rich-blue);transition:width .3s ease}.banner{padding:10px 14px;border-radius:8px;font-size:16px;display:flex;align-items:flex-start;gap:10px}.banner-blue{background:var(--pale-blue);color:#0c447c}.banner-amber{background:var(--amber-bg);color:#92400e}.banner-green{background:var(--green-bg);color:#14532d}.banner-red{background:var(--red-bg);color:#991b1b}hr.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.scroll-x{overflow-x:auto}.scroll-y{overflow-y:auto}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.text-sm{font-size:15px}.text-muted{color:var(--text-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.w-full{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0}@media(max-width:1100px){.dash-main-grid{grid-template-columns:1fr!important}.app-main{padding:20px 16px!important}}@media(max-width:900px){.app-content{margin-left:0!important}.app-shell .sidebar-root{display:none}.topbar-root{left:0!important;padding:0 12px!important}.table th,.table td{padding:10px 12px;font-size:14px}}@media(max-width:640px){.app-main{padding:16px 12px!important}.kpi-grid{gap:12px!important}body{font-size:15px}}