@charset "UTF-8";:root{--bg-primary: #0B1120;--bg-secondary: #0F172A;--bg-surface: #111C33;--bg-surface-hover: #162447;--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-glow: #60A5FA;--color-silver-light: #E5E7EB;--color-silver-mid: #9CA3AF;--color-silver-dark: #6B7280;--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-disabled: #64748B;--color-text: var(--text-primary);--color-text-muted: var(--text-muted);--color-border: rgba(241, 245, 249, .08);--color-bg: var(--bg-primary);--color-bg-card: var(--bg-surface);--color-surface-elevated: var(--bg-surface-hover);--color-danger: #DC2626;--color-danger-hover: #B91C1C;--color-primary-burgundy: var(--color-danger);--color-primary-burgundy-hover: var(--color-danger-hover);--color-primary-navy: var(--bg-secondary);--color-primary-navy-hover: var(--bg-surface-hover);--color-bg-elevated: var(--color-surface-elevated);--badge-blue-bg: rgba(59, 130, 246, .2);--badge-blue-text: var(--color-primary-glow);--badge-silver-bg: rgba(229, 231, 235, .15);--badge-silver-text: var(--color-silver-light);--badge-gray-bg: rgba(107, 114, 128, .25);--badge-gray-text: var(--color-silver-mid);--badge-danger-bg: rgba(220, 38, 38, .2);--badge-danger-text: #FCA5A5;--font-family: "Plus Jakarta Sans", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-card: 12px;--radius-card-lg: 16px;--shadow-card: 0 4px 12px rgba(0, 0, 0, .15);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .2);--shadow-elevated: 0 12px 40px -8px rgba(0, 0, 0, .25);--border-card: 1px solid rgba(241, 245, 249, .08);--transition-fast: .15s ease;--transition-normal: .2s ease;--touch-target-min: 44px;--breakpoint-mobile-sm: 360px;--breakpoint-mobile-md: 414px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--color-type-red: #dc2626;--color-type-blue: #2563eb;--color-type-green: #059669;--color-type-purple: #7c3aed;--color-type-yellow: #ca8a04;--color-type-black: #334155}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;background-image:radial-gradient(ellipse 100% 60% at 50% -10%,rgba(59,130,246,.06),transparent)}.app-card{background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:var(--border-card);padding:1rem;transition:box-shadow var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal)}@media (min-width: 360px){.app-card{padding:1rem 1.125rem}}@media (min-width: 768px){.app-card{padding:1rem 1.25rem}}.app-card:hover{box-shadow:var(--shadow-card-hover);border-color:#f1f5f91f;background-color:var(--bg-surface-hover)}.app-card-lg{border-radius:var(--radius-card-lg)}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;padding:.5rem 1rem;min-height:var(--touch-target-min);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent}@media (max-width: 413px){.app-btn{padding:.625rem 1rem;font-size:var(--font-size-base)}}.app-btn:focus-visible{outline:2px solid var(--color-primary-glow);outline-offset:2px}.app-btn:hover{filter:brightness(1.05)}.app-btn:active{transform:scale(.98)}.app-btn-primary{background-color:var(--color-primary);color:var(--text-primary);box-shadow:0 0 20px #3b82f640}.app-btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 0 24px #60a5fa59}.app-btn-primary:active{background-color:var(--color-primary-hover)}.app-btn-secondary{background-color:var(--badge-gray-bg);color:var(--color-silver-light);border:1px solid rgba(241,245,249,.1)}.app-btn-secondary:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.app-btn-ghost{background-color:transparent;color:var(--text-secondary)}.app-btn-ghost:hover{background-color:var(--bg-surface-hover)}.app-grid{display:grid;gap:1rem;width:100%}.app-grid-12{display:grid;gap:.75rem;width:100%;grid-template-columns:repeat(2,1fr)}@media (min-width: 360px){.app-grid-12{gap:1rem}}@media (min-width: 768px){.app-grid-12{grid-template-columns:repeat(8,1fr)}}@media (min-width: 1024px){.app-grid-12{grid-template-columns:repeat(12,1fr);gap:1.25rem}}.app-grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 360px){.app-grid-cards{gap:1rem}}@media (min-width: 640px){.app-grid-cards{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.app-grid-cards{grid-template-columns:repeat(12,1fr);gap:1.25rem}}.app-page{max-width:1280px;margin:0 auto;padding:1rem .75rem;min-width:0}@media (min-width: 360px){.app-page{padding:1.25rem 1rem}}@media (min-width: 414px){.app-page{padding:1.5rem 1rem}}@media (min-width: 768px){.app-page{padding:2rem 1.5rem}}.app-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.3;border-radius:var(--radius-sm);white-space:nowrap}.app-badge-blue{background:var(--badge-blue-bg);color:var(--badge-blue-text);border:1px solid rgba(59,130,246,.3)}.app-badge-silver{background:var(--badge-silver-bg);color:var(--badge-silver-text);border:1px solid rgba(229,231,235,.2)}.app-badge-gray{background:var(--badge-gray-bg);color:var(--badge-gray-text);border:1px solid rgba(107,114,128,.3)}.app-badge-danger{background:var(--badge-danger-bg);color:var(--badge-danger-text);border:1px solid rgba(220,38,38,.35)}.page-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.02em}.app-type-red{--card-accent: var(--color-type-red)}.app-type-blue{--card-accent: var(--color-type-blue)}.app-type-green{--card-accent: var(--color-type-green)}.app-type-purple{--card-accent: var(--color-type-purple)}.app-type-yellow{--card-accent: var(--color-type-yellow)}.app-type-black{--card-accent: var(--color-type-black)}