@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.full-screen-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.grid-bg{position:absolute;top:0;left:0;width:200%;height:200%;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:100px 100px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:perspective(1200px) rotateX(75deg) translateY(0) translateZ(-200px)}to{transform:perspective(1200px) rotateX(75deg) translateY(100px) translateZ(-200px)}}.particles{position:absolute;width:100%;height:100%;overflow:hidden;mix-blend-mode:screen}.particle{position:absolute;width:2px;height:2px;background:var(--primary);animation:staticScan 8s infinite linear;opacity:0}.particle:nth-child(2n){background:var(--text-white)}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:20%;animation-delay:1s}.particle:nth-child(3){left:30%;animation-delay:2s}.particle:nth-child(4){left:45%;animation-delay:3s}.particle:nth-child(5){left:55%;animation-delay:4s}.particle:nth-child(6){left:65%;animation-delay:5s}.particle:nth-child(7){left:75%;animation-delay:.5s}.particle:nth-child(8){left:85%;animation-delay:1.5s}.particle:nth-child(9){left:95%;animation-delay:2.5s}.particle:nth-child(10){left:50%;animation-delay:3.5s}@keyframes staticScan{0%{transform:translateY(-100vh);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(100vh);opacity:0}}.brand-zone{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;background-color:var(--bg-body)}.brand-cover-img{width:100%;height:100%;object-fit:cover;position:relative;z-index:0;filter:brightness(.65);transform:translateZ(0);will-change:transform}.brand-text-overlay{position:absolute;left:8%;top:48%;transform:translateY(-50%);z-index:10;text-align:left;max-width:40%}.brand-text-primary{font-family:inherit;font-size:32px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:2px;line-height:1.4;text-shadow:0 4px 16px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6)}.brand-text-secondary{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:500;color:#ffffffd9;margin:0;letter-spacing:3px;text-shadow:0 2px 10px rgba(0,0,0,.8)}.floating-card-zone{position:absolute;right:12%;top:50%;transform:translateY(-50%);z-index:10}.login-card{width:440px;max-height:85vh;overflow-y:auto;padding:48px;text-align:left;background:var(--bg-dark);border:1px solid var(--glass-border);border-top:4px solid var(--primary);box-shadow:20px 20px #000c}.login-logo-icon{display:none}.login-title{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text-white)}.login-subtitle{color:var(--text-gray);font-size:13px;margin-bottom:32px;letter-spacing:.02em;font-family:Plus Jakarta Sans,sans-serif}.auth-tabs{display:flex;gap:0px;margin-bottom:32px;border-bottom:1px solid var(--glass-border)}.auth-tab{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-gray);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;border-radius:10px;transition:all .3s ease;letter-spacing:.02em;position:relative}.auth-tab:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--primary);transform:scaleX(0);transition:transform .3s cubic-bezier(.16,1,.3,1);transform-origin:left}.auth-tab:hover{color:var(--text-white)}.auth-tab.active{color:var(--primary)}.auth-tab.active:after{transform:scaleX(1)}.register-type-tabs{display:flex;gap:12px;margin-bottom:24px}.register-type-tab{flex:1;padding:12px 8px;border:1px solid var(--glass-border);background:transparent;color:var(--text-gray);font-size:12px;font-weight:600;cursor:pointer;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.register-type-tab:hover{border-color:var(--text-gray);color:var(--text-white)}.register-type-tab.active{border-color:var(--primary);background:#0066ff14;color:var(--primary)}.register-type-tab i{font-size:14px}.form-group{margin-bottom:20px;text-align:left;position:relative}.form-label{display:block;margin-bottom:8px;font-size:11px;font-weight:700;color:var(--text-gray);letter-spacing:1.5px}.login-btn{width:100%;margin-top:12px;padding:16px 24px}.login-btn:disabled{opacity:.5;cursor:not-allowed}.captcha-row{display:flex;gap:12px}.captcha-row input{flex:2}.btn-captcha{flex:1;padding:0 16px;background:transparent;border:1px solid var(--text-white);color:var(--text-white);font-size:12px;font-weight:600;border-radius:10px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-captcha:hover{background:var(--text-white);color:var(--bg-dark)}.captcha-checkbox{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:1px solid var(--glass-border);border-radius:10px}.captcha-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.captcha-checkbox label{color:var(--text-white);font-size:13px;cursor:pointer;font-weight:500}.forgot-password{margin-top:20px;text-align:right}.link-btn{color:var(--text-gray);font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:4px;transition:all .2s ease}.link-btn:hover{color:var(--primary)}.reset-header{margin-bottom:32px;text-align:left}.reset-header h3{font-size:24px;font-weight:700;color:var(--text-white);margin-top:16px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-gray);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.back-link:hover{color:var(--text-white)}.back-link i{font-size:11px}.auth-error-msg{padding:12px 16px;margin-bottom:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--accent-danger);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.auth-success-msg{padding:12px 16px;margin-bottom:16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--accent-success);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.login-method-tabs{display:flex;gap:0;margin-bottom:24px;background:#ffffff0a;border:1px solid var(--glass-border);padding:3px}.login-method-tab{flex:1;padding:10px 12px;border:none;background:transparent;color:var(--text-gray);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.5px}.login-method-tab:hover{color:var(--text-white)}.login-method-tab.active{background:var(--primary);color:var(--text-white)}.login-method-tab i{font-size:13px}.required-badge{display:inline-block;font-size:9px;font-weight:700;color:var(--accent-warning);background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);padding:1px 6px;letter-spacing:.5px;text-transform:none;vertical-align:middle;margin-left:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:overlayFadeIn .2s ease}:root[data-theme=light] .modal-overlay{background:#ffffff1a}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;padding:32px 40px;min-width:340px;max-width:420px;text-align:center;box-shadow:0 10px 40px #0003;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}:root[data-theme=light] .modal-container{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 40px #00000014}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px}.modal-icon.success{background:#22c55e1a;color:var(--accent-success)}.modal-icon.error{background:#ef44441a;color:var(--accent-danger)}.modal-icon.warning{background:#f59e0b1a;color:var(--accent-warning)}.modal-icon.confirm{background:#06b6d41a;color:var(--primary)}.modal-icon.info{background:#3b82f61a;color:var(--accent-primary)}.modal-title{font-size:20px;font-weight:600;color:var(--text-white);margin-bottom:8px}.modal-message{font-size:14px;color:var(--text-gray);line-height:1.5;margin-bottom:24px}.modal-buttons{display:flex;gap:12px;justify-content:center}.modal-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:90px}.modal-btn-confirm{background:var(--primary);border:none;color:#fff}.modal-btn-confirm:hover{filter:brightness(1.1);transform:translateY(-1px)}.modal-btn-cancel{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-gray)}.modal-btn-cancel:hover{background:#64748b1a;color:var(--text-white)}:root[data-theme=light] .modal-btn-cancel{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}:root[data-theme=light] .modal-btn-cancel:hover{background:#f1f5f9;color:#0f172a}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;text-align:center;color:var(--text-secondary, #94a3b8)}.error-boundary-icon{font-size:48px;margin-bottom:16px;opacity:.6}.error-boundary-title{font-size:20px;font-weight:600;color:var(--text-primary, #e2e8f0);margin-bottom:8px}.error-boundary-msg{font-size:14px;margin-bottom:24px;max-width:400px;line-height:1.6}.error-boundary-actions{display:flex;gap:12px}.error-boundary-btn{padding:10px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.error-boundary-btn--retry{border:1px solid var(--border-color, #334155);background:var(--bg-card, #1e293b);color:var(--text-primary, #e2e8f0)}.error-boundary-btn--retry:hover{background:var(--bg-hover, #2d3a4d)}.error-boundary-btn--reload{border:none;background:var(--accent-primary, #6366f1);color:var(--text-white)}.error-boundary-btn--reload:hover{opacity:.9}:root{color-scheme:dark;--bg-dark: #03050a;--bg-secondary: #0a0d17;--bg-card: var(--bg-secondary);--primary: #0066FF;--primary-glow: rgba(0, 102, 255, .25);--accent: #60A5FA;--glass-bg: rgba(0, 102, 255, .02);--glass-border: rgba(0, 102, 255, .1);--glass-hover: rgba(0, 102, 255, .05);--text-white: #ffffff;--text-gray: #7a7d85;--text-muted: #6b7280;--text-primary: var(--text-white);--text-secondary: #94a3b8;--text-tertiary: #999;--text-dim: #888;--text-dark: #555;--text-placeholder: #666;--text-black: #000;--success: #00E676;--warning: #FFAB00;--danger: #FF3D00;--accent-primary: #60a5fa;--accent-success: #4ade80;--accent-success-dim: rgba(34, 197, 94, .12);--accent-success-solid: #22c55e;--accent-success-muted: #34d399;--accent-success-deep: #059669;--accent-success-deeper: #047857;--accent-success-bright: #10b981;--accent-warning: #fbbf24;--accent-warning-dim: rgba(245, 158, 11, .12);--accent-warning-solid: #f59e0b;--accent-warning-deep: #d97706;--accent-danger: #f87171;--accent-danger-dim: rgba(239, 68, 68, .12);--accent-danger-solid: #ef4444;--accent-danger-deep: #dc2626;--accent-danger-soft: #fca5a5;--accent-danger-hot: #ff4d4f;--accent-info: #38bdf8;--accent-info-solid: #3b82f6;--accent-cyan: #06b6d4;--accent-cyan-light: #22d3ee;--accent-purple: #c084fc;--accent-purple-solid: #a855f7;--accent-purple-dim: rgba(168, 85, 247, .08);--border-light: #e2e8f0;--bg-surface: #1a1a2e;--bg-body: #070707;--rank-bronze: #cd7f32;--rank-bronze-dark: #a0522d;--brutalist-shadow: 4px 4px 0px 0px rgba(0, 102, 255, .4)}:root[data-theme=light]{color-scheme:light;--bg-dark: #ffffff;--bg-secondary: #ffffff;--bg-card: #f8fafc;--primary: #004ecc;--primary-glow: rgba(0, 78, 204, .15);--accent: #2563eb;--glass-bg: rgba(0, 0, 0, .02);--glass-border: rgba(0, 0, 0, .12);--glass-hover: rgba(0, 0, 0, .05);--text-white: #0a0d17;--text-gray: #5c6270;--text-muted: #6b7280;--text-primary: #0a0d17;--text-secondary: #475569;--text-tertiary: #64748b;--text-dim: #94a3b8;--text-dark: #334155;--text-placeholder: #9ca3af;--text-black: #000;--success: #059669;--warning: #d97706;--danger: #dc2626;--accent-primary: #2563eb;--accent-success: #16a34a;--accent-success-dim: rgba(22, 163, 74, .1);--accent-warning: #d97706;--accent-warning-dim: rgba(217, 119, 6, .1);--accent-danger: #dc2626;--accent-danger-dim: rgba(220, 38, 38, .1);--accent-info: #0284c7;--accent-info-solid: #2563eb;--accent-purple: #7c3aed;--accent-purple-solid: #7c3aed;--accent-purple-dim: rgba(124, 58, 237, .08);--border-light: #e2e8f0;--bg-surface: #f1f5f9;--bg-body: #f8fafc;--brutalist-shadow: 4px 4px 0px 0px rgba(0, 78, 204, .2)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-white);min-height:100vh;overflow-x:hidden;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");background-attachment:fixed}.aurora-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px}:root[data-theme=light] .aurora-container{background:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:80px 80px}.aurora-blob{position:absolute;filter:blur(140px);opacity:.1;animation:pulseSpotlight 15s infinite alternate ease-in-out}.blob-1{top:0%;left:20%;width:800px;height:400px;background:#fff;border-radius:50%;transform:rotate(-15deg)}:root[data-theme=light] .blob-1{background:var(--primary);opacity:.05}.blob-2{bottom:-10%;right:10%;width:600px;height:300px;background:var(--primary);border-radius:50%;animation-delay:-5s}@keyframes pulseSpotlight{0%{transform:scale(1) translateY(0);opacity:.08}to{transform:scale(1.1) translateY(-20px);opacity:.15}}.glass-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff08,#fff0);pointer-events:none}h1,h2,h3,h4,.brand-title,.login-title{font-family:Plus Jakarta Sans,sans-serif;letter-spacing:-.02em}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:500;font-family:inherit;font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{padding:10px 24px;background:transparent;border:1px solid var(--glass-border);color:var(--text-gray);border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;font-weight:500}.btn-ghost:hover:not(:disabled){border-color:var(--text-gray);color:var(--text-white);background:#ffffff0d}:root[data-theme=light] .btn-ghost{border:1px solid #e2e8f0;color:#64748b}:root[data-theme=light] .btn-ghost:hover:not(:disabled){background:#0000000d;border-color:#0003;color:var(--text-primary)}input{width:100%;padding:16px;border-radius:10px;background:transparent;border:1px solid var(--glass-border);border-bottom-width:2px;color:var(--text-white);outline:none;transition:all .3s ease;font-size:.95rem;font-family:Plus Jakarta Sans,sans-serif}input:focus{border-color:var(--text-white);border-bottom-color:var(--primary);background:#ffffff0a}input::placeholder{color:var(--text-gray);font-family:Plus Jakarta Sans,sans-serif}.status-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.02em;font-family:Plus Jakarta Sans,sans-serif}.status-pending{background:#ffab001a;color:var(--warning);border-color:var(--warning)}.status-approved{background:#00e6761a;color:var(--success);border-color:var(--success)}.status-rejected{background:#ff3d001a;color:var(--danger);border-color:var(--danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--glass-border)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.search-input-wrapper{position:relative;display:flex;align-items:center;max-width:360px;width:100%}.search-input-icon{position:absolute;left:14px;color:var(--text-gray);font-size:14px;pointer-events:none;z-index:1}.search-input-field{width:100%;padding:12px 36px 12px 38px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-white);font-size:13px;transition:all .3s ease}.search-input-field:focus{border-color:var(--primary);background:#0066ff0a;outline:none}.search-input-clear{position:absolute;right:10px;background:none;border:none;color:var(--text-gray);cursor:pointer;padding:4px;font-size:12px;transition:color .2s}.search-input-clear:hover{color:var(--danger)}.skeleton{background:linear-gradient(90deg,var(--glass-bg) 25%,var(--glass-hover) 50%,var(--glass-bg) 75%);background-size:400% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-text{height:14px;margin-bottom:8px;width:100%}.skeleton-title{height:22px;width:40%;margin-bottom:16px}.skeleton-card{height:120px;width:100%;margin-bottom:12px;border:1px solid var(--glass-border)}