@charset "UTF-8";:root{--bg-main: #05050A;--bg-surface: #0A0D1A;--bg-surface-soft: #12162B;--bg-surface-muted: #1A2040;--bg-card: rgba(18, 22, 43, .6);--bg-card-hover: rgba(26, 32, 64, .8);--bg-accent: #6C5CE7;--bg-accent-hover: #8172FA;--accent-glow: rgba(108, 92, 231, .3);--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-muted: #64748B;--border-color: rgba(255, 255, 255, .08);--border-soft: rgba(255, 255, 255, .04);--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--status-todo: #6366F1;--status-progress: #8B5CF6;--status-review: #F59E0B;--status-completed: #10B981;--glass-blur: blur(12px);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-glow: 0 0 15px var(--accent-glow);--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--page-padding-x: var(--space-4);--page-padding-y: var(--space-4);--tap-target-min: 44px;--bottom-nav-clearance: 88px}@media (min-width: 1024px){:root{--page-padding-x: var(--space-6);--page-padding-y: var(--space-6)}}*{box-sizing:border-box}html{text-size-adjust:100%;-webkit-text-size-adjust:100%}html,body{margin:0;min-height:100%;width:100%;max-width:100%;overflow-x:hidden;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased}body{font-size:clamp(13px,.35vw + 12px,15px)}app-root{display:block;width:100%;max-width:100%;overflow-x:hidden}button,input,select{font:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--bg-surface-muted);border-radius:4px}.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px 12px;background:var(--bg-main);overflow:hidden}@media (min-width: 768px){.auth-page{padding:32px 16px}}.auth-page .aurora{position:absolute;width:580px;height:580px;border-radius:50%;filter:blur(120px);opacity:.55;pointer-events:none;z-index:0}.auth-page .aurora-blue{top:-160px;left:-160px;background:radial-gradient(circle,#3b3fb8 0%,#1e2356 60%,transparent 100%)}.auth-page .aurora-orange{bottom:-180px;right:-160px;background:radial-gradient(circle,#c2410c 0%,#6b2a0d 60%,transparent 100%);opacity:.4}.auth-page .auth-shell{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:380px}@media (min-width: 768px){.auth-page .auth-shell{gap:22px}}.auth-page .brand{text-align:center}.auth-page .brand h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.4px}.auth-page .brand-pro{color:#fff}.auth-page .brand-track{color:#5b62f0}.auth-page .brand p{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.auth-page .auth-card{width:100%;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px #00000073}@media (min-width: 768px){.auth-page .auth-card{padding:28px 26px;border-radius:14px}}.auth-page .auth-card h2{margin:0;font-size:18px;font-weight:600}.auth-page .auth-sub{margin:0 0 4px;color:var(--text-secondary);font-size:12px}.auth-page .field{display:flex;flex-direction:column;gap:6px}.auth-page .field-label{font-size:10px;font-weight:600;letter-spacing:.5px;color:var(--text-secondary)}.auth-page .field-label-row{display:flex;justify-content:space-between;align-items:center}.auth-page .field-label-mc{font-size:11.5px;color:var(--text-secondary);font-weight:500}.auth-page .input-wrap{display:flex;align-items:center;gap:8px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:0 10px;transition:border .15s ease}.auth-page .input-wrap:focus-within{border-color:var(--bg-accent)}.auth-page .input-wrap.input-invalid{border-color:var(--danger)}.auth-page .input-icon{color:var(--text-secondary);flex-shrink:0}.auth-page .input-wrap input,.auth-page .input-wrap select{flex:1;border:0;background:transparent;color:var(--text-primary);font-size:13px;padding:10px 0;outline:none}.auth-page .role-dropdown{position:relative}.auth-page .role-trigger{width:100%;border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-primary);border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.auth-page .role-trigger:hover,.auth-page .role-trigger.open{border-color:var(--bg-accent);box-shadow:0 0 0 3px #6c5ce726}.auth-page .role-trigger svg{color:var(--text-secondary);transition:transform .2s ease}.auth-page .role-trigger.open svg{transform:rotate(180deg);color:var(--bg-accent)}.auth-page .role-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#0a0d1af2;border:1px solid var(--border-color);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:4px;z-index:50;box-shadow:0 16px 36px #0000006b;backdrop-filter:blur(10px)}.auth-page .role-option{border:0;background:transparent;color:var(--text-primary);border-radius:8px;padding:10px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.auth-page .role-option:hover{background:#ffffff0f}.auth-page .role-option.active{background:#6c5ce733;color:#d7ceff}.auth-page .input-wrap input::placeholder{color:var(--text-muted)}.auth-page .eye-btn{background:transparent;border:0;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.auth-page .eye-btn:hover{color:var(--text-primary)}.auth-page .link-btn{background:transparent;border:0;color:var(--text-secondary);cursor:pointer;font-size:11px;padding:0}.auth-page .link-btn:hover{color:var(--bg-accent)}.auth-page .primary-btn{background:#2d2fb8;color:#fff;border:0;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:600;cursor:pointer;margin-top:4px;transition:background .15s ease;width:100%}@media (min-width: 768px){.auth-page .primary-btn{width:auto}}.auth-page .primary-btn:hover{background:#3b3fb8}.auth-page .card-icon{width:36px;height:36px;border-radius:8px;background:#5b62f026;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.auth-page .back-link{background:transparent;border:0;color:var(--text-secondary);cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:4px;margin:0 auto;padding:4px 8px}.auth-page .back-link:hover{color:var(--text-primary)}.auth-page .field-error{color:var(--danger);font-size:11px;margin-top:2px}.scroll-x-contained{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100%}.min-tap-target{min-width:var(--tap-target-min);min-height:var(--tap-target-min)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.pt-safe{padding-top:env(safe-area-inset-top,0px)}.px-safe{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}