@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Noto+Sans:wght@400;500;600;700&display=swap");:root{--font-display:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-primary:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg-app:#f1f5f9;--bg-surface:#ffffff;--bg-surface-elevated:#f8fafc;--bg-surface-hover:#e2e8f0;--bg-card:#ffffff;--bg-glass:rgba(255,255,255,0.95);--bg-glass-heavy:rgba(255,255,255,0.98);--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--border-focus:#0284c7;--border-glass:#e2e8f0;--teal-400:#38bdf8;--teal-500:#0284c7;--teal-600:#0369a1;--teal-700:#075985;--teal-gradient:linear-gradient(135deg,#0284c7,#0369a1);--cyan-gradient:linear-gradient(135deg,#0ea5e9,#0284c7);--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-gradient:linear-gradient(135deg,#10b981,#059669);--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--rose-400:#f87171;--rose-500:#ef4444;--rose-600:#dc2626;--text-main:#0f172a;--text-muted:#334155;--text-dim:#64748b;--text-inverse:#ffffff;--shadow-sm:0 1px 2px 0 rgba(15,23,42,0.05);--shadow-md:0 4px 6px -1px rgba(15,23,42,0.07),0 2px 4px -2px rgba(15,23,42,0.05);--shadow-lg:0 10px 15px -3px rgba(15,23,42,0.08),0 4px 6px -4px rgba(15,23,42,0.04);--shadow-glow:0 4px 20px -2px rgba(2,132,199,0.2);--shadow-glow-emerald:0 4px 20px -2px rgba(16,185,129,0.2);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.2s cubic-bezier(0.16,1,0.3,1);--transition-slow:0.35s cubic-bezier(0.16,1,0.3,1)}[data-theme=dark]{--bg-app:#080e1a;--bg-surface:#0f172a;--bg-surface-elevated:#1e293b;--bg-surface-hover:#27354f;--bg-card:#0f172a;--bg-glass:rgba(15,23,42,0.85);--bg-glass-heavy:rgba(11,17,32,0.95);--border-subtle:rgba(148,163,184,0.16);--border-medium:rgba(148,163,184,0.28);--border-focus:#38bdf8;--border-glass:rgba(255,255,255,0.08);--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--text-inverse:#0b1120;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.5);--shadow-lg:0 10px 20px -3px rgba(0,0,0,0.7);--shadow-glow:0 0 25px -4px rgba(2,132,199,0.35);--shadow-glow-emerald:0 0 25px -4px rgba(16,185,129,0.35)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-primary);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface-elevated)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--teal-500)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(2,132,199,.45)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.65rem 1.35rem;font-family:var(--font-primary);font-size:.9rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--teal-gradient);color:#ffffff;border-color:transparent;box-shadow:0 2px 8px rgba(2,132,199,.28)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 4px 14px rgba(2,132,199,.4);transform:translateY(-1px)}.btn-success{background:var(--emerald-gradient);color:#ffffff;border-color:transparent;box-shadow:0 2px 8px rgba(16,185,129,.28)}.btn-success:hover:not(:disabled){box-shadow:0 4px 14px rgba(16,185,129,.4);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-elevated);border-color:var(--teal-500);color:var(--teal-600)}.btn-outline{background:transparent;color:var(--text-muted);border:1px solid var(--border-medium)}.btn-outline:hover:not(:disabled){color:var(--teal-600);border-color:var(--teal-500);background:rgba(2,132,199,.05)}.btn-danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background:#fee2e2;border-color:#f87171;color:#991b1b}.btn-sm{min-height:38px;padding:.4rem .85rem;font-size:.825rem;border-radius:var(--radius-sm)}.btn-lg{min-height:50px;padding:.85rem 1.85rem;font-size:1rem;border-radius:var(--radius-lg)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1.25rem;gap:1.25rem;width:100%}.bento-col-12{grid-column:span 12}.bento-col-11{grid-column:span 11}.bento-col-10{grid-column:span 10}.bento-col-9{grid-column:span 9}.bento-col-8{grid-column:span 8}.bento-col-7{grid-column:span 7}.bento-col-6{grid-column:span 6}.bento-col-5{grid-column:span 5}.bento-col-4{grid-column:span 4}.bento-col-3{grid-column:span 3}.bento-col-2{grid-column:span 2}.bento-col-1{grid-column:span 1}@media (max-width:1024px){.bento-col-1,.bento-col-10,.bento-col-11,.bento-col-2,.bento-col-3,.bento-col-4,.bento-col-5,.bento-col-6,.bento-col-7,.bento-col-8,.bento-col-9{grid-column:span 12}}.bento-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.bento-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.bento-card-interactive{cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.bento-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--teal-500)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.775rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1}.badge-primary{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.badge-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.badge-warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.badge-danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.badge-neutral{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.badge-purple{background:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}.pulse-dot{width:9px;height:9px;border-radius:50%;position:relative;display:inline-block}.pulse-dot-emerald{background-color:var(--emerald-500);box-shadow:0 0 10px var(--emerald-500)}.pulse-dot-emerald:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--emerald-500);animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.8}50%{transform:scale(2.3);opacity:0}to{transform:scale(2.3);opacity:0}}.input-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.input-label{font-size:.825rem;font-weight:700;color:var(--text-muted);letter-spacing:.02em}.input-field{width:100%;min-height:44px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:.65rem 1rem;font-family:var(--font-primary);font-size:.925rem;color:var(--text-main);outline:none;transition:all var(--transition-fast)}.input-field:focus{border-color:var(--border-focus);background:var(--bg-surface);box-shadow:0 0 0 3px rgba(2,132,199,.25)}.input-field::placeholder{color:var(--text-dim)}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .85rem center;background-size:1.1rem;padding-right:2.4rem}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface)}.table-modern{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.table-modern th{background:var(--bg-surface-elevated);color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:.775rem;letter-spacing:.05em}.table-modern td,.table-modern th{padding:.95rem 1.15rem;border-bottom:1px solid var(--border-subtle)}.table-modern td{color:var(--text-main);vertical-align:middle}.table-modern tr:last-child td{border-bottom:none}.table-modern tr:hover td{background:var(--bg-surface-elevated)}.modal-backdrop,.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;animation:fadeIn .2s ease-out;overflow-y:auto}.modal-content{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:2.25rem;max-width:620px;width:100%;box-shadow:var(--shadow-lg),var(--shadow-glow);position:relative;color:var(--text-main)}.modal-backdrop>.bento-card,.modal-content{animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}.modal-backdrop>.bento-card{box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 25px rgba(2,132,199,.2);max-height:90vh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:2000}.toast{background:var(--bg-surface-elevated);border-left:4px solid var(--teal-500);border-radius:var(--radius-md);padding:1rem 1.35rem;color:var(--text-main);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.85rem;min-width:320px;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.toast-success{border-color:var(--emerald-500)}.toast-danger{border-color:var(--rose-500)}.toast-warning{border-color:var(--amber-500)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}