:root{--color-primary:#1b3a4b;--color-primary-hover:#144552;--color-secondary:#312244;--color-accent:#4d194d;--color-danger:#e74c3c;--color-error:#e74c3c;--color-success:#27ae60;--color-warning:#f1c40f;--color-bg:#f7f8fa;--color-surface:#fff;--color-border:#e0e0e0;--color-text:#222;--color-text-muted:#666;--color-disabled:#ccc;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--font-family-base:"Inter","Segoe UI",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 3px 8px #0000001f;--shadow-lg:0 8px 16px #00000029;--transition-fast:.2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);height:100%;color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-md)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.container{width:100%;max-width:1200px;padding:var(--space-md);margin:0 auto}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.flex{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}