:root{--color-primary: #508D9B;--color-primary-dark: #3d6f7a;--color-primary-light: #cce2e7;--color-primary-semi: #96C5CF;--color-secondary-accent: #926161;--color-bg: #FEF7F7;--color-surface: #FFFFFF;--color-surface-secondary: #FCF2EF;--color-menu-bg: #FEF8F8;--color-border: #EDD9D0;--color-text: #333333;--color-text-secondary: #5b5b5b;--color-danger: #dc3545;--color-danger-light: #fce8ea;--color-success: #28a745;--color-warning: #ffc107;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(80, 141, 155, .08);--shadow-md: 0 8px 24px rgba(80, 141, 155, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary)}.btn-danger{background:var(--color-danger-light);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary)}.btn-icon:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.field .error{font-size:12px;color:var(--color-danger)}.input,textarea.input{height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);font-size:14px;font-family:inherit;color:var(--color-text);outline:none;width:100%;transition:border-color .15s ease}.input:focus,textarea.input:focus{border-color:var(--color-primary)}.input::placeholder,textarea.input::placeholder{color:var(--color-text-secondary)}textarea.input{height:auto;min-height:88px;padding:var(--space-3);resize:vertical}.form-error-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-danger-light);color:var(--color-danger);font-size:13px}