:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eff0f3;background:#101114;--muted:#8d909c;--line:#2b2d36;--surface:#1a1c22;--accent:#b7a5ff}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:var(--accent)}[hidden]{display:none!important}.topbar{height:90px;max-width:1440px;margin:auto;padding:20px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:15px;font-weight:650;color:#f6f5fc;line-height:1.3}.brand-sub{display:block;font-size:13px;color:#a8a4b7;font-weight:400}.brand-icon{width:42px;height:42px;background:#b4a0ed;color:#231a39;border-radius:13px;display:grid;place-items:center;font-size:19px}.owner-badge{font-size:12px;color:var(--muted)}#app{max-width:1440px;margin:auto;padding:40px 36px 130px}h1{font-size:30px;letter-spacing:-.8px;margin:0}h2{font-size:22px;margin:0 0 20px}h3{font-size:15px;margin:0}p{line-height:1.6}.subtitle{color:var(--muted);font-size:14px;margin:10px 0 28px}.page-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:26px}.count{font-size:15px;color:var(--muted);margin-left:10px;font-weight:400}.btn{border:1px solid var(--line);border-radius:10px;background:#24262e;color:#e8e8ee;padding:11px 16px;min-height:43px;font-size:13px}.btn:hover{background:#30323d}.btn.primary{background:var(--accent);border-color:var(--accent);color:#21182f;font-weight:650}.btn.danger{color:#ff9d9d;border-color:#633a42;background:#302128}.btn.small{padding:7px 10px;min-height:34px;font-size:12px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:28px}.search{flex:1;position:relative}.search input{padding-left:39px;width:100%}.search:before{content:'⌕';position:absolute;left:14px;top:8px;font-size:23px;color:var(--muted)}input,textarea,select{border:1px solid var(--line);border-radius:10px;background:#191b21;color:#eeedf3;padding:12px;min-height:44px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #b7a5ff20}input::placeholder,textarea::placeholder{color:#787c89}select{max-width:100%}.view-switch{display:flex;border:1px solid var(--line);border-radius:10px;padding:3px;flex-shrink:0}.view-switch button{background:none;color:var(--muted);border:0;border-radius:7px;min-width:37px;min-height:35px}.view-switch button.active{background:#34303f;color:#d7caff}.board{display:grid;grid-template-columns:repeat(7,minmax(220px,1fr));gap:16px;overflow-x:auto;padding-bottom:22px;scroll-snap-type:x proximity}.column{min-height:350px;scroll-snap-align:start}.column-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;padding:0 4px 16px}.dot{height:7px;width:7px;background:var(--stage-color);border-radius:50%}.column-count{color:#9596a2;margin-left:auto;background:#22242b;border-radius:6px;padding:3px 7px;font-size:11px}.candidate-card{width:100%;text-align:left;background:#1a1c22;border:1px solid #2a2c34;border-radius:13px;padding:17px;margin-bottom:11px;color:inherit;transition:border-color .15s,transform .15s}.candidate-card:hover{border-color:#82729f;transform:translateY(-2px)}.avatar{width:36px;height:36px;border-radius:11px;background:#343043;color:#d5c6ff;display:grid;place-items:center;font-size:12px;font-weight:650;flex-shrink:0}.person{display:flex;align-items:center;gap:10px;margin-bottom:16px}.person-name{font-weight:600;font-size:13px;line-height:1.4}.handle{font-size:11px;color:var(--muted);margin-top:3px}.vacancy-tag{font-size:11px;color:#aca3c1;border:1px solid #3d354c;border-radius:6px;padding:4px 7px;display:inline-block;line-height:1.4}.card-bottom{display:flex;justify-content:space-between;gap:8px;color:#838795;font-size:10px;border-top:1px solid #292b33;margin-top:16px;padding-top:12px}.empty-column{border:1px dashed #2b2e36;border-radius:12px;padding:24px 10px;text-align:center;color:#646976;font-size:12px}.bottom-nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;padding:6px;background:#202127ee;border:1px solid #38383f;border-radius:17px;box-shadow:0 8px 35px #0008;z-index:10;backdrop-filter:blur(20px);gap:3px}.bottom-nav button{min-width:120px;padding:9px 14px;border:0;color:#9394a0;background:none;border-radius:11px;display:flex;gap:8px;align-items:center;justify-content:center;font-size:12px}.bottom-nav button.active{background:#373044;color:#d4c2ff}.bottom-nav span{font-size:19px}.empty-state,.setup{max-width:560px;margin:50px auto;text-align:center;padding:35px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.setup .brand-icon{margin:0 auto 25px}.setup h1{font-size:25px}.setup p,.empty-state p{font-size:14px;color:var(--muted)}.loading{padding:60px;text-align:center;color:var(--muted)}.error-box{padding:20px;background:#332329;border:1px solid #6b3d49;border-radius:12px;color:#ffb8bd;margin:20px 0}.list{display:grid;gap:10px}.list .candidate-card{margin:0;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;align-items:center}.list .person{margin:0}.list .card-bottom{border:0;margin:0;padding:0;flex-direction:column;line-height:1.6}.vacancy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.vacancy-card,.settings-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.vacancy-card h2{font-size:18px;margin-bottom:10px}.vacancy-card p{font-size:13px;color:var(--muted);white-space:pre-wrap;max-height:120px;overflow:auto}.vacancy-card .actions{margin-top:20px}.status{color:#9fd0b0;font-size:11px}.status.archived{color:#9294a2}.settings-card{max-width:650px}.settings-card p{font-size:14px;color:var(--muted)}dialog{color:#eeedf4;border:1px solid #3c3b49;border-radius:20px;background:#17191f;padding:0;width:min(650px,calc(100% - 24px));max-height:90dvh;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#06070ac7;backdrop-filter:blur(5px)}#dialog-content{padding:28px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.dialog-head h2{margin:0;line-height:1.3}.close{background:#272932;color:#b9b9c7;border:0;border-radius:9px;font-size:22px;width:34px;height:34px;flex-shrink:0}.detail-meta{color:var(--muted);font-size:13px;line-height:1.7;white-space:pre-wrap}.field{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-size:13px;color:#c3c3cf}.field input,.field textarea,.field select{width:100%}textarea{resize:vertical;min-height:100px}.section-label{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:#8b859a;margin:30px 0 14px}.answer{padding:16px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px}.answer h3{color:#a7a4b5;font-size:12px;font-weight:500;line-height:1.5}.answer p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:7px 0}.question{background:#1f2129;border:1px solid #343541;border-radius:12px;padding:15px;margin-bottom:12px}.question .field{margin:10px 0}.question-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;gap:10px}.question-toggle{display:flex;align-items:center;gap:7px}.question-toggle input{width:16px;min-height:16px;accent-color:#b7a5ff}.help{font-size:12px;color:var(--muted);line-height:1.6}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#demo-banner{padding:9px 15px;background:#443725;color:#f5d599;font-size:11px;text-align:center;line-height:1.5}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#d4c6f4;color:#291f37;border-radius:10px;z-index:30;font-size:13px;max-width:90%;box-shadow:0 8px 30px #0007}.archive-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:20px}.archive-label input{min-height:16px;accent-color:#b7a5ff}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(min-width:1100px){.board{grid-template-columns:repeat(7,minmax(225px,1fr))}}@media(max-width:700px){.topbar{height:76px;padding:16px 20px}.owner-badge{font-size:10px;max-width:90px;text-align:right}#app{padding:26px 18px 120px}h1{font-size:25px}.page-heading{gap:10px;margin-bottom:24px}.page-heading .btn{font-size:12px;padding:9px 12px}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:24px}.toolbar .search{flex-basis:100%}.toolbar>select{flex:1;width:0}.board{grid-template-columns:repeat(7,minmax(255px,78vw));gap:13px;margin-right:-18px;padding-right:18px}.column{min-height:300px}.bottom-nav{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 30px);justify-content:space-around;border-radius:16px}.bottom-nav button{min-width:0;flex:1;flex-direction:column;gap:3px;padding:6px 7px;font-size:10px}.bottom-nav span{font-size:21px}.list .candidate-card{grid-template-columns:1fr;gap:8px}.list .card-bottom{flex-direction:row}.list .person{margin-bottom:3px}.vacancy-grid{grid-template-columns:1fr}.subtitle{margin-bottom:22px;font-size:13px}#dialog-content{padding:22px 18px}.dialog-head h2{font-size:20px}dialog{max-height:92dvh}.setup{margin:20px auto;padding:26px 20px}.candidate-card{padding:18px}.settings-card{padding:21px}}