:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fffdf9;--bg-soft:#fff3e2;--surface:#ffffffc7;--surface-strong:#fffffff0;--text:#2f3035;--muted:#6f6664;--line:#573a2b21;--primary:#f47b20;--primary-2:#ffc943;--accent:#b0005a;--green:#16a34a;--shadow:0 24px 90px #743c1621;--radius-lg:30px;--radius-md:22px;--container:min(1180px, calc(100% - 48px));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10070d;--bg-soft:#1b0f16;--surface:#ffffff13;--surface-strong:#ffffff1f;--text:#fff8f3;--muted:#d6b9ad;--line:#ffffff24;--primary:#ff8d3c;--primary-2:#facc15;--accent:#d0006f;--shadow:0 24px 90px #0000005c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 10%, #ffc9432e, transparent 28%), radial-gradient(circle at 85% 18%, #f47b2029, transparent 26%), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}#root>main{flex:1}body{color:var(--text);overflow-x:hidden}body:before{z-index:-2;pointer-events:none;content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), radial-gradient(circle at center, #ffc9431f, transparent 40%);background-size:92px 92px,92px 92px,100% 100%;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#00000057,#0000 74%);mask-image:linear-gradient(#00000057,#0000 74%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary-2), white 22%);outline-offset:4px}a:focus-visible{outline:3px solid color-mix(in srgb, var(--primary-2), white 22%);outline-offset:4px}input:focus-visible{outline:3px solid color-mix(in srgb, var(--primary-2), white 22%);outline-offset:4px}.container{width:var(--container);margin-inline-start:auto;margin-inline-end:auto}.auth-card-wrap{place-items:center;min-height:calc(100vh - 128px);display:grid;position:relative}.auth-theme{position:absolute;top:0;right:0}.loader{z-index:1000;pointer-events:none;background:var(--bg);place-items:center;animation:.9s .65s forwards loaderExit;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loader span{border:2px solid var(--line);border-top-color:var(--primary-2);border-radius:999px;width:48px;height:48px;animation:.8s linear infinite spin}.site-header{z-index:100;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg), transparent 8%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;box-shadow:0 12px 42px #743c161a}.nav{justify-content:space-between;align-items:center;gap:20px;min-height:76px;display:flex}.brand,.nav-links,.nav-actions,.hero-actions,.hero-proof,.status-row,.metric-row,.footer-layout,.form-row,.permission-row,.workspace-top,.panel-heading,.compact-row,.employee-row{align-items:center;display:flex}.brand{letter-spacing:-.02em;gap:10px;font-weight:750}.brand-logo{object-fit:contain;filter:drop-shadow(0 12px 18px #f47b203d);width:48px;height:48px}.nav-links{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;gap:4px;padding:6px}.nav-links a{color:var(--muted);border-radius:999px;padding:9px 14px;font-size:.92rem;transition:color .18s,background .18s}.nav-links a:hover{color:var(--text);background:linear-gradient(135deg,#ffc9433d,#f47b2024)}.nav-actions{gap:10px}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--text);background:var(--surface);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;place-items:center;display:grid}.menu-button{display:none}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#27140a;background:linear-gradient(135deg, var(--primary-2), var(--primary));box-shadow:0 18px 40px #f47b2040}.button-secondary{color:var(--text);border-color:var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.button-danger{color:#fff;border-color:color-mix(in srgb, #ef4444, var(--line) 40%);background:linear-gradient(135deg, #ef4444, var(--accent));box-shadow:0 18px 40px #ef44442e}.section-shell{padding:104px 0;position:relative}.content-section.alt,.dashboard-section.alt{background:color-mix(in srgb, var(--bg-soft), transparent 40%)}.hero{align-items:center;min-height:calc(100vh - 76px);display:grid;overflow:hidden}.auth-only{min-height:auto}.auth-top{justify-content:space-between;align-items:center;gap:18px;margin-bottom:48px;display:flex}.auth-error{color:#fecaca;background:#dc26261f;border:1px solid #dc26264d;border-radius:16px;padding:12px 14px}.toast-viewport{z-index:2000;pointer-events:none;gap:12px;width:min(390px,100vw - 32px);display:grid;position:fixed;bottom:22px;right:22px}.toast{border:1px solid var(--line);color:var(--text);background:linear-gradient(145deg, color-mix(in srgb, var(--bg-soft), white 8%), color-mix(in srgb, var(--bg), var(--primary) 8%));pointer-events:auto;border-radius:22px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;animation:.26s both toastIn;display:grid;box-shadow:0 24px 70px #00000057}.toast-icon{color:#fff;border-radius:15px;place-items:center;width:42px;height:42px;display:grid}.toast-success{border-color:color-mix(in srgb, var(--green), var(--line) 45%)}.toast-success .toast-icon{background:linear-gradient(135deg, var(--green), #22c55e)}.toast-error{border-color:color-mix(in srgb, #ef4444, var(--line) 42%)}.toast-error .toast-icon{background:linear-gradient(135deg, #ef4444, var(--accent))}.toast strong{margin-bottom:3px;font-size:.94rem;display:block}.toast p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.4}.toast button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;transition:color .16s,background .16s;display:grid}.toast button:hover{color:var(--text);background:var(--surface)}.modal-backdrop{z-index:2100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#10070db8;place-items:center;padding:24px;animation:.18s both toastIn;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.confirm-modal{border:1px solid color-mix(in srgb, #ef4444, var(--line) 38%);width:min(440px,100%);color:var(--text);background:linear-gradient(145deg, color-mix(in srgb, var(--bg-soft), var(--primary) 10%), color-mix(in srgb, var(--bg), var(--accent) 10%));border-radius:30px;padding:26px;position:relative;box-shadow:0 34px 90px #0000006b}.confirm-close{position:absolute;top:18px;right:18px}.confirm-icon{color:#fff;background:linear-gradient(135deg, #ef4444, var(--accent));border-radius:20px;place-items:center;width:56px;height:56px;margin-bottom:18px;display:grid;box-shadow:0 18px 42px #ef444438}.confirm-modal h3{letter-spacing:-.05em;margin-bottom:10px;font-size:1.55rem}.confirm-modal p{color:var(--muted);margin-bottom:24px;line-height:1.6}.confirm-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-screen{align-items:center;min-height:100vh;padding:32px 0;display:grid;position:relative;overflow:hidden}.session-pill{border:1px solid var(--line);min-height:42px;color:var(--muted);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.9rem;font-weight:700;display:inline-flex}.hero-bg{z-index:-1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.orb{filter:blur(14px);opacity:.45;border-radius:999px;width:360px;height:360px;position:absolute}.orb-one{background:radial-gradient(circle,#ffc943cc,#0000 68%);top:8%;right:8%}.orb-two{background:radial-gradient(circle,#b0005a73,#0000 68%);bottom:10%;left:6%}.grid-glow{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff14,#0000);border-radius:40px;position:absolute;top:12%;bottom:12%;left:12%;right:12%;transform:rotate(-2deg)}.hero-layout,.login-layout,.two-column{grid-template-columns:1.08fr .92fr;align-items:center;gap:58px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:850}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.075em;max-width:780px;margin-bottom:22px;font-size:clamp(3rem,7vw,6.7rem);line-height:.88}h2{letter-spacing:-.055em;margin-bottom:18px;font-size:clamp(2rem,4vw,4rem);line-height:.98}h3{letter-spacing:-.02em;margin-bottom:10px;font-size:1.1rem}.hero-text,.section-copy,.feature-card p,.login-card label,.panel small,.announcement-grid p{color:var(--muted);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px}.hero-proof{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:26px;font-size:.92rem}.hero-proof span{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 12px}.hero-visual{min-height:520px;position:relative}.glass-panel,.feature-card,.panel,.stat-card,.login-card,.floating-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.hero-card-main{border-radius:var(--radius-lg);padding:30px;position:absolute;top:80px;bottom:auto;left:20px;right:40px}.status-row{color:var(--muted);gap:10px;font-weight:700}.pulse-dot{background:var(--green);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 8px #16a34a1f}.visual-stack{gap:14px;margin:42px 0;display:grid}.visual-stack span{background:linear-gradient(135deg,#ffc94359,#f47b2021);border-radius:18px;height:58px}.visual-stack span:nth-child(2){width:78%}.visual-stack span:nth-child(3){width:58%}.metric-row{justify-content:space-between;gap:20px}.metric-row strong{letter-spacing:-.08em;font-size:4rem}.metric-row span{color:var(--muted)}.floating-card{border-radius:20px;padding:16px 18px;font-weight:800;position:absolute}.card-a{top:16px;right:0}.card-b{bottom:66px;left:0}.section-heading{text-align:center;max-width:760px}.card-grid{gap:18px;margin-top:34px;display:grid}.card-grid.four{grid-template-columns:repeat(4,1fr)}.feature-card{border-radius:var(--radius-md);min-height:240px;padding:26px}.login-card-centered{text-align:left;border-radius:34px;justify-items:stretch;width:min(100%,460px);padding:38px}.login-card-centered>img{object-fit:contain;filter:drop-shadow(0 18px 24px #f47b203d);justify-self:center;width:96px;height:96px;margin-bottom:6px}.login-card-centered h1{text-align:center;letter-spacing:-.06em;margin:0;font-size:clamp(2.15rem,5vw,3rem);line-height:.98}.login-card-centered p{text-align:center;color:var(--muted);margin:0 0 14px;font-size:.98rem}.login-card-centered label{color:var(--muted);text-align:left;gap:8px;font-size:.88rem;font-weight:700;display:grid}.login-card input[type=email],.login-card input[type=password]{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);background:var(--surface-strong);border-radius:14px;margin-top:8px;padding:0 14px}.login-card-centered input[type=email],.login-card-centered input[type=password]{border-radius:18px;min-height:54px;margin-top:0;font-size:.98rem}.login-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}.login-actions .button{border-radius:18px;width:100%;min-height:52px;padding-inline-start:16px;padding-inline-end:16px}.microsoft-button{color:var(--text);border-color:color-mix(in srgb, var(--line), var(--primary) 20%);background:linear-gradient(135deg, var(--surface-strong), color-mix(in srgb, var(--surface-strong), var(--primary-2) 8%));font-weight:800;box-shadow:inset 0 1px #ffffff2e}.microsoft-button:hover{border-color:color-mix(in srgb, var(--primary), white 12%);box-shadow:0 16px 32px #f47b2021}.microsoft-mark{background:#ffffff8c;border-radius:4px;grid-template-columns:1fr 1fr;gap:2px;width:19px;height:19px;padding:1px;display:grid;box-shadow:0 6px 14px #00000014}.microsoft-mark i{border-radius:1.5px}.microsoft-mark i:first-child{background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}.permission-row{border:1px solid var(--line);background:var(--surface);border-radius:18px;align-items:flex-start;gap:12px;padding:16px}.permission-row svg{color:var(--green);flex:none;margin-top:4px}.permission-row strong{color:var(--text);display:block}.app-shell{grid-template-columns:260px 1fr;align-items:start;gap:18px;display:grid}.sidebar,.workspace{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.sidebar{padding:18px;position:sticky;top:96px}.sidebar-brand{margin-bottom:22px}.sidebar-nav{gap:6px;display:grid}.sidebar-nav a,.sidebar-nav button{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:11px;padding:12px;font-weight:700;display:flex}.sidebar-nav a:hover,.sidebar-nav button:hover,.sidebar-nav .is-active{color:var(--text);background:#f47b201c}.workspace{padding:22px;overflow:visible}.workspace-top{justify-content:space-between;gap:18px;margin-bottom:18px}.workspace-top h2{margin-bottom:0;font-size:clamp(1.8rem,3vw,3rem)}.search-box{border:1px solid var(--line);min-width:310px;color:var(--muted);background:var(--surface-strong);border-radius:999px;align-items:center;gap:10px;padding:13px 14px;display:flex}.search-box input{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-weight:750}.search-box input::placeholder{color:var(--muted)}.search-box:focus-within{border-color:color-mix(in srgb, var(--primary), var(--line) 42%);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary), transparent 88%)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card{border-radius:20px;padding:18px}.stat-card svg{color:var(--primary)}.stat-card strong{letter-spacing:-.06em;margin-top:18px;font-size:2rem;display:block}.stat-card span,.stat-card small{color:var(--muted);display:block}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{border-radius:22px;padding:20px}.panel+.panel{margin-top:18px}.panel.wide{min-width:0}.panel-heading{justify-content:space-between;gap:16px}.compact-row{border-top:1px solid var(--line);justify-content:space-between;gap:14px;padding:13px 0}.compact-row:first-of-type{border-top:0}.compact-row strong,.compact-row small{display:block}.compact-row b{color:var(--accent);font-size:.78rem}.user-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:18px;padding:16px 0;display:grid}.user-row:first-of-type{border-top:0}.user-row-main{gap:4px;min-width:0;display:grid}.user-row-main strong,.user-row-main small{display:block}.user-row-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-row-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.user-row-actions .status{margin-right:2px}.employee-table{gap:10px;display:grid}.employee-row{border:1px solid var(--line);background:var(--surface-strong);border-radius:18px;grid-template-columns:44px 1.4fr 1fr 1fr auto;gap:14px;padding:12px;display:grid}.avatar{color:#fff;background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:14px;place-items:center;width:44px;height:44px;font-size:.85rem;font-weight:900;display:grid}.avatar-lg{border-radius:20px;width:62px;height:62px;font-size:1rem}.employee-card-grid,.candidate-card-grid,.interview-card-grid{grid-template-columns:1fr;gap:16px;display:grid}.employee-card,.candidate-card,.interview-card{z-index:1;border:1px solid var(--line);background:linear-gradient(145deg, var(--surface-strong), color-mix(in srgb, var(--surface), var(--primary) 5%));border-radius:28px;align-content:start;gap:18px;min-height:auto;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 18px 44px #0000001f}.employee-card:hover,.candidate-card:hover,.interview-card:hover{border-color:color-mix(in srgb, var(--primary), var(--line) 48%);transform:translateY(-2px);box-shadow:0 24px 60px #f47b2021}.employee-card.is-expanded,.candidate-card.is-expanded,.interview-card.is-expanded{z-index:10;border-color:color-mix(in srgb, var(--primary), white 10%);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-strong), var(--primary) 8%), color-mix(in srgb, var(--surface), var(--accent) 7%));grid-column:1/-1;min-height:auto;padding:24px;overflow:visible}.edit-card-actions{gap:8px;display:flex}.edit-card-button{background:color-mix(in srgb, var(--surface-strong), white 6%);flex:none}.employee-card-top,.candidate-card-top,.interview-card-top{justify-content:flex-start;align-items:flex-start;gap:14px;display:flex}.candidate-card-top-left{align-items:flex-start;gap:14px;display:flex}.candidate-card-tags{gap:7px;padding-top:8px;display:grid}.candidate-card-tags small{color:var(--muted);font-size:.82rem;font-weight:800}.candidate-card-summary{grid-template-columns:minmax(0,1fr) minmax(260px,36%);align-items:start;gap:20px;display:grid}.candidate-card-main{align-content:start;gap:16px;display:grid}.candidate-card-side{align-content:start;justify-items:end;gap:52px;min-height:0;display:grid}.employee-card-summary{grid-template-columns:minmax(0,1fr) minmax(260px,36%);align-items:start;gap:20px;display:grid}.employee-card-main{align-content:start;gap:16px;display:grid}.employee-card-side{align-content:start;justify-items:end;gap:52px;min-height:0;display:grid}.employee-card-controls{justify-content:flex-end;align-items:center;gap:12px;display:flex}.employee-tenure{color:var(--muted);align-self:flex-start;padding-top:12px;font-size:.84rem;font-weight:800}.employee-card-body h4,.candidate-card-body h4,.interview-card-body h4{letter-spacing:-.04em;margin:0;font-size:1.25rem}.employee-card-body p,.candidate-card-body p,.interview-card-body p{color:var(--text);margin:6px 0;font-weight:800}.employee-card-body span,.employee-meta small,.candidate-card-body span,.candidate-meta small,.interview-card-body small,.interview-meta small{color:var(--muted);font-size:.92rem}.employee-salary-display{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.salary-display-inline{align-items:center;gap:6px;display:flex}.salary-item{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong), white 4%);border-radius:18px;justify-content:space-between;align-items:center;gap:6px;min-width:116px;padding:10px 14px;display:flex}.salary-item small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.salary-item strong{color:#fff;letter-spacing:-.02em;font-size:.85rem}.employee-meta,.candidate-meta,.interview-meta{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.candidate-meta{flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:4px}.candidate-meta span{font-size:.92rem}.employee-card-side .employee-meta{justify-content:flex-end;padding-top:0}.employee-edit-panel,.candidate-edit-panel,.interview-edit-panel{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:14px;padding-top:18px;display:grid}.employee-edit-panel label,.candidate-edit-panel label,.interview-edit-panel label{color:var(--muted);gap:8px;font-size:.84rem;font-weight:800;display:grid}.form-note,.field-note{color:var(--muted);margin:0;font-size:.82rem;font-weight:700}.admin-form .form-note{grid-column:1/-1}.field-note{margin-top:-4px}.employee-edit-panel input,.employee-edit-panel select,.candidate-edit-panel input,.candidate-edit-panel select,.interview-edit-panel input,.interview-edit-panel select,.interview-edit-panel textarea{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);background:color-mix(in srgb, var(--surface-strong), white 4%);border-radius:16px;padding:0 13px;transition:border-color .18s,box-shadow .18s,background .18s}.employee-edit-panel input:focus,.employee-edit-panel select:focus,.candidate-edit-panel input:focus,.candidate-edit-panel select:focus,.interview-edit-panel input:focus,.interview-edit-panel select:focus,.interview-edit-panel textarea:focus{border-color:color-mix(in srgb, var(--primary), var(--line) 50%);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary), transparent 85%);background:color-mix(in srgb, var(--surface-strong), white 8%);outline:none}.employee-edit-panel select,.candidate-edit-panel select,.interview-edit-panel select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f47b20' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.employee-edit-panel select:hover,.candidate-edit-panel select:hover,.interview-edit-panel select:hover{border-color:color-mix(in srgb, var(--primary), var(--line) 40%)}.employee-edit-panel select option,.candidate-edit-panel select option,.interview-edit-panel select option{color:var(--text);background:var(--bg)}.candidate-edit-panel button.button-primary{grid-column:span 1;height:40px;padding:0 24px;font-size:.9rem}.styled-dropdown{z-index:30;width:100%;position:relative}.styled-dropdown.is-open{z-index:999}.styled-dropdown-trigger{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);background:color-mix(in srgb, var(--surface-strong), white 4%);font:inherit;cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-weight:800;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.styled-dropdown-trigger:hover,.styled-dropdown.is-open .styled-dropdown-trigger{border-color:color-mix(in srgb, var(--primary), var(--line) 38%);background:color-mix(in srgb, var(--surface-strong), white 8%);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary), transparent 88%)}.styled-dropdown-trigger svg{color:var(--primary);transition:transform .18s}.styled-dropdown.is-open .styled-dropdown-trigger svg{transform:rotate(180deg)}.styled-dropdown-menu{z-index:999;border:1px solid color-mix(in srgb, var(--primary), var(--line) 35%);background:linear-gradient(145deg, color-mix(in srgb, var(--bg-soft), var(--primary) 14%), color-mix(in srgb, var(--bg-soft), white 8%));border-radius:18px;gap:4px;max-height:280px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 22px 55px #00000052}.styled-dropdown-menu button{min-height:40px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-weight:800;transition:background .16s,color .16s,transform .16s;display:flex}.styled-dropdown-menu button:hover{background:color-mix(in srgb, var(--primary), transparent 84%);transform:translate(2px)}.styled-dropdown-menu button.is-selected{color:#fff;background:linear-gradient(135deg, var(--primary), var(--accent));box-shadow:0 10px 24px #f47b202e}.styled-dropdown-menu button svg{flex:none}.employee-save{align-self:end;min-height:48px}.employee-actions{grid-template-columns:1fr 1fr;align-self:end;gap:10px;display:grid}.employee-actions .button,.cv-view-button{min-height:48px}.admin-table{gap:12px;display:grid}.admin-record{border:1px solid var(--line);background:var(--surface-strong);border-radius:22px;grid-template-columns:44px repeat(3,minmax(130px,1fr)) 150px auto;align-items:center;gap:10px;padding:14px;display:grid}.admin-record.candidate-record{grid-template-columns:1.5fr 180px 150px auto}.admin-record input,.admin-record select,.admin-form input,.admin-form select,.interview-card input,.interview-card select,.interview-card textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:color-mix(in srgb, var(--surface-strong), white 3%);border-radius:14px;padding:0 12px;transition:border-color .18s,box-shadow .18s,background .18s}.admin-record input::placeholder,.admin-form input::placeholder,.interview-card input::placeholder,.interview-card textarea::placeholder{color:color-mix(in srgb, var(--text), transparent 28%);opacity:1}.admin-record input:focus,.admin-record select:focus,.admin-form input:focus,.admin-form select:focus,.interview-card input:focus,.interview-card select:focus,.interview-card textarea:focus{border-color:color-mix(in srgb, var(--primary), var(--line) 50%);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary), transparent 85%);background:color-mix(in srgb, var(--surface-strong), white 8%);outline:none}.admin-record select,.admin-form select,.interview-card select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f47b20' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.admin-record select:hover,.admin-form select:hover,.interview-card select:hover{border-color:color-mix(in srgb, var(--primary), var(--line) 40%)}.admin-record select option,.admin-form select option,.interview-card select option{color:var(--text);background:var(--bg)}.admin-form{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.admin-form .button{min-height:46px}.switch-field{border:1px solid var(--line);min-height:46px;color:var(--text);background:color-mix(in srgb, var(--surface-strong), white 3%);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-weight:800;display:flex}.switch-field input{opacity:0;pointer-events:none;position:absolute}.switch-field i{background:color-mix(in srgb, var(--muted), transparent 68%);border-radius:999px;flex:none;width:48px;height:28px;transition:background .18s,box-shadow .18s;position:relative}.switch-field i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:4px;left:4px;box-shadow:0 4px 12px #00000047}.switch-field input:checked+i{background:linear-gradient(135deg, var(--primary), var(--accent));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary), transparent 84%)}.switch-field input:checked+i:after{transform:translate(20px)}.expenses-layout{gap:22px;display:grid}.expenses-layout .panel{margin:0}.expenses-stats{gap:18px}.expenses-grid{align-items:stretch;gap:22px}.expenses-grid .panel{min-height:314px}.expense-form{grid-template-columns:1fr 1fr;align-items:start;margin-top:18px}.expense-form input:first-child{grid-column:1/-1}.expenses-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--surface-strong), var(--primary) 12%), color-mix(in srgb, var(--surface), var(--accent) 10%));justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.expenses-hero label{min-width:190px;color:var(--muted);gap:8px;font-weight:800;display:grid}.expenses-hero input{border:1px solid var(--line);min-height:46px;color:var(--text);background:color-mix(in srgb, var(--surface-strong), white 5%);border-radius:15px;padding:0 13px}.expense-calendar{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.expense-day{background:var(--surface);border-radius:14px;flex-direction:column;gap:6px;padding:10px;display:flex}.expense-day strong{color:var(--muted);font-size:.85rem}.expense-pill{white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:6px 10px;font-size:.76rem;font-weight:700;display:flex}.expense-pill.salary{background:color-mix(in srgb, var(--accent), var(--line) 50%);color:#fff}.expense-pill.recurring{background:color-mix(in srgb, var(--primary), var(--line) 50%);color:#fff}.expense-pill.one-time{background:var(--surface-strong);color:var(--text)}.expense-list{gap:12px;display:grid}.expense-row{border:1px solid var(--line);background:var(--surface-strong);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.expense-row.salary-row{background:linear-gradient(145deg, color-mix(in srgb, var(--surface-strong), var(--accent) 8%), color-mix(in srgb, var(--surface), var(--primary) 5%));border-color:color-mix(in srgb, var(--accent), white 10%)}.expense-row-main{align-items:center;gap:12px;display:flex}.expense-row-main div{gap:4px;display:grid}.expense-row-main strong{letter-spacing:-.02em;font-size:1rem}.expense-row-main small{color:var(--muted);font-size:.88rem}.expense-tag{background:color-mix(in srgb, var(--primary), var(--line) 60%);color:var(--text);border-radius:10px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-block}.expense-row-meta{align-items:center;gap:14px;display:flex}.expense-row-meta b{font-size:.78rem}.expense-row-meta span{color:var(--muted);font-size:.85rem}.expense-row-meta strong{letter-spacing:-.02em;color:#fff;font-size:1rem}.empty-state{color:var(--muted);text-align:center;place-items:center;gap:14px;padding:40px;display:grid}.empty-state svg{opacity:.4}.upload-button{border:1px solid var(--line);min-height:48px;color:var(--text);background:color-mix(in srgb, var(--surface-strong), white 4%);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:800;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s;display:inline-flex}.upload-button svg{flex:none}.upload-button:hover{border-color:color-mix(in srgb, var(--primary), var(--line) 38%);background:color-mix(in srgb, var(--surface-strong), white 8%);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary), transparent 88%);transform:translateY(-2px)}.upload-button input{display:none}.cv-actions{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;align-self:end;gap:10px;display:grid}.cv-actions .button,.cv-actions .upload-button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;display:flex}.add-candidate-upload{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.interview-board{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.interview-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:24px;gap:14px;padding:18px;display:grid}.interview-card h4{margin:0 0 6px}.interview-card small{color:var(--muted);display:block}.interview-card textarea{resize:vertical;min-height:92px;padding:12px}.score-row{grid-template-columns:110px 1fr;gap:10px;display:grid}.status{color:var(--green);background:#16a34a1f;border-radius:999px;padding:7px 10px;font-size:.78rem}.status.onboarding{color:var(--accent);background:#b0005a1c}.status.applied,.status.screening,.status.interview,.status.technical-interview{color:var(--primary);background:#f47b201f}.status.final-review,.status.hired{color:var(--green);background:#16a34a1f}.status.rejected{color:var(--danger);background:#ef44441f}.announcement-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.announcement-grid article{border:1px solid var(--line);background:var(--surface-strong);border-radius:18px;padding:18px}.announcement-settings{border-top:1px solid var(--line);gap:14px;margin-top:16px;padding-top:16px;display:grid}.announcement-settings label{color:var(--muted);gap:8px;font-size:.84rem;font-weight:800;display:grid}.announcement-settings textarea{border:1px solid var(--line);width:100%;min-height:80px;color:var(--text);background:color-mix(in srgb, var(--surface-strong), white 4%);resize:vertical;border-radius:16px;padding:10px 13px;font-family:inherit;font-size:.9rem}.announcement-settings textarea:focus{border-color:color-mix(in srgb, var(--primary), var(--line) 50%);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary), transparent 85%);background:color-mix(in srgb, var(--surface-strong), white 8%);outline:none}.welcome-panel{background:color-mix(in srgb, var(--primary), var(--bg) 8%);border-color:var(--primary)}.welcome-panel h3{color:var(--primary);margin:0 0 12px}.welcome-panel p{margin:0;line-height:1.6}.site-footer{border-top:1px solid var(--line);padding:30px 0}.footer-layout{color:var(--muted);justify-content:space-between;gap:20px}[data-reveal]{opacity:0;transition:opacity .62s ease var(--reveal-delay,0s), transform .62s ease var(--reveal-delay,0s);transform:translateY(20px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loaderExit{to{opacity:0;visibility:hidden}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1050px){.hero-layout,.login-layout,.two-column,.app-shell,.dashboard-grid,.interview-board{grid-template-columns:1fr}.card-grid.four,.stats-grid,.announcement-grid,.employee-card-grid,.candidate-card-grid,.interview-card-grid{grid-template-columns:repeat(2,1fr)}.sidebar{position:static}.admin-record,.admin-record.candidate-record,.admin-form,.employee-card-summary,.candidate-card-summary,.employee-edit-panel,.candidate-edit-panel,.interview-edit-panel{grid-template-columns:1fr}.employee-card-side,.candidate-card-side{justify-items:start;min-height:0}.employee-card-controls,.employee-salary-display,.employee-card-side .employee-meta,.edit-card-actions,.candidate-meta{justify-content:flex-start}.candidate-meta{align-items:flex-start}}@media (max-width:760px){:root{--container:min(100% - 28px, 1180px)}.nav-links{border-radius:24px;flex-direction:column;align-items:stretch;padding:12px;display:none;position:fixed;top:84px;left:14px;right:14px}.nav-links.is-open{display:flex}.menu-button{display:grid}.nav-login{display:none}.section-shell{padding:76px 0}h1{font-size:clamp(2.8rem,18vw,4.8rem)}.hero-visual{min-height:420px}.hero-card-main{top:54px;bottom:auto;left:0;right:0}.login-actions,.card-grid.four,.stats-grid,.announcement-grid,.employee-card-grid,.candidate-card-grid,.interview-card-grid{grid-template-columns:1fr}.workspace-top{flex-direction:column;align-items:flex-start}.search-box{width:100%;min-width:0}.employee-row{grid-template-columns:44px 1fr}.employee-row>span:nth-child(n+3),.employee-row>b{grid-column:2}.footer-layout{flex-direction:column;align-items:flex-start}}