@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--nct-blue:#0b4f8a;--nct-blue-hover:#083b68;--nct-blue-light:#eff6ff;--nct-blue-border:#bfdbfe;--nct-blue-glow:#0b4f8a33;--nct-green:#00a896;--nct-green-hover:#008f80;--nct-green-light:#f0fdf4;--nct-green-border:#a7f3d0;--nct-green-glow:#00a89633;--nct-gradient:linear-gradient(135deg, #0b4f8a 0%, #00a896 100%);--nct-gradient-hover:linear-gradient(135deg, #083b68 0%, #008f80 100%);--nct-gradient-subtle:linear-gradient(135deg, #0b4f8a0f 0%, #00a89614 100%);--bg-main:#f8fafc;--bg-surface:#fff;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#fff;--bg-subtle:#f1f5f9;--border-subtle:#e2e8f0;--border-card:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#00a896;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-disabled:#94a3b8;--accent-primary:#0b4f8a;--accent-primary-hover:#083b68;--accent-glow:#0b4f8a26;--emerald:#059669;--emerald-bg:#ecfdf5;--emerald-border:#a7f3d0;--amber:#d97706;--amber-bg:#fffbeb;--amber-border:#fde68a;--rose:#e11d48;--rose-bg:#fff1f2;--rose-border:#fecdd3;--purple:#7c3aed;--purple-bg:#f5f3ff;--purple-border:#ddd6fe;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0f172a0a;--shadow-sm:0 1px 3px 0 #0f172a0f, 0 1px 2px -1px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a0a;--shadow-card:0 1px 3px #0f172a0d, 0 10px 20px -5px #0f172a05;--shadow-modal:0 25px 50px -12px #0f172a40}[data-theme=light],[data-theme=dark]{--bg-main:#f8fafc;--bg-surface:#fff;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#fff;--border-subtle:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#0b4f8a08 0,#0000 50%),radial-gradient(at 100% 100%,#00a8960a 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}button,input,select,textarea{font-family:inherit}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--nct-gradient);color:#fff;box-shadow:0 2px 8px var(--nct-green-glow), 0 1px 2px #0b4f8a33}.btn-primary:hover{background:var(--nct-gradient-hover);box-shadow:0 4px 14px var(--nct-green-glow), 0 2px 4px #0b4f8a4d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border-color:var(--border-subtle);color:var(--text-primary);box-shadow:var(--shadow-xs);background:#fff}.btn-secondary:hover{border-color:var(--border-hover);color:var(--nct-blue);box-shadow:var(--shadow-sm);background:#f8fafc}.btn-danger{background:var(--rose-bg);border-color:var(--rose-border);color:var(--rose)}.btn-danger:hover{background:var(--rose);border-color:var(--rose);color:#fff;box-shadow:0 4px 12px #e11d4840}.btn-success{background:var(--emerald-bg);border-color:var(--emerald-border);color:var(--emerald)}.btn-success:hover{background:var(--emerald);border-color:var(--emerald);color:#fff;box-shadow:0 4px 12px #05966940}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:600}.badge{border-radius:var(--radius-full);border:1px solid #0000;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.badge-emerald{background:var(--emerald-bg);color:var(--emerald);border-color:var(--emerald-border)}.badge-amber{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-border)}.badge-rose{background:var(--rose-bg);color:var(--rose);border-color:var(--rose-border)}.badge-blue{background:var(--nct-blue-light);color:var(--nct-blue);border-color:var(--nct-blue-border)}.badge-teal{background:var(--nct-green-light);color:var(--nct-green);border-color:var(--nct-green-border)}.badge-purple{background:var(--purple-bg);color:var(--purple);border-color:var(--purple-border)}.badge-gray{color:var(--text-secondary);border-color:var(--border-subtle);background:#f1f5f9}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px;transition:all .2s ease-in-out}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-xs);outline:none;padding:10px 14px;font-size:14px;transition:all .2s ease-in-out}.form-input:focus{border-color:var(--nct-green);box-shadow:0 0 0 3px #00a89626}.form-input::placeholder{color:var(--text-disabled)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-modal);background:#fff;padding:32px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;position:relative;overflow-y:auto}.table-container{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fff;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}thead tr{border-bottom:1px solid var(--border-subtle);background:#f8fafc}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:14px 18px;font-size:11.5px;font-weight:700}td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:14px 18px}tr:last-child td{border-bottom:none}tbody tr{transition:background-color .15s}tbody tr:hover{background:#f8fafc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}