@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #dc2626;--color-primary-hover: #b91c1c;--color-primary-light: #fef2f2;--color-primary-border: #fecaca;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-border: #e5e7eb;--color-bg: #f3f4f6;--color-surface: #ffffff;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-warning: #d97706;--color-warning-bg: #fffbeb;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--header-height: 64px;--sidebar-width: 320px;--mobile-nav-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}@media (hover: none) and (pointer: coarse){html{touch-action:manipulation;-webkit-text-size-adjust:100%}}.brand-logo{font-size:1.5rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em;text-decoration:none}.brand-logo .brand-yo{color:var(--color-primary)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#374151}.auth-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:2.5rem 2rem;width:100%;max-width:440px;box-shadow:var(--shadow-lg)}.auth-card-wide{max-width:480px}.auth-tagline{text-align:center;color:var(--color-text-secondary);font-size:.95rem;margin-bottom:2rem}.auth-form-group{margin-bottom:1.25rem}.auth-form-group label{display:block;font-weight:600;font-size:.875rem;margin-bottom:.5rem;color:var(--color-text)}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:.875rem;color:var(--color-text-muted);pointer-events:none;display:flex}.auth-input{width:100%;padding:.75rem .875rem .75rem 2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.auth-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #dc26261f}.auth-input-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:.25rem;display:flex}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.auth-error{background:#fef2f2;color:var(--color-primary);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:1rem}.btn-primary{width:100%;padding:.875rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-google{width:100%;padding:.875rem;background:#fff;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s,border-color .2s}.btn-google:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-google:disabled{opacity:.55;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--color-text-muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.auth-divider span{padding:0 1rem}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--color-text-secondary)}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:.35rem}@media (max-width: 480px){.auth-form-row{grid-template-columns:1fr}.auth-card{padding:2rem 1.25rem}}