:root{--color-primary: #FF4B72;--color-primary-hover: #E03E60;--color-primary-light: #FFEBF0;--color-bg-base: #F5F7FA;--color-bg-surface: #FFFFFF;--color-bg-submenu: #F8FAFC;--color-text-main: #1E293B;--color-text-muted: #64748B;--color-text-inverse: #FFFFFF;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--border-light: 1px solid #E2E8F0;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-float: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);font-family:Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{background-color:var(--color-bg-base);color:var(--color-text-main);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-md);font-weight:500;font-size:14px;transition:all .2s ease;gap:8px}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #ff4b724d}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-base);color:var(--color-text-main);border:1px solid #E2E8F0}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.card{background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border-light);overflow:hidden}