:root{color-scheme:dark;--bg:#0b1424;--panel:#14233a;--line:#425675;--text:#f4f6fc;--muted:#c2cede;--red:#db3b50;--green:#75d7bf;--amber:#ffd082}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.55 system-ui,sans-serif}header{padding:20px 4%;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line)}header strong{font-size:26px}header p{margin:0;color:var(--muted)}header img{border-radius:16px}#account{margin-left:auto}main{max-width:1700px;margin:auto;padding:28px 4%}h1,h2,h3{line-height:1.25;margin:0 0 20px}h1,h2{font-size:28px}h3{font-size:22px}.panel{padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:18px;margin-bottom:24px}.grid{display:grid;gap:20px}.inputs{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:20px 0}.metrics{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));margin:22px 0}.charts{grid-template-columns:1fr 1fr}.metric{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.metric strong{display:block;font-size:32px}.metric p{margin:4px 0}label{display:flex;flex-direction:column;gap:8px;font-weight:650}input,select,button{font:inherit;color:var(--text);border:1px solid #7185a3;border-radius:9px;padding:12px;background:#0b172b;min-height:50px}select{max-width:100%}input[type=file]{width:100%;font-size:16px}input::file-selector-button{padding:8px;background:#dbe6fb;color:#14233a;border:0;border-radius:5px}button{cursor:pointer;font-weight:650}button:hover{border-color:white;background:#233955}.primary{background:#ae2237;border-color:#ef6274}.primary:hover{background:#c92e44}button:disabled{opacity:.55;cursor:wait}small{font-weight:400;color:var(--muted);font-size:15px}.actions,.section-head{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.actions{justify-content:flex-start}.period{background:#0b172b;padding:14px;border-left:4px solid var(--green)}summary{cursor:pointer;font-weight:650}details label{max-width:700px}progress{width:100%;height:22px;accent-color:var(--green)}.check{flex-direction:row;align-items:center}.check input{min-height:auto;width:24px;height:24px}.bar{width:100%;height:22px;accent-color:var(--green)}.chart-number{font-size:36px;font-weight:750;color:var(--green)}.table-wrap{overflow:auto;max-height:660px}table{border-collapse:collapse;min-width:100%;font-size:16px}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;min-width:120px}th{position:sticky;top:0;background:#223754;color:white}td{white-space:pre-line}tr:nth-child(even){background:#192c46}.error{color:#ffb7bf}.warning{color:var(--amber)}footer{color:var(--muted);font-size:15px;padding:10px 0}#subtotal{font-weight:700}#brand.busy{animation:coin 3s linear infinite}@keyframes coin{to{transform:rotateY(360deg)}}:focus-visible{outline:3px solid var(--amber);outline-offset:4px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){#brand.busy{animation:none}}@media(max-width:750px){.charts{grid-template-columns:1fr}header{flex-wrap:wrap}#account{margin-left:0}.panel{padding:18px}body{font-size:17px}}

.almaks-logo{width:190px;height:auto;border-radius:0;display:block}.brand-lockup p{margin:4px 0}.upload-list{grid-column:1/-1}.upload-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #34425a;overflow-wrap:anywhere}.upload-row span{min-width:0}.upload-remove{flex-shrink:0} @media(max-width:600px){.almaks-logo{width:140px}}

.mode-choice{max-width:700px;margin-bottom:22px}.mode-choice select{border:2px solid var(--green)}#setup>h2{margin-top:32px}.hint{color:var(--muted)}.candidate-card{border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:20px}.candidate-card h3{margin-bottom:12px}.candidate{border-left:4px solid var(--amber);padding:12px 20px;margin-top:16px}.candidate p{margin:5px 0}.metric button{width:100%;text-align:left;border:0;background:transparent;padding:0;min-height:54px;color:var(--green)}.metric strong{margin-top:10px}#table:has(.candidate-card){max-height:none}#setup{max-width:1100px}
/* Input blocks and localized controls */
main{max-width:1500px}#setup{max-width:none}.upload-block{border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin:18px 0;background:#102037}.upload-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.upload-heading h3{margin:0}.file-button{position:relative;display:flex;justify-content:center;align-items:center;background:#244763;border:1px solid #8cb3cd;border-radius:9px;min-width:210px;min-height:52px;padding:10px 24px;cursor:pointer;overflow:hidden}.file-button input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-button:focus-within{outline:3px solid var(--amber);outline-offset:3px}.upload-block .hint{margin:10px 0;font-size:16px}.requirements{margin-bottom:8px;font-size:16px}.requirements p{max-width:950px}.upload-row{gap:24px;padding:16px 0;align-items:flex-start}.upload-info{flex:1;min-width:0}.upload-info strong{display:block;overflow-wrap:anywhere}.file-state{display:inline-block;font-size:16px;margin:5px 0}.success{color:var(--green)}.upload-invalid{border-left:4px solid #ff9aa8;padding-left:14px;background:#322737}.upload-info p{font-size:16px;margin:5px 0}.upload-remove{min-width:100px}.empty-upload{font-size:16px;color:var(--muted);margin:12px 0}.date-inputs{grid-template-columns:repeat(2,minmax(240px,1fr));max-width:850px;margin:24px 0}.date-control{display:flex;position:relative;gap:8px}.date-control input{min-width:0;width:100%}.calendar-toggle{font-size:16px}.calendar-popup{position:absolute;top:100%;left:0;z-index:30;width:350px;max-width:90vw;border:1px solid #8cb3cd;border-radius:10px;background:#14233a;padding:14px;box-shadow:0 10px 30px #0008}.calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-nav button{min-width:44px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:12px;text-align:center}.calendar-grid span{font-size:14px;padding:4px 0}.calendar-grid button{min-height:40px;padding:5px;font-size:16px}.actions{margin-top:24px}#run{min-width:240px}#status{padding:14px;border-radius:8px;background:#0b172b}.charts .panel{margin:0;border:0;padding:10px}.candidate-details{min-width:235px}.candidate-details[open]{min-width:320px}.candidate-details summary{color:var(--amber)}.candidate{padding:10px 12px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:18px}.metric button{font-size:17px;min-height:80px}.metric strong{font-size:28px}#candidate-filter-label{max-width:420px;margin-bottom:18px}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.upload-heading{align-items:stretch;flex-direction:column;gap:12px}.file-button{width:100%}.upload-block{padding:16px}.date-inputs{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metric button{font-size:15px}.upload-remove{min-width:80px;padding:10px}.upload-row{gap:10px}}

.unmatched-card{padding:20px;border:1px solid var(--line);border-radius:12px;margin:0 0 14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:20px}.unmatched-card h3{font-size:18px;margin:0 0 8px}.unmatched-card p{margin:4px 0}.unmatched-card .candidate-details[open]{min-width:0}@media(max-width:850px){.unmatched-card{grid-template-columns:1fr;gap:10px}}
