:root{--color-brand-mint: #4EE6C1;--color-brand-navy: #14223A;--color-brand-coral: #FF6E6E;--color-brand-lavender: #A78BFA;--color-brand-mango: #FFB851;--color-brand-charcoal: #343A40;--color-bg-default: #FFFFFF;--color-bg-soft: #F7FAFC;--color-bg-dark: #0B1220;--color-text-default: #343A40;--color-text-soft: #6B7280;--color-text-on-mint: #14223A;--color-text-on-navy: #F9FAFB;--color-accent-positive: #4EE6C1;--color-accent-attention: #FFB851;--color-accent-danger: #FF6E6E;--radius-sm: 6px;--radius-md: 10px;--radius-xl: 16px;--radius-xxl: 24px;--radius-pill: 9999px;--shadow-soft: 0 10px 30px rgba(20, 34, 58, .12);--shadow-soft-lg: 0 18px 45px rgba(20, 34, 58, .18);--shadow-focus: 0 0 0 2px rgba(78, 230, 193, .45);--font-display: "Nunito", "Avenir Next Rounded", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--transition-default: .15s ease-out;--transition-emphasized: .2s cubic-bezier(.22, 1, .36, 1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--color-text-default);background-color:var(--color-bg-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0 0 var(--spacing-md) 0;color:var(--color-text-default)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}p{margin:0 0 var(--spacing-md) 0}a{color:var(--color-brand-mint);text-decoration:none;transition:color var(--transition-default)}a:hover{color:var(--color-brand-navy)}.btn-primary{background-color:var(--color-brand-mint);color:var(--color-text-on-mint);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-default);box-shadow:var(--shadow-soft)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft-lg)}.btn-primary:focus,.btn-primary:focus-visible{outline:none;box-shadow:var(--shadow-focus),var(--shadow-soft)}.btn-primary:active{transform:translateY(0)}.input-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-family:var(--font-body);color:var(--color-text-default);background-color:var(--color-bg-default);border:1px solid var(--color-text-soft);border-radius:var(--radius-sm);transition:all var(--transition-default)}.input-field::placeholder{color:var(--color-text-soft)}.input-field:focus{outline:none;border-color:var(--color-brand-mint);box-shadow:var(--shadow-focus)}.input-field:disabled{background-color:var(--color-bg-soft);cursor:not-allowed;opacity:.6}.select-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-family:var(--font-body);color:var(--color-text-default);background-color:var(--color-bg-default);border:1px solid var(--color-text-soft);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-default)}.select-field:focus{outline:none;border-color:var(--color-brand-mint);box-shadow:var(--shadow-focus)}.select-field:disabled{background-color:var(--color-bg-soft);cursor:not-allowed;opacity:.6}.file-uploader{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-family:var(--font-body);color:var(--color-text-default);background-color:var(--color-bg-default);border:1px solid var(--color-text-soft);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-default)}.file-uploader:focus{outline:none;border-color:var(--color-brand-mint);box-shadow:var(--shadow-focus)}.file-uploader:disabled{background-color:var(--color-bg-soft);cursor:not-allowed;opacity:.6}.avatar{width:40px;height:40px;border-radius:var(--radius-pill);object-fit:cover;display:block}.page-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);min-height:100vh}.page-header{margin-bottom:var(--spacing-xl)}.page-content{width:100%}.form-container{max-width:500px;margin:0 auto}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text-default)}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.page-container{padding:var(--spacing-md)}.btn-primary{width:100%;padding:var(--spacing-md) var(--spacing-lg)}}@media(max-width:480px){html,body{font-size:14px}h1{font-size:1.5rem}.page-container{padding:var(--spacing-sm)}}