@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-canvas);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--color-ink-950)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.25}h1{font-size:2.25rem;letter-spacing:-.02em}@media (min-width:1024px){h1{font-size:3rem}}h2{font-size:1.75rem;letter-spacing:-.015em}@media (min-width:1024px){h2{font-size:2.25rem}}h3{font-size:1.25rem;line-height:1.4}p{color:var(--color-ink-700);line-height:1.6}a{color:var(--color-brand-600);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-brand-700)}.stat-value,.tabular-nums,table{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-brand-600);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:var(--max-width-content);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width:768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}.reading-width{max-width:var(--max-width-reading)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.sm-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 18px;font-family:var(--font-body);font-size:.9375rem;font-weight:500;border-radius:var(--radius-button);border:1px solid transparent;cursor:pointer;min-height:44px;transition:all .15s ease;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-brand-600);color:#FFFFFF}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-700);color:#FFFFFF}.btn-secondary{background-color:var(--color-surface);border-color:var(--color-line);color:var(--color-ink-950)}.btn-secondary:hover:not(:disabled){background-color:var(--color-brand-50);border-color:var(--color-brand-100);color:var(--color-brand-700)}.btn-outline{background-color:transparent;border-color:var(--color-line);color:var(--color-ink-700)}.btn-outline:hover:not(:disabled){background-color:var(--color-brand-50);border-color:var(--color-brand-600);color:var(--color-brand-700)}.btn-ghost{background-color:transparent;color:var(--color-ink-700)}.btn-ghost:hover:not(:disabled){background-color:rgba(23,75,139,.06);color:var(--color-brand-700)}.btn-danger{background-color:var(--color-accent-600);color:#FFFFFF}.btn-danger:hover:not(:disabled){background-color:var(--color-accent-700)}.card{background-color:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--shadow-subtle);transition:border-color .15s ease,box-shadow .15s ease}.card-interactive:hover{border-color:var(--color-brand-100);box-shadow:var(--shadow-card)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;font-size:.8125rem;font-weight:500;border-radius:var(--radius-pill);line-height:1.3}.badge-default{background-color:var(--color-canvas);color:var(--color-ink-700);border:1px solid var(--color-line)}.badge-brand{background-color:var(--color-brand-100);color:var(--color-brand-700)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background-color:var(--color-accent-100);color:var(--color-accent-700)}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-label{font-size:.875rem;font-weight:500;color:var(--color-ink-950)}.form-label .required-badge{color:var(--color-accent-600);font-size:.75rem;margin-left:4px}.form-input,.form-select,.form-textarea{width:100%;min-height:44px;padding:10px 14px;font-family:var(--font-body);font-size:.9375rem;color:var(--color-ink-950);background-color:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-input);transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-brand-600);outline:none;box-shadow:0 0 0 3px var(--color-brand-100)}.form-textarea{min-height:100px;resize:vertical}.form-hint{font-size:.8125rem;color:var(--color-ink-500)}.form-error{font-size:.8125rem;color:var(--color-accent-700)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--radius-card);background-color:var(--color-surface)}table.data-table{width:100%;border-collapse:collapse;text-align:left}table.data-table th{background-color:var(--color-brand-50);color:var(--color-ink-950);font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;padding:12px 16px}table.data-table td,table.data-table th{border-bottom:1px solid var(--color-line)}table.data-table td{padding:14px 16px;font-size:.875rem;color:var(--color-ink-700)}table.data-table tbody tr:last-child td{border-bottom:none}table.data-table tbody tr:hover td{background-color:var(--color-brand-50)}.text-gradient-blue,.text-gradient-dual{background:linear-gradient(135deg,#1E40AF,#2563EB 50%,#0284C7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-cyan{background:linear-gradient(135deg,#2563EB,#0284C7 50%,#38BDF8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hover-lift{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.glass-card{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(186,230,253,.7);border-radius:var(--radius-card)}.glass-card-blue,.glass-card-dual{background:linear-gradient(135deg,#FFFFFF,#F0F7FF);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #bae6fd;border-radius:var(--radius-card);position:relative;overflow:hidden}.glass-card-blue:before,.glass-card-dual:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563EB,#0EA5E9 50%,#7DD3FC)}.bg-hero-glow{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgba(37,99,235,.09) 0,transparent 50%),radial-gradient(circle at 88% 75%,rgba(14,165,233,.1) 0,transparent 50%),radial-gradient(circle at 50% 10%,rgba(125,211,252,.12) 0,transparent 45%),#FFFFFF}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.pulse-dot-cyan,.pulse-dot-red{background-color:#0EA5E9;box-shadow:0 0 12px rgba(14,165,233,.8)}.pulse-dot-blue,.pulse-dot-cyan,.pulse-dot-red{width:8px;height:8px;border-radius:50%;animation:pulse-glow 2s ease-in-out infinite;display:inline-block}.pulse-dot-blue{background-color:#3B82F6;box-shadow:0 0 12px rgba(59,130,246,.65)}.badge-dual{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:600;background:linear-gradient(135deg,#EFF6FF,#E0F2FE);border:1px solid #bae6fd;color:#0284C7}.badge-cyan,.badge-red{border-radius:var(--radius-pill);background-color:#E0F2FE;color:#0284C7;border:1px solid #bae6fd}.badge-blue,.badge-cyan,.badge-red{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600}.badge-blue{border-radius:var(--radius-pill);background-color:#EFF6FF;color:#2563EB;border:1px solid #bfdbfe}.badge-navy{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;background-color:#DBEAFE;color:#1E40AF;border:1px solid #93c5fd}.btn-gradient{background:linear-gradient(135deg,#2563EB,#1D4ED8 50%,#0EA5E9);color:#FFFFFF!important;border:none;box-shadow:0 4px 14px rgba(37,99,235,.25);transition:all .2s ease}.btn-gradient:hover:not(:disabled){background:linear-gradient(135deg,#1D4ED8,#2563EB 50%,#38BDF8);box-shadow:0 8px 24px rgba(14,165,233,.35);transform:translateY(-1px)}:root{--color-brand-950:#1E3A8A;--color-brand-900:#1D4ED8;--color-brand-800:#2563EB;--color-brand-700:#3B82F6;--color-brand-600:#2563EB;--color-brand-500:#3B82F6;--color-brand-400:#60A5FA;--color-brand-300:#93C5FD;--color-brand-200:#BFDBFE;--color-brand-100:#DBEAFE;--color-brand-50:#EFF6FF;--color-azure-700:#0284C7;--color-azure-600:#0EA5E9;--color-azure-500:#38BDF8;--color-azure-100:#E0F2FE;--color-azure-50:#F0F9FF;--color-accent-700:#0284C7;--color-accent-600:#0EA5E9;--color-accent-100:#E0F2FE;--color-accent-50:#F0F9FF;--gradient-brand-primary:linear-gradient(135deg,#1E40AF,#2563EB 50%,#38BDF8);--gradient-brand-blue:linear-gradient(135deg,#2563EB,#0284C7 50%,#38BDF8);--gradient-electric-blue:linear-gradient(135deg,#3B82F6,#0EA5E9 50%,#7DD3FC);--gradient-soft-surface:linear-gradient(135deg,#FFFFFF,#F0F7FF 50%,#E0F2FE);--gradient-badge-subtle:linear-gradient(135deg,#EFF6FF,#E0F2FE);--gradient-card-border:linear-gradient(135deg,rgba(37,99,235,0.3),rgba(56,189,248,0.2));--color-ink-950:#1E3A8A;--color-ink-800:#1E40AF;--color-ink-700:#334E68;--color-ink-500:#64748B;--color-surface:#FFFFFF;--color-canvas:#F4F8FD;--color-line:#E2E8F0;--color-success:#0284C7;--color-success-bg:#F0F9FF;--color-warning:#0369A1;--color-warning-bg:#F0F7FF;--color-danger:#1E40AF;--color-danger-bg:#EFF6FF;--radius-sm:8px;--radius-button:10px;--radius-input:10px;--radius-card:16px;--radius-modal:20px;--radius-pill:9999px;--shadow-subtle:0 1px 3px rgba(15,47,89,0.06);--shadow-card:0 4px 16px rgba(15,47,89,0.07);--shadow-elevated:0 16px 40px -8px rgba(15,47,89,0.14),0 8px 20px -4px rgba(2,132,199,0.1);--shadow-modal:0 24px 56px rgba(10,25,47,0.2);--shadow-glow-blue:0 6px 24px rgba(31,95,175,0.3);--shadow-glow-cyan:0 6px 24px rgba(2,132,199,0.3);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--max-width-content:1280px;--max-width-reading:68ch;--sidebar-width:248px;--topbar-height:64px;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Plus Jakarta Sans",var(--font-body)}