:root{--orange:#ea580c;--orange-dark:#c2410c;--ink:#172033;--muted:#748094;--line:#e7eaf0;--panel:#fff;--bg:#f5f7fb;--green:#16845b;--red:#c43d3d;--shadow:0 18px 55px rgba(22,34,56,.14)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans Macedonian",Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1320px)/2));position:sticky;top:0;z-index:5}.brand,.top-actions{display:flex;align-items:center;gap:13px}.brand strong{display:block;font-size:15px}.brand span{display:block;font-size:10px;letter-spacing:.14em;color:#8d96a5;margin-top:3px}.brand-mark{height:52px;width:52px;border-radius:16px;background:linear-gradient(135deg,#f97316,#c2410c);display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;box-shadow:0 7px 18px #ea580c33}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:15px}.user-chip{background:#f3f5f9;border-radius:20px;padding:9px 13px;color:#475166}.top-actions form{margin:0}.text-button{border:0;background:transparent;color:var(--orange-dark);font-weight:600;padding:9px 6px}.secondary,.primary{border:0;border-radius:10px;padding:11px 16px;font-weight:700;transition:.15s}.primary{background:var(--orange);color:white;box-shadow:0 5px 12px #ea580c26}.primary:hover{background:var(--orange-dark);transform:translateY(-1px)}.secondary{background:#fff;border:1px solid var(--line);color:#384357}.wrap{max-width:1320px;margin:34px auto;padding:0 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--orange-dark);font-size:10px;font-weight:800}h1{font-size:30px;letter-spacing:-.04em;margin:8px 0 5px}.page-heading p,.login-card p{color:var(--muted);margin:0}.filters{display:grid;grid-template-columns:minmax(220px,2.2fr) repeat(6,minmax(125px,1fr));gap:9px;background:#fff;padding:14px;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 18px #17203308}.filters input,.filters select{width:100%;height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 11px;color:#344054;outline:none}.filters input:focus,.filters select:focus,input:focus,textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161c}.filter-search{position:relative}.filter-search span{position:absolute;left:12px;top:8px;font-size:22px;color:#919aaa}.filter-search input{padding-left:38px}.list-summary{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;padding:16px 3px 10px}.candidate-list{display:grid;gap:10px}.candidate-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px 17px;display:grid;grid-template-columns:minmax(145px,1.2fr) minmax(85px,.7fr) minmax(110px,.9fr) minmax(105px,.7fr) minmax(115px,.9fr) minmax(105px,.7fr) minmax(200px,1.4fr) 38px;gap:12px;align-items:center;box-shadow:0 2px 10px #17203305}.candidate-card:hover{border-color:#fdba74;box-shadow:0 7px 20px #1720330b}.person-name{font-weight:700;font-size:14px}.subtext{font-size:11px;color:var(--muted);margin-top:5px}.cell-label{display:none;color:#8892a2;font-size:10px;margin-bottom:4px}.pill{display:inline-flex;align-items:center;border-radius:20px;padding:6px 9px;font-size:11px;font-weight:700;background:#f1f3f7;color:#445066;white-space:nowrap}.pill.orange{background:#fff1e8;color:#bd4b0b}.pill.green{background:#e9f7f0;color:#16734f}.pill.gray{background:#f0f2f5;color:#697386}.contact-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.contact-status{border:0;padding:6px 8px;border-radius:8px;font-weight:700;font-size:11px;background:#eef1f5;color:#586477}.contact-status.done{background:#e8f6ef;color:#18744f}.small-button{border:1px solid #fed7aa;background:#fff8f1;color:#b94b0c;padding:7px 9px;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap}.trash{width:34px;height:34px;border:1px solid transparent;background:transparent;border-radius:8px;color:#a3adbb;font-size:18px}.trash:hover{background:#fff0f0;border-color:#ffd0d0;color:#ba3232}.empty{padding:45px 20px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #d9dee7;border-radius:14px}.modal-backdrop{position:fixed;inset:0;background:rgba(19,27,42,.46);display:grid;place-items:center;padding:20px;z-index:20}.modal-backdrop[hidden]{display:none}.modal{background:#fff;width:min(620px,100%);max-height:min(90vh,850px);overflow:auto;border-radius:18px;box-shadow:var(--shadow);padding:28px;position:relative}.modal-x{position:absolute;right:15px;top:12px;border:0;background:#f3f5f8;color:#657083;width:32px;height:32px;border-radius:50%;font-size:22px}.modal h2{margin:0 40px 6px 0;font-size:22px;letter-spacing:-.03em}.modal-intro{color:var(--muted);margin:0 0 21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}label{display:block;font-size:12px;font-weight:700;color:#465166}label input,label select,label textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;height:42px;padding:9px 11px;background:#fff;color:#202a3c;outline:none}label textarea{height:86px;resize:vertical}.inline-control{display:flex;gap:7px;align-items:flex-end}.inline-control label{flex:1}.icon-pencil{height:42px;width:42px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:16px}.hint{font-size:11px;color:var(--muted);font-weight:400;margin-top:5px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.checkbox-row{display:flex;align-items:center;gap:8px;font-weight:600}.checkbox-row input{width:17px;height:17px;accent-color:var(--orange)}.history{display:grid;gap:10px;margin-top:15px}.history-item{padding:13px;border:1px solid var(--line);background:#fafbfc;border-radius:10px}.history-meta{font-size:11px;color:var(--muted);margin-bottom:6px}.danger{background:#fff0f0;color:#b42323;border:1px solid #ffd2d2}.alert,.success{padding:11px 12px;border-radius:9px;margin:12px 0;font-size:12px}.alert{color:#a12b2b;background:#fff1f1}.success{color:#166344;background:#eaf7f0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#192337;color:#fff;padding:12px 16px;border-radius:10px;z-index:50;transition:.2s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.login-bg{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 15% 15%,#fff1e8,transparent 35%),var(--bg)}.login-card{width:min(420px,100%);background:#fff;padding:34px;border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--line)}.login-card h1{font-size:25px;margin-top:18px}.login-card p{margin-bottom:22px}.login-card label{margin:14px 0}.full{width:100%;margin-top:8px;height:45px}.login-card small{display:block;color:#9aa2af;font-size:10px;margin-top:18px;line-height:1.5}
@media(max-width:1150px){.filters{grid-template-columns:repeat(4,1fr)}.filter-search{grid-column:span 2}.candidate-card{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.candidate-card .name-cell{grid-column:span 2}.candidate-card .actions-cell{grid-column:span 2}.candidate-card .trash-cell{position:absolute;right:14px;top:11px}.candidate-card{position:relative;padding-right:54px}.cell-label{display:block}}
@media(max-width:680px){.topbar{height:62px;padding:0 14px}.brand{gap:9px}.brand-mark.small{height:35px;width:35px}.brand strong{font-size:13px}.brand span{font-size:9px}.top-actions{gap:5px}.user-chip{display:none}.top-actions .secondary{padding:8px 10px;font-size:11px}.wrap{padding:0 13px;margin:22px auto}.page-heading{align-items:flex-start;margin-bottom:17px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px;max-width:240px;line-height:1.45}.page-heading .primary{padding:10px 11px;font-size:12px;white-space:nowrap}.filters{grid-template-columns:1fr 1fr;padding:10px;gap:7px}.filter-search{grid-column:1/-1}.filters input,.filters select{height:41px;font-size:12px}.list-summary{padding-top:13px}.candidate-list{gap:9px}.candidate-card{grid-template-columns:1fr 1fr;padding:14px 48px 13px 13px;gap:12px 9px;border-radius:12px}.candidate-card .name-cell{grid-column:1/-1}.candidate-card .actions-cell{grid-column:1/-1}.candidate-card .trash-cell{right:8px;top:8px}.person-name{font-size:14px}.subtext{font-size:10px}.pill{font-size:10px;padding:6px 8px}.contact-actions{gap:6px}.small-button,.contact-status{font-size:10px;padding:8px}.modal-backdrop{padding:10px;align-items:end}.modal{border-radius:18px 18px 10px 10px;padding:24px 17px 18px;max-height:92vh}.modal h2{font-size:20px}.form-grid{grid-template-columns:1fr;gap:12px}.form-grid .wide{grid-column:auto}label input,label select{height:45px}.modal-footer{position:sticky;bottom:-18px;background:white;padding:12px 0 4px}.modal-footer button{min-height:44px;flex:1}.toast{bottom:14px;width:max-content;max-width:90vw;text-align:center}}
.experience-view{border:0}.age-note{color:#8d96a5}.trash{font-size:16px}.icon-pencil{flex:0 0 42px}.user-edit-form .modal-footer{margin-top:10px}.user-edit-form{border:1px solid var(--line);border-radius:12px;padding:12px}
[hidden]{display:none!important}

:root{--orange:#e2bd0d;--orange-dark:#776100}.brand-mark{background:#f2cf21;color:#283139}.primary{color:#283139}.pill.orange{background:#fff4ba;color:#756000}.text-button,.secondary{text-decoration:none}.contact-status:not(.done){color:#aa2735;background:#fff0f1}.brand-mark{box-shadow:none}@media(max-width:680px){.top-actions .text-button{font-size:10px;max-width:100px}.top-actions{gap:4px}.brand span{display:none}}
