@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--primary-50:#e6f3f7;--primary-100:#b3dce6;--primary-200:#80c5d5;--primary-300:#4daec4;--primary-400:#2697b3;--primary-500:#05647e;--primary-600:#045a72;--primary-700:#034d62;--primary-800:#024052;--primary-900:#012e3b;--accent-50:#fff2ed;--accent-100:#ffd9c9;--accent-200:#ffbfa5;--accent-300:#ffa581;--accent-400:#ff8762;--accent-500:#e57350;--accent-600:#cc5f3e;--accent-700:#b24b2d;--accent-800:#99381c;--accent-900:#7f250c;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--bg-primary:#f8fafc;--bg-card:#fff;--bg-sidebar:#021d28;--bg-sidebar-hover:#05647e22;--bg-sidebar-active:#05647e33;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width:272px;--sidebar-collapsed-width:72px;--topbar-height:72px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 20px 60px #0000001a;--shadow-glow:0 0 20px #05647e26;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--gray-800);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}h1,h2,h3,h4,h5,h6{color:var(--gray-900);font-weight:700;line-height:1.3}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-muted{color:var(--gray-500)}.text-primary{color:var(--primary-500)}.text-accent{color:var(--accent-400)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-light);color:#059669}.badge-warning{background:var(--warning-light);color:#d97706}.badge-danger{background:var(--danger-light);color:#dc2626}.badge-info{background:var(--info-light);color:#2563eb}.badge-primary{background:var(--primary-50);color:var(--primary-500)}.badge-accent{background:var(--accent-50);color:var(--accent-600)}.btn{border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;box-shadow:0 2px 8px #05647e4d}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-400), var(--primary-500));transform:translateY(-1px);box-shadow:0 4px 16px #05647e66}.btn-accent{background:linear-gradient(135deg, var(--accent-400), var(--accent-500));color:#fff;box-shadow:0 2px 8px #ff87624d}.btn-accent:hover{background:linear-gradient(135deg, var(--accent-300), var(--accent-400));transform:translateY(-1px);box-shadow:0 4px 16px #ff876266}.btn-outline{border:1.5px solid var(--gray-200);color:var(--gray-700);background:#fff}.btn-outline:hover{border-color:var(--primary-500);color:var(--primary-500);background:var(--primary-50)}.btn-ghost{color:var(--gray-600);padding:8px 12px}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.btn-sm{padding:6px 14px;font-size:.8125rem}.btn-lg{padding:14px 28px;font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:24px}.card:hover{box-shadow:var(--shadow-md)}.card-glass{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9}.table-wrapper{border-radius:var(--radius-lg);overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200);background:var(--gray-50);padding:14px 18px;font-size:.8125rem;font-weight:600}.data-table td{color:var(--gray-700);border-bottom:1px solid var(--gray-100);vertical-align:middle;padding:16px 18px;font-size:.875rem}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.input{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);width:100%;color:var(--gray-800);transition:all var(--transition-fast);background:#fff;outline:none;padding:10px 16px;font-size:.875rem}.input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #05647e1a}.input::placeholder{color:var(--gray-400)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:42px}.input-with-icon svg{color:var(--gray-400);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.toggle{cursor:pointer;width:44px;height:24px;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--gray-300);border-radius:var(--radius-full);transition:all var(--transition-base);position:absolute;inset:0}.toggle-slider:before{content:"";width:18px;height:18px;transition:all var(--transition-base);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000001a}.toggle input:checked+.toggle-slider{background:var(--primary-500)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:.5s ease-out forwards fadeInUp}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-in{animation:.4s ease-out forwards slideInLeft}.delay-1{opacity:0;animation-delay:50ms}.delay-2{opacity:0;animation-delay:.1s}.delay-3{opacity:0;animation-delay:.15s}.delay-4{opacity:0;animation-delay:.2s}.delay-5{opacity:0;animation-delay:.25s}@media (max-width:768px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.card{padding:16px}.data-table th,.data-table td{padding:10px 12px}}