*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{max-width:900px;margin:0 auto;padding:2rem 1rem}.app-header{text-align:center;margin-bottom:2rem}.header-top{justify-content:space-between;align-items:center;display:flex}.header-user{color:#666;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.app-header h1{color:#1a1a1a;font-size:1.8rem}.app-header p{color:#666;margin-top:.25rem}.login-container{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 1px 3px #0000001a}.login-card h1{margin-bottom:.25rem;font-size:1.5rem}.login-subtitle{color:#888;margin-bottom:1.5rem}.login-field{text-align:left;margin-bottom:1rem}.login-field label{margin-bottom:.35rem;font-size:.9rem;font-weight:600;display:block}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.dashboard-header h2{font-size:1.3rem}.dashboard-empty{text-align:center;color:#888;padding:3rem 2rem}.dashboard-list{flex-direction:column;gap:.5rem;display:flex}.dashboard-item{cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000f}.dashboard-item:hover{box-shadow:0 2px 8px #0000001f}.dashboard-item-main{flex-direction:column;gap:.15rem;display:flex}.dashboard-item-main strong{font-size:.95rem}.dashboard-item-job{color:#888;text-overflow:ellipsis;white-space:nowrap;max-width:400px;font-size:.8rem;overflow:hidden}.dashboard-item-meta{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.dashboard-mode{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.dashboard-mode.interviewer{color:#1e40af;background:#eff6ff}.dashboard-mode.candidate{color:#166534;background:#f0fdf4}.dashboard-date{color:#999;font-size:.75rem}.upload-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.upload-field{margin-bottom:1.5rem}.upload-field label{margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.drop-zone{text-align:center;cursor:pointer;border:2px dashed #d0d0d0;border-radius:8px;padding:2rem;transition:border-color .2s,background .2s}.drop-zone:hover{background:#f8f7ff;border-color:#4f46e5}.drop-zone.has-file{background:#f0fdf4;border-color:#22c55e}.text-input{border:1px solid #d0d0d0;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.text-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.text-input::placeholder{color:#aaa}.drop-zone .placeholder{color:#999}.drop-zone .file-name{color:#22c55e;font-weight:600}.btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;width:100%;padding:.85rem;font-size:1rem;font-weight:600;transition:background .2s;display:block}.btn-primary:hover:not(:disabled){background:#4338ca}.btn-primary:disabled{cursor:not-allowed;background:#c7c5f0}.btn-secondary{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #4f46e5;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background .2s}.btn-secondary:hover{background:#f8f7ff}.mode-toggle{margin-bottom:1.5rem}.mode-label{margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.mode-options{border:1px solid #d0d0d0;border-radius:8px;gap:0;display:flex;overflow:hidden}.mode-btn{cursor:pointer;color:#666;background:#fff;border:none;flex:1;padding:.65rem 1rem;font-size:.9rem;font-weight:500;transition:background .2s,color .2s}.mode-btn+.mode-btn{border-left:1px solid #d0d0d0}.mode-btn.active{color:#fff;background:#4f46e5}.mode-hint{color:#888;margin-top:.5rem;font-size:.8rem}.loading{text-align:center;padding:4rem 2rem}.spinner{border:4px solid #e0e0e0;border-top-color:#4f46e5;border-radius:50%;width:48px;height:48px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:#333;font-size:1.1rem}.loading-sub{margin-top:.25rem;color:#999!important;font-size:.875rem!important}.report-view{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.report-tabs{border-bottom:2px solid #eee;display:flex}.tab-btn{color:#888;cursor:pointer;background:#fff;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:.85rem 1rem;font-size:.95rem;font-weight:600;transition:color .2s,border-color .2s}.tab-btn:hover{color:#4f46e5}.tab-btn.active{color:#4f46e5;border-bottom-color:#4f46e5}.scorecard-loading{text-align:center;padding:3rem 2rem}.scorecard-loading p{color:#666;margin-top:.5rem;font-size:1rem}.sc-item{border-left:3px solid;margin-bottom:.75rem;padding:.6rem .75rem .6rem 10px;line-height:1.5}.sc-item .sc-label{letter-spacing:.05em;text-transform:uppercase;margin-bottom:.2rem;font-size:.7rem;font-weight:700;display:block}.sc-strong{border-left-color:#639922}.sc-strong .sc-label{color:#3b6d11}.sc-gap{border-left-color:#ef9f27}.sc-gap .sc-label{color:#854f0b}.sc-transfer{border-left-color:#378add}.sc-transfer .sc-label{color:#185fa5}.report-actions{border-bottom:1px solid #eee;gap:.75rem;padding:1rem 1.5rem;display:flex}.report-content{padding:2rem 1.5rem}.report-content h2{color:#1a1a1a;border-bottom:2px solid #4f46e5;margin-top:2rem;margin-bottom:.75rem;padding-bottom:.5rem}.report-content h2:first-child{margin-top:0}.report-content ol,.report-content ul{margin-bottom:1rem;padding-left:1.5rem}.report-content li{margin-bottom:.5rem}.report-content p{margin-bottom:1rem}.report-meta{color:#999;text-align:right;border-top:1px solid #eee;padding:.75rem 1.5rem;font-size:.8rem}.error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.error-banner button{color:#dc2626;cursor:pointer;background:0 0;border:none;font-weight:600}.info-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem}.info-banner ul{margin:.25rem 0 0;padding-left:1.25rem}.info-banner li{margin-bottom:.15rem}.credits-banner{text-align:center;border-radius:8px;margin-bottom:1rem;padding:.65rem 1rem;font-size:.9rem}.credits-green{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.credits-amber{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.credits-red{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.admin-card{background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.admin-card h3{margin-bottom:1rem;font-size:1rem}.invite-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.invite-form .text-input{flex:1;min-width:180px}.invite-form select{min-width:100px}.invite-link-box{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.invite-link-box .text-input{flex:1;font-size:.8rem}.admin-user-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.admin-user-row:last-child{border-bottom:none}.admin-user-info{flex-direction:column;flex:1;gap:.1rem;display:flex}.admin-user-email{color:#888;font-size:.8rem}.admin-user-badges{gap:.35rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:600}.badge-role-admin{color:#92400e;background:#fef3c7}.badge-role-guest{color:#6b7280;background:#f3f4f6}.badge-type-trial{color:#1e40af;background:#eff6ff}.badge-type-full{color:#166534;background:#f0fdf4}.badge-type-admin{color:#92400e;background:#fef3c7}.admin-user-credits{flex-direction:column;align-items:flex-end;min-width:100px;font-size:.85rem;display:flex}.admin-user-usage{color:#999;font-size:.75rem}.btn-danger{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:background .2s}.btn-danger:hover{background:#fef2f2}