@charset "UTF-8";:root{--color-primary: #0f172a;--color-primary-hover: #1e293b;--color-primary-navy: #0f172a;--color-primary-navy-hover: #1e293b;--color-accent: #d97706;--color-accent-hover: #b45309;--color-secondary-gold: #d97706;--color-secondary-gold-hover: #b45309;--color-primary-burgundy: #b91c1c;--color-primary-burgundy-hover: #991b1b;--color-secondary-offwhite: #f1f5f9;--color-secondary-white: #ffffff;--color-type-red: #dc2626;--color-type-blue: #2563eb;--color-type-green: #059669;--color-type-purple: #7c3aed;--color-type-yellow: #ca8a04;--color-type-black: #334155;--color-text: #0f172a;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-bg: #f8fafc;--color-bg-card: #ffffff;--color-surface-elevated: #ffffff;--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;--shadow-card: 0 1px 3px rgba(15, 23, 42, .06);--shadow-card-hover: 0 4px 12px rgba(15, 23, 42, .1);--shadow-elevated: 0 10px 40px -10px rgba(15, 23, 42, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-normal: .2s ease}*,*: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(--color-text);background-color:var(--color-bg);min-height:100vh;background-image:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(15,23,42,.04),transparent)}.app-card{background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--color-border);padding:1rem 1.25rem;transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.app-card:hover{box-shadow:var(--shadow-card-hover);border-color:#0f172a14}.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;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)}.app-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-btn:hover{filter:brightness(1.02)}.app-btn:active{transform:scale(.98)}.app-btn-primary{background-color:var(--color-primary);color:var(--color-secondary-offwhite);box-shadow:0 1px 2px #0f172a1a}.app-btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 2px 4px #0f172a1f}.app-btn-primary:active{background-color:var(--color-primary)}.app-btn-accent{background-color:var(--color-accent);color:#fff}.app-btn-accent:hover{background-color:var(--color-accent-hover)}.app-btn-secondary{background-color:var(--color-secondary-gold);color:#fff}.app-btn-secondary:hover{background-color:var(--color-secondary-gold-hover)}.app-btn-ghost{background-color:transparent;color:var(--color-text)}.app-btn-ghost:hover{background-color:#0f172a0f}.app-grid{display:grid;gap:1rem;width:100%}.app-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}@media (min-width: 900px){.app-grid-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}}.app-page{max-width:1280px;margin:0 auto;padding:1.5rem 1rem}@media (min-width: 768px){.app-page{padding:2rem 1.5rem}}.page-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);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)}