@charset "UTF-8";.form-container{width:100%;max-width:380px;padding:2rem;border-radius:20px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:var(--glass);border:1px solid var(--glass-border);box-shadow:0 0 80px #6366f126,0 0 160px #9333ea1a;display:flex;flex-direction:column;gap:1.5rem;transition:transform .3s ease}.form-container:hover{transform:translateY(-4px)}.form-container header{text-align:center}.form-container header h1{font-size:1.8rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.form-container header p{margin-top:.3rem;font-size:.9rem;color:var(--muted)}.form-container a{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;text-decoration:none}.form-container .form{display:flex;flex-direction:column;gap:1.2rem}.error{color:#f87171;font-size:.85rem;margin-bottom:.5rem}.input-group{display:flex;flex-direction:column;gap:.4rem}.input-group label{font-size:.85rem;color:var(--muted)}.input{height:46px;padding:.7rem;border-radius:12px;background:#ffffff0f;border:1px solid transparent;color:var(--text);outline:none;transition:all .3s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 12px #6366f199,0 0 25px #9333ea66}.password-wrapper{display:flex;align-items:center}.password-wrapper .input{flex:1;border-radius:12px 0 0 12px;border-right:none}.password-wrapper .eye{width:45px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:0 12px 12px 0;background:#ffffff14;border:none;cursor:pointer;color:var(--muted);transition:all .2s ease}.password-wrapper .eye:hover{color:var(--primary);background:#ffffff1f}.dashboard-header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:100;padding:14px 18px;margin-bottom:20px}.dashboard-header .logo{font-size:18px;font-weight:600;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dashboard-header .profile{position:relative}.dashboard-header .avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient);color:#fff;font-weight:600;cursor:pointer}.dashboard-header .dropdown{position:absolute;right:0;top:50px;z-index:100;min-width:160px;padding:12px;border-radius:12px;display:flex;flex-direction:column;gap:10px}.dashboard-header .dropdown .username{font-size:14px;color:var(--text)}.dashboard-header .dropdown button{border:none;background:transparent;color:#f87171;cursor:pointer;text-align:left}.dashboard-page{max-width:1200px;margin:auto;padding:20px}.dashboard-hero{display:flex;justify-content:space-between;gap:20px;position:relative;padding:24px;margin-bottom:20px;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.2),transparent 60%),var(--glass)}.dashboard-hero .hero-left{flex:1}.dashboard-hero .hero-left h2{font-size:24px}.dashboard-hero .hero-left h2 span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dashboard-hero .hero-left p{margin-top:6px;color:var(--muted)}.dashboard-hero .hero-actions{margin-top:14px;display:flex;gap:10px}.dashboard-hero .hero-right{display:flex;gap:12px}.dashboard-hero .hero-card{min-width:180px;padding:14px;border-radius:12px;background:#ffffff0d}.dashboard-hero .hero-card p{font-size:18px;color:var(--muted)}.dashboard-hero .hero-card h3{margin-top:4px;font-size:24px}.dashboard-hero .hero-card.secondary{background:#9333ea1a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.stats-card{padding:18px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);transition:.25s}.stats-card:hover{transform:translateY(-4px);border-color:var(--primary)}.stats-card .stats-label{font-size:13px;color:var(--muted)}.stats-card h2{font-size:28px;margin-top:8px}.range-text{font-size:1.5rem;font-weight:600}.range-bar{position:relative;height:6px;background:#ffffff1a;border-radius:10px;margin-top:10px;overflow:hidden}.range-fill{position:absolute;height:100%;background:linear-gradient(90deg,#22c55e,#6366f1);border-radius:10px}.progress-bar{margin-top:12px;height:6px;width:100%;background:#ffffff14;border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:10px;transition:width .4s ease}.stats-card.positive .progress-fill{background:linear-gradient(90deg,#4ade80,#22c55e)}.stats-card.negative .progress-fill{background:linear-gradient(90deg,#f87171,#ef4444)}.progress-indicator{width:10px;height:10px;border-radius:50%;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.stats-card.positive .progress-indicator{background:#4ade80}.stats-card.negative .progress-indicator{background:#f87171}.progress-indicator.neutral{background:#ffffff4d}.negative-text{color:#f87171}.positive-text{color:#4ade80}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;transition:.2s}.report-item:hover{background:#ffffff0d}.report-item .score{font-size:18px;font-weight:600;color:var(--primary)}.report-item .meta{font-size:12px;color:#94a3b8}.report-item.clickable{cursor:pointer;transition:.2s ease}.report-item.clickable:hover{transform:scale(1.02);background:#ffffff0d}.chart h3{margin-bottom:10px}.chart .info{font-size:13px;color:var(--muted);margin-top:8px;opacity:.8}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:640px){.dashboard-hero{flex-direction:column}.hero-right{width:100%;justify-content:space-between;flex-direction:column}}.interview-page{width:100%;padding:20px}.interview-container{width:100%;max-width:680px;margin:auto;padding:28px;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:24px}.interview-header{text-align:center}.interview-header h1{font-size:24px;font-weight:600}.interview-header p{font-size:14px;color:var(--muted);margin-top:6px}.interview-form{display:flex;flex-direction:column;gap:18px}.form-grid{display:flex;flex-direction:column;gap:16px}.upload-box{border:2px dashed var(--glass-border);border-radius:16px;padding:28px;text-align:center;background:#ffffff05;cursor:pointer;transition:all .25s ease}.upload-box:hover,.upload-box.dragging{border-color:var(--primary);background:#6366f10d}.upload-box.dragging{background:#6366f11a}.upload-box p:first-child{font-weight:600;color:var(--text)}.upload-box p:last-child{font-size:13px;color:var(--muted)}.file-name{margin-top:8px;font-size:12px;color:var(--accent)}.input-box{display:flex;flex-direction:column;gap:6px}.input-box textarea{resize:none;min-height:100px;max-height:200px;overflow-y:auto;line-height:1.5;transition:height .15s ease;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.input-box label{font-size:12px;color:var(--muted)}.input-box .label-row{display:flex;justify-content:space-between;align-items:center}.input-box .char-count{font-size:12px;color:var(--muted)}.input-box{background:#ffffff08;border:1px solid var(--glass-border);border-radius:14px;padding:10px;transition:.2s ease}.input-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px #6366f14d}textarea{width:100%;border:none;outline:none;background:transparent;color:var(--text);font-size:14px;padding:6px;min-height:100px}textarea::placeholder{color:var(--muted)}.submit-btn{margin-top:6px}@media(min-width:768px){.form-grid{flex-direction:row}.input-box{flex:1}}.report-page{width:100%;max-width:1100px;margin:0 auto;padding:20px}.top-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;margin-bottom:20px;align-items:stretch}.glass{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:16px}.btn{background:var(--primary);border:none;padding:8px 14px;border-radius:8px;color:#fff;cursor:pointer}.btn.secondary{background:var(--secondary)}.btn.ghost{background:transparent;border:1px solid var(--glass-border)}.badge{padding:4px 8px;border-radius:6px;font-size:12px}.badge.high{background:#ff4d4f}.badge.medium{background:#fa8c16}.badge.low{background:#fadb14}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.report-header .left{display:flex;gap:12px;align-items:center}.report-header .avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff}.report-header .right{display:flex;gap:10px}.match-card{display:flex;gap:20px;align-items:center;height:100%}.match-card .score-circle{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:6px}.match-card .score-circle .inner-circle{width:100%;height:100%;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:20px}.skill-gap{height:100%}.skill-gap h3{margin-bottom:12px}.skill-gap .skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.skill-gap .skill-card{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:var(--glass);border:1px solid var(--glass-border)}.skill-gap .skill-card p{font-size:14px;color:var(--text);flex:1;margin-right:8px}.skill-gap .skill-card .badge{font-size:11px;padding:4px 8px;border-radius:999px;white-space:nowrap}.skill-gap .skill-card .high{background:#ef444426;color:#ef4444}.skill-gap .skill-card .medium{background:#f59e0b26;color:#f59e0b}.skill-gap .skill-card .low{background:#22c55e26;color:#22c55e}.questions h3{margin-bottom:8px;font-size:20px}.tabs{display:inline-flex;background:#ffffff0d;padding:4px;border-radius:10px;margin:12px 0}.tabs button{padding:8px 14px;border:none;background:transparent;color:var(--muted);border-radius:8px;cursor:pointer;transition:all .2s ease}.tabs button.active{background:var(--primary);color:#fff}.tabs button:hover{color:var(--text)}.accordion{background:#ffffff08;border:1px solid var(--glass-border);border-radius:10px;padding:12px;margin-bottom:10px;transition:all .2s ease}.accordion:hover{border-color:var(--primary);transform:translateY(-1px)}.accordion-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion-header p{font-size:15px;font-weight:500}.accordion-header span{font-size:18px;color:var(--muted)}.accordion-body{margin-top:10px;padding-top:10px;border-top:1px solid var(--glass-border)}.accordion-body p{font-size:14px;margin-bottom:6px;color:var(--muted)}.accordion-body strong{color:var(--text)}.prep{margin-top:20px}.prep-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.prep-card{padding:16px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-border);transition:.25s ease}.prep-card:hover{transform:translateY(-4px);border-color:var(--primary)}.prep-header{margin-bottom:10px}.prep-header h4{font-size:15px;margin-top:10px}.day-badge{font-size:12px;padding:4px 8px;border-radius:6px;background:var(--gradient);color:#fff}.task-list{list-style:none}.task-list li{font-size:13px;color:var(--muted);margin-bottom:6px;padding-left:14px;position:relative}.task-list li:before{content:"•";position:absolute;left:0;color:var(--accent)}.drawer-overlay{position:fixed;inset:0;background:#02061799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9}.drawer{position:fixed;top:0;right:0;width:380px;max-width:100%;height:100%;transform:translate(100%);transition:transform .3s ease;z-index:10}.drawer.open{transform:translate(0)}.drawer-content{height:100%;display:flex;flex-direction:column;padding:18px}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.drawer-header h3{font-size:18px;font-weight:600}.close-btn{background:transparent;border:1px solid var(--glass-border);color:var(--muted);width:32px;height:32px;border-radius:8px;cursor:pointer;transition:.2s ease}.close-btn:hover{background:#ffffff0d;color:var(--text)}.drawer-body{flex:1;overflow-y:auto;padding-right:4px}.drawer-body::-webkit-scrollbar{width:6px}.drawer-body::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.input-block{margin-bottom:16px;padding:12px;border-radius:10px;background:#ffffff08;border:1px solid var(--glass-border)}.input-block h4{font-size:14px;margin-bottom:6px;color:var(--text)}.input-block p{font-size:13px;color:var(--muted);line-height:1.5;white-space:pre-wrap}@media(max-width:768px){.report-header{flex-direction:column;align-items:flex-start;gap:12px}.report-header .right{width:100%;display:flex;flex-direction:column;gap:8px}.report-header .btn{width:100%;text-align:center;font-size:13px}.report-header h2{font-size:18px}.report-header p{font-size:13px;color:var(--muted)}.top-grid{grid-template-columns:1fr}}.reports-page{display:flex;justify-content:center}.reports-container{width:100%;max-width:1100px;padding:20px}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.reports-header h2{font-size:22px}.reports-header p{font-size:13px;color:var(--muted)}.reports-header .header-actions{display:flex;gap:10px}.reports-toolbar{display:flex;gap:10px;margin-bottom:16px}.reports-toolbar input{flex:1;padding:10px;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text)}.reports-toolbar input::placeholder{color:var(--muted)}.reports-toolbar input:focus{outline:none;border-color:#6366f166}.dropdown{position:relative}.dropdown .trigger{padding:10px 14px;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff08;cursor:pointer;white-space:nowrap}.dropdown .menu{position:absolute;top:110%;right:0;min-width:140px;border-radius:10px;padding:6px;background:#020617;border:1px solid var(--glass-border);z-index:100}.dropdown .menu div{padding:8px;border-radius:6px;cursor:pointer}.dropdown .menu div:hover{background:#6366f11a;color:var(--primary)}.reports-table{display:flex;flex-direction:column;border-radius:14px}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr .6fr .6fr;padding:12px 16px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--glass-border)}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr .6fr .6fr;padding:14px 16px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);transition:.2s}.table-row:hover{background:#ffffff0a}.table-row h4{font-size:14px}.score{font-weight:600;color:var(--primary)}.actions{display:flex;gap:12px;justify-content:flex-end}.actions svg{cursor:pointer;color:var(--muted)}.actions svg:hover{color:var(--primary)}.menu-wrapper{position:relative}.menu-wrapper .menu{position:absolute;right:0;top:120%;min-width:120px;border-radius:10px;padding:6px;background:#020617;border:1px solid var(--glass-border)}.menu-wrapper .menu div{padding:8px;border-radius:6px;cursor:pointer}.menu-wrapper .menu div:hover{background:#6366f11a;color:var(--primary)}.skeleton-box{height:14px;border-radius:6px;background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d);background-size:200% 100%;animation:shimmer 1.2s infinite}.w-lg{width:60%}.w-md{width:40%}.w-sm{width:30%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pagination{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:10px}.pages{display:flex;gap:6px}.page-btn,.nav-btn{height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--muted);cursor:pointer}.page-btn:hover:not(:disabled),.nav-btn:hover:not(:disabled){background:#6366f11f;color:var(--primary)}.page-btn:disabled,.nav-btn:disabled{opacity:.3;cursor:not-allowed}.page-btn.active{background:var(--primary);color:#fff}.empty{text-align:center;margin:40px 0;color:var(--muted)}.mobile-only{display:none}@media(max-width:768px){.table-header span:nth-child(2),.table-header span:nth-child(3),.table-row>div:nth-child(2),.table-row>div:nth-child(3){display:none}.table-header{grid-template-columns:1.8fr .8fr .4fr}.table-row{grid-template-columns:1.8fr .8fr .4fr;align-items:center;gap:8px}.name h4{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score{font-size:13px}.actions{justify-content:flex-end;gap:10px}.menu-wrapper .menu{right:0;top:140%;min-width:140px;z-index:999}.menu-info{padding:6px 8px;font-size:12px;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.05)}.menu-info p{margin:2px 0}.menu-trigger{position:relative;z-index:2}.reports-toolbar{flex-direction:column}.mobile-only{display:block}}.button{height:44px;border-radius:14px;border:none;background:var(--gradient);color:#fff;font-size:1rem;font-weight:600;letter-spacing:.3px;transition:all .3s ease;position:relative;overflow:hidden}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:.5s}.button:hover:before{opacity:.5}.button:hover{cursor:pointer;transform:translateY(-1px);box-shadow:0 4px 12px #6366f140,0 2px 6px #9333ea33}.loader-wrapper{display:flex;height:100vh;align-items:center;justify-content:center;background:var(--glass)}.pl{width:6em;height:6em}.pl__ring{fill:none;stroke-width:20;stroke-linecap:round;stroke-dasharray:0 660;stroke-dashoffset:-330;animation:ringA 2s linear infinite}.pl__ring--a{stroke:#6366f1}.pl__ring--b{stroke:#9333ea;animation-name:ringB}.pl__ring--c{stroke:#22d3ee;animation-name:ringC}.pl__ring--d{stroke:#f43f5e;animation-name:ringD}@keyframes ringA{0%,4%{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-330}12%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-335}32%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-595}40%,54%{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-660}62%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-665}82%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-925}90%,to{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-990}}@keyframes ringB{0%,12%{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-110}20%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-115}40%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-195}48%,62%{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-220}70%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-225}90%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-305}98%,to{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-330}}@keyframes ringC{0%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:0}8%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-5}28%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-175}36%,58%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-220}66%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-225}86%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-395}94%,to{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-440}}@keyframes ringD{0%,8%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:0}16%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-5}36%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-175}44%,50%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-220}58%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-225}78%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-395}86%,to{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-440}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-soft: rgba(99, 102, 241, .12);--text-dim: #cbd5f5;--secondary: #9333ea;--accent: #22d3ee;--gradient: linear-gradient(135deg, #6366f1, #9333ea);--text: #e2e8f0;--muted: #94a3b8;--bg: #020617;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}html,body{height:100%;width:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}main{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.25),transparent 40%),radial-gradient(circle at 80% 30%,rgba(147,51,234,.25),transparent 40%),var(--bg)}