*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#F5F6F8;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;line-height:1.6;color:#1e293b}.app{width:100%;display:flex;align-items:center;justify-content:center;min-height:100vh}.loading{color:#64748b;font-size:16px}.auth-page{width:350px;max-width:100%}.auth-form,.dashboard{background:#fff;border:1px solid #e1e5e9;border-radius:0;padding:40px;width:350px;max-width:100%;min-height:460px;box-shadow:none;position:relative;transition:all .3s ease}.auth-form:before,.dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#3b82f6,#1d4ed8);border-radius:0}.auth-form:hover,.dashboard:hover{box-shadow:none;transform:none}.auth-form h1{text-align:center;color:#1e293b;font-size:1.875rem;font-weight:600;margin-bottom:8px;letter-spacing:-.025em}.auth-form .subtitle{text-align:center;color:#64748b;font-size:15px;margin-bottom:32px}.form-group{margin-bottom:24px;position:relative}.input-wrapper{position:relative;display:flex;flex-direction:column}.input-wrapper input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:0;padding:16px;color:#1e293b;font-size:16px;transition:all .3s ease;width:100%;outline:none}.input-wrapper input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.input-wrapper input:focus+label,.input-wrapper input:not(:placeholder-shown)+label{transform:translateY(-38px) translate(4px) scale(.85);color:#2563eb;font-weight:600;background:#fff;padding:0 8px}.input-wrapper label{position:absolute;left:16px;top:16px;color:#64748b;font-size:16px;font-weight:500;transition:all .3s ease;pointer-events:none;transform-origin:left top}.input-border{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#2563eb,#3b82f6);transition:all .3s ease;transform:translate(-50%);border-radius:0}.input-wrapper input:focus~.input-border{width:100%}.password-wrapper input{padding-right:50px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;color:#64748b;transition:all .3s ease;border-radius:0;z-index:2;font-size:16px}.password-toggle:hover{color:#2563eb;background:#2563eb1a}.pwd-checklist{margin-top:12px;display:flex;flex-direction:column;gap:4px;font-size:12px}.pwd-checklist span.ok{color:#059669}.pwd-checklist span.fail{color:#dc2626}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}.auth-form button[type=submit]{width:100%;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:0;padding:16px 24px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #2563eb4d;overflow:hidden}.auth-form button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.auth-form button[type=submit]:active:not(:disabled){transform:translateY(0)}.auth-form button[type=submit]:disabled{background:#94a3b8;pointer-events:none}.auth-form button[type=submit].loading .btn-text{opacity:0}.auth-form button[type=submit] .btn-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}.auth-form button[type=submit].loading .btn-spinner{display:block}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.error{background:#dc26260d;border-left:3px solid #dc2626;color:#dc2626;padding:12px 16px;border-radius:0;margin-bottom:20px;font-size:14px;font-weight:500}.success{background:#0596690d;border-left:3px solid #059669;color:#059669;padding:12px 16px;border-radius:0;margin-bottom:20px;font-size:14px;font-weight:500}.switch{text-align:center;margin-top:24px;font-size:14px;color:#64748b}.switch a{color:#2563eb;text-decoration:none;font-weight:600;transition:all .3s ease}.switch a:hover{color:#1d4ed8}.switch .link-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;padding:0}.switch .link-btn:hover{color:#1d4ed8}.auth-form .back-btn,.dashboard .back-btn{position:absolute;top:16px;left:16px;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;font-size:13px;width:30px;height:30px;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.auth-form .back-btn:hover,.dashboard .back-btn:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.hint{text-align:center;font-size:14px;color:#64748b;margin-bottom:20px;line-height:1.6}.hint strong{color:#2563eb;font-weight:600}.dashboard{position:relative;text-align:center;transition:all .3s ease}.dashboard h1{font-size:1.875rem;font-weight:600;color:#1e293b;margin-bottom:10px}.dashboard p{color:#64748b;margin-bottom:24px;font-size:15px}.user-email{font-size:16px;color:#2563eb;margin-bottom:28px;font-weight:600}.logout-btn{padding:14px 40px;background:transparent;border:2px solid #dc2626;border-radius:0;color:#dc2626;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#dc2626;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #dc262640}@media (max-width: 480px){body{padding:16px}.auth-form{padding:28px}.dashboard{padding:40px 28px}.auth-form h1{font-size:1.625rem}}:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:0}.admin-panel{width:600px;max-width:100%;margin:40px auto;padding:0 20px 80px;color:#1e293b;min-height:80vh}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-header h1{margin:0;font-size:24px}.admin-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid #e2e8f0}.admin-tab{padding:10px 20px;font-size:14px;font-weight:400;color:#94a3b8;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-2px;transition:all .2s}.admin-tab.active{font-weight:600;border-bottom-style:solid}.admin-user-card{background:#fff;border:1px solid #e1e5e9;border-radius:0;padding:16px 24px;margin-bottom:12px;position:relative;box-shadow:0 1px 4px #0000000a;width:100%}.admin-user-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:10px;width:100%}.admin-user-info{flex:1;flex-shrink:0;overflow:hidden}.admin-user-email{display:flex;align-items:center;gap:8px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-meta{font-size:12px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:350px}.admin-reject-input{padding:6px 10px;font-size:12px;border:2px solid #e2e8f0;border-radius:0;width:140px;outline:none;transition:border-color .2s}.admin-reject-input:focus{border-color:#dc2626}.admin-actions{display:flex;gap:8px;align-items:center;width:270px;justify-content:flex-end;flex-shrink:0}.btn-sm{padding:6px 16px;border:none;border-radius:0;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;color:#fff}.btn-sm:hover{transform:translateY(-1px)}.btn-approve{background:#059669}.btn-approve:hover{background:#047857}.btn-reject{background:#dc2626}.btn-reject:hover{background:#b91c1c}.btn-lock{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;padding:6px 18px;font-size:13px;border-radius:0;transition:all .2s}.btn-lock:hover{background:#e2e8f0}.badge{padding:2px 8px;border-radius:0;font-size:11px;font-weight:600}.badge-verified{background:#dcfce7;color:#16a34a}.badge-approved{background:#dbeafe;color:#2563eb}.badge-rejected{background:#fee2e2;color:#dc2626}.section-heading{font-size:16px;color:#64748b;margin-bottom:16px;font-weight:500}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}