*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-primary:#000;--color-primary-hover:#1a1a1a;--color-accent:#ff6b2b;--color-accent-hover:#e85d20;--color-accent-light:#fff3ed;--color-background:#fafafa;--color-surface:#fff;--color-surface-hover:#f5f5f5;--color-border:#e5e5e5;--color-border-strong:#d4d4d4;--color-divider:#f0f0f0;--color-text:#0a0a0a;--color-text-secondary:#525252;--color-text-muted:#a3a3a3;--color-text-inverse:#fff;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#ea580c;--color-warning-bg:#fff7ed;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-info:#2563eb;--color-info-bg:#eff6ff;--font-primary:"Century Gothic", "CenturyGothic", "AppleGothic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--max-width:1400px;--sidebar-width:280px;--header-height:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a, 0 8px 10px #0000000a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-background);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-primary);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-primary);font-size:var(--text-base)}.container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.01em;border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){filter:brightness(1.2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-accent{background-color:var(--color-accent);color:#fff}.btn-accent:hover:not(:disabled){filter:brightness(.9);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent:active:not(:disabled){transform:translateY(0)}.btn-ai{background:linear-gradient(135deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 70%, white));color:#fff}.btn-ai:hover:not(:disabled){filter:brightness(1.15);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-ai:active:not(:disabled){transform:translateY(0)}.btn-outline{color:var(--color-text);border:1.5px solid var(--color-border-strong);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-text)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #ff6b2b1f}.form-input::placeholder{color:var(--color-text-muted)}.form-input.error{border-color:var(--color-error);box-shadow:0 0 0 3px #dc262614}.form-error{font-size:var(--text-xs);color:var(--color-error);font-weight:var(--font-medium)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.badge{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;align-items:center;display:inline-flex}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background-color:var(--color-error-bg);color:var(--color-error)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info)}.spinner{border:2.5px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-divider) 50%, var(--color-border) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-loader{justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;min-height:60vh;display:flex}.page-loader-bar{background-color:var(--color-border);border-radius:var(--radius-full);width:200px;height:3px;position:relative;overflow:hidden}.page-loader-bar:after{content:"";background-color:var(--color-accent);border-radius:var(--radius-full);width:50%;height:100%;animation:1.2s ease-in-out infinite loading-bar;position:absolute;top:0;left:-50%}@keyframes loading-bar{0%{left:-50%}to{left:100%}}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider);color:var(--color-text)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--color-surface-hover)}@media (max-width:1024px){:root{--sidebar-width:240px}.app-main{padding:var(--space-6)}}@media (max-width:768px){:root{--text-4xl:1.5rem;--text-3xl:1.25rem;--text-2xl:1.125rem;--sidebar-width:0px}.container{padding:0 var(--space-4)}.app-main{margin-left:0!important;padding:76px 16px 16px!important}.app-main>div>div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:12px!important}.app-main div[style*=space-between]{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.app-main div[style*="display: flex"][style*="gap: 12px"]{flex-wrap:wrap!important;width:100%!important}.app-main div[style*="display: flex"][style*="gap: 12px"]>a,.app-main div[style*="display: flex"][style*="gap: 16px"]>a{text-align:center!important;flex:1!important;justify-content:center!important;min-width:0!important}.app-main h1[style*="font-size: 32px"],.app-main h1[style*="font-size: 28px"]{font-size:22px!important}.app-main div[style*="border-left: 4px"]{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.app-main div[style*="border-left: 4px"]>a{text-align:center!important;border-radius:12px!important}.app-main div[style*=minmax\(300px],.app-main div[style*=minmax\(220px],.form-grid{grid-template-columns:1fr!important}.stats-grid{gap:var(--space-3)!important;grid-template-columns:1fr!important}.page-header{align-items:flex-start!important;gap:var(--space-3)!important;margin-bottom:var(--space-6)!important;flex-direction:column!important}.page-header-actions{flex-wrap:wrap!important;width:100%!important}.page-header-actions .btn{flex:1;min-width:120px}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto!important}.tabs::-webkit-scrollbar{display:none}.card{padding:var(--space-4)!important}.modal{width:95%!important;max-height:90vh!important}div[style*="position: fixed"][style*="z-index: 9999"]>div[style*="max-width: 550px"]{max-width:95vw!important;margin:0 8px!important}.table-wrapper{border-radius:var(--radius-md)}.table th,.table td{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.app-main table th:nth-child(n+4),.app-main table td:nth-child(n+4){display:none!important}.app-main div[style*="overflowX: auto"][style*="flex: 1"]{flex-direction:column!important;overflow:visible auto!important}.app-main div[style*="min-width: 320px"][style*="max-width: 320px"]{min-width:100%!important;max-width:100%!important;height:auto!important;max-height:400px!important}.app-main>div>div[style*="display: grid"][style*="280px"]{grid-template-columns:1fr!important;gap:16px!important}.app-main>div>div[style*="grid-template-columns: 1fr 340px"],.app-main>div>div[style*="grid-template-columns: 1fr 320px"],.app-main>div>div[style*="grid-template-columns: 1fr 300px"]{grid-template-columns:1fr!important}.app-main div[style*="flex-wrap: wrap"]{gap:6px!important}.app-main div[style*="flex-wrap: wrap"]>a,.app-main div[style*="flex-wrap: wrap"]>button{padding:6px 10px!important;font-size:12px!important}.app-main div[style*=minmax\(340px]{grid-template-columns:1fr!important}.app-main div[style*="overflow-x: auto"]{-webkit-overflow-scrolling:touch!important}.app-main div[style*="grid-template-columns: 1fr 1fr"],.app-main div[style*=minmax\(280px]{grid-template-columns:1fr!important}.toast-container{left:var(--space-4);right:var(--space-4)}.toast{max-width:100%}.app-main div[style*="grid-template-columns: 1fr auto auto auto"],.app-main div[style*="grid-template-columns: 1fr auto auto"]{grid-template-columns:1fr!important;gap:8px!important}.app-main div[style*="grid-template-columns: auto 2fr"],.app-main a[style*="grid-template-columns: auto 2fr"]{grid-template-columns:1fr!important;gap:12px!important}.app-main a.candidate-card[style*=grid-template-columns]{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:16px!important;padding:24px!important;display:flex!important}.app-main a.candidate-card .candidate-chevron{display:none!important}.app-main a.candidate-card .candidate-info,.app-main a.candidate-card .candidate-role,.app-main a.candidate-card .candidate-stage,.app-main a.candidate-card .candidate-score{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:4px!important;width:100%!important;display:flex!important}.app-main a.candidate-card .candidate-info>div,.app-main a.candidate-card .candidate-score>div{flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}.app-main div[style*="grid-template-columns: minmax(0"],.app-main div[style*="grid-template-columns: minmax(320px"],.app-main div[style*="grid-template-columns: repeat(auto-fill"],.app-main div[style*="grid-template-columns: repeat(auto-fit"],.app-main div[style*="grid-template-columns: minmax(320px, 350px) 1fr"],.app-main div[style*=minmax\(380px]{grid-template-columns:1fr!important}.app-main div[style*="display: flex"][style*="gap: 16px"][style*="align-items: center"]{flex-wrap:wrap!important}.app-main input[style*="max-width: 300px"],.app-main input[style*="max-width: 320px"],.app-main input[style*="max-width: 400px"],.app-main input[style*="width: 300px"],.app-main input[style*="width: 320px"]{width:100%!important;max-width:100%!important}.app-main select[style*="width: 160px"],.app-main select[style*="width: 180px"],.app-main select[style*="width: 200px"],.app-main select[style*=min-width]{width:100%!important;min-width:unset!important}.app-main input[style*="width: 120px"],.app-main input[style*="width: 100px"]{width:100%!important}.app-main,.app-main>div{max-width:100vw!important;overflow-x:hidden!important}.app-main a[style*="border-radius: 100px"]{padding:12px 20px!important;font-size:14px!important}.app-main div[style*="font-size: 40px"]{font-size:28px!important}.app-main .form-input{font-size:16px!important}.dash-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.dash-header h1{font-size:24px!important}.dash-actions{width:100%!important}.dash-actions>a{text-align:center!important;flex:1!important;justify-content:center!important}.dash-admin-banner{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.dash-admin-banner>a{text-align:center!important;border-radius:12px!important}.inbox-page{height:calc(100dvh - 108px)!important;overflow:hidden!important}.inbox-page .page-header{margin-bottom:12px!important}.inbox-page .page-header h1{font-size:20px!important}.inbox-grid{grid-template-columns:1fr!important;gap:0!important;overflow:hidden!important}.inbox-hide-mobile{display:none!important}.inbox-list,.inbox-detail{height:100%!important;min-height:0!important;overflow:hidden!important}.inbox-back-btn{display:flex!important}.inbox-bubble{max-width:100%!important}}.app-shell{min-height:100vh;display:flex}.app-main{min-width:0;margin-left:var(--sidebar-width);padding:var(--space-8);background-color:var(--color-background);flex:1;min-height:100vh}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.page-header h1{font-size:var(--text-2xl);font-weight:var(--font-bold)}.page-header-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.page-header-actions{gap:var(--space-3);align-items:center;display:flex}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);align-items:center;gap:var(--space-4);transition:all var(--transition-base);display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-top:var(--space-1);line-height:1}.tabs{border-bottom:2px solid var(--color-border);margin-bottom:var(--space-6);gap:0;display:flex}.tab{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px}.tab:hover{color:var(--color-text)}.tab-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.empty-state{padding:var(--space-16) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-4);opacity:.5;font-size:48px}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--space-6)}.btn-ai{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none}.btn-ai:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 15px #6366f14d}.score-badge{border-radius:var(--radius-full);width:36px;height:36px;font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff;justify-content:center;align-items:center;display:inline-flex}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-grid-full{grid-column:1/-1}.toast-container{top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);box-shadow:var(--shadow-lg);max-width:400px;animation:.3s slideIn}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-error);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:600px;max-height:85vh;animation:.2s scaleIn;overflow-y:auto}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.slider-group{margin-bottom:var(--space-3)}.slider-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.slider-label{font-size:var(--text-xs);font-weight:var(--font-semibold)}.slider-value{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-accent)}.slider-input{width:100%;accent-color:var(--color-accent);cursor:pointer}.slider-hint{color:var(--color-text-muted);margin-top:2px;font-size:10px}
