:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none;--blue:#244ec9;--ink:#172033;--muted:#657086;--line:#e3e7ef;--sidebar:#fff}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;line-height:1.2;letter-spacing:-.04em;margin-bottom:8px}h2{font-size:1.35rem;letter-spacing:-.025em}h3{font-size:1rem}p{margin-bottom:16px}.muted{color:var(--muted)}.small{font-size:.875rem}.loading{padding:60px;text-align:center;color:var(--muted)}
.btn{border:1px solid var(--line);border-radius:8px;padding:10px 16px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:600;background:#fff;color:#27354b;white-space:nowrap;min-height:44px}.btn:hover{background:#f0f3f9;text-decoration:none}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.primary:hover{background:#173eae}.btn.subtle{background:transparent;border-color:transparent}.btn.danger{color:#b4283a}.btn.compact{padding:7px 12px;font-size:.875rem;min-height:38px}.icon{width:20px;height:20px;display:inline-flex;flex-shrink:0}.icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-brand{background:#122044;color:#fff;display:flex;flex-direction:column;padding:56px 64px;justify-content:space-between;position:relative;overflow:hidden}.login-brand:after{content:"";width:500px;height:500px;border:1px solid #ffffff15;border-radius:50%;position:absolute;bottom:-220px;right:-170px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff04;pointer-events:none}.brand-card{display:inline-block;background:#fff;border-radius:8px;padding:12px 18px;width:190px}.brand-card img{width:100%;display:block}.brand-message{max-width:440px;margin:64px 0;z-index:1}.brand-message .eyebrow{color:#acbcf5;letter-spacing:.18em;font-size:.875rem;font-weight:600}.brand-message h1{font-size:3.5rem;line-height:1.08;letter-spacing:-.045em;margin:18px 0 26px}.brand-message p{color:#cad3e8;font-size:1.125rem;max-width:350px}.brand-bottom{color:#a0afce;font-size:.875rem;z-index:1}.login-form-area{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:100%;max-width:390px}.login-form .overline{font-size:.875rem;color:var(--blue);font-weight:700;letter-spacing:.08em;margin-bottom:14px}.login-form h2{font-size:1.9rem;margin-bottom:8px}.login-form .btn{width:100%;margin-top:8px}.login-foot{font-size:.875rem;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted)}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field label{font-size:.875rem;font-weight:600}.field input,.field textarea,.field select,.control{border:1px solid #d5dce8;border-radius:7px;background:#fff;min-height:44px;padding:10px 12px;width:100%;color:var(--ink)}.field input:focus,.field textarea:focus,.field select:focus,.control:focus{border-color:var(--blue)}.field textarea{resize:vertical;min-height:110px}.hint{font-size:.875rem;color:var(--muted)}.required{color:var(--blue)}.error-box{background:#fff1f1;color:#a52232;border:1px solid #ffd0d3;border-radius:8px;padding:12px 14px;margin:14px 0;font-size:.875rem}.error-box:empty{display:none}.notice{background:#edf2ff;border:1px solid #d6e0fd;color:#294b94;border-radius:8px;padding:12px 16px;font-size:.875rem}.notice.success{background:#eef9f3;border-color:#c6ead4;color:#236644}.notice.warning{background:#fff8e9;color:#885712;border-color:#f5dfab}.notice:empty{display:none}
.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:block;width:160px;margin:0 16px 24px}.product-name{margin:0 16px 30px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:8px}.product-name span{background:#edf2ff;border-radius:5px;color:var(--blue);font-size:.75rem;padding:3px 7px;letter-spacing:.03em}.nav-caption{color:#8993a4;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin:0 16px 8px}.nav-item{width:100%;border:none;background:transparent;display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:8px;color:#606c82;font-weight:500;text-align:left;margin-bottom:5px;font-size:.9375rem}.nav-item.active{background:#edf2ff;color:#224abd;font-weight:650}.nav-item:hover{background:#f0f3f8}.sidebar-bottom{margin-top:auto;padding-top:24px}.source-card{border-top:1px solid var(--line);padding:19px 12px 0;font-size:.875rem}.source-card strong{display:block;overflow-wrap:anywhere}.workspace{min-width:0}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:12px}.breadcrumb{font-size:.875rem;color:var(--muted)}.breadcrumb strong{color:#26344a;font-weight:500}.account{display:flex;gap:12px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:#e9efff;color:var(--blue);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.875rem}.account-name{font-size:.875rem;font-weight:600}.account-role{font-size:.75rem;color:var(--muted)}.content{max-width:1580px;margin:auto;padding:36px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.page-heading p{margin:0;color:var(--muted);font-size:.9375rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 22px;position:relative}.stat .stat-label{font-size:.875rem;color:var(--muted);margin-bottom:10px}.stat .stat-value{font-size:2rem;line-height:1.2;font-weight:650;letter-spacing:-.04em}.stat .stat-icon{position:absolute;right:20px;top:20px;background:#f0f4fc;color:#6e81ac;padding:9px;display:flex;border-radius:9px}.stat:first-child{border-top:3px solid var(--blue);padding-top:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.toolbar{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search-wrap{position:relative;flex:1;min-width:190px}.search-wrap .icon{position:absolute;left:13px;top:13px;color:#8993a5}.search-wrap input{padding-left:42px}.toolbar select{width:auto;max-width:260px;font-size:.875rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:.875rem;white-space:nowrap}thead{background:#f8f9fc;color:#738096}th{font-weight:550;padding:13px 20px;border-bottom:1px solid var(--line);font-size:.8125rem}td{padding:20px;border-bottom:1px solid #eef0f5;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfe}.candidate-cell{display:flex;align-items:center;gap:12px}.candidate-initials{width:38px;height:38px;border-radius:9px;background:#edf1fa;color:#62769b;display:flex;align-items:center;justify-content:center;font-weight:600}.candidate-link{border:0;background:none;padding:0;text-align:left;color:var(--ink);font-weight:650;cursor:pointer;font-size:.9375rem}.candidate-link:hover{color:var(--blue)}.source-label{color:#45516b}.date-sub{font-size:.75rem;color:#7a8597}.badge{display:inline-flex;align-items:center;border-radius:5px;padding:5px 9px;font-size:.8125rem;font-weight:550;white-space:normal;max-width:240px;background:#eef1f6;color:#657084}.status-new{background:#edf2ff;color:#2c54c4}.status-hired{background:#d8f0e3;color:#17653a}.table-footer{padding:15px 20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--muted);gap:12px}.pagination{display:flex;gap:6px;align-items:center}.empty{padding:72px 24px;text-align:center;color:var(--muted)}.empty .empty-icon{width:58px;height:58px;background:#edf2ff;color:#6e86c0;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.empty .empty-icon .icon{width:28px;height:28px}.empty h3{font-size:1.15rem;color:#34425c;margin-bottom:8px}.empty p{max-width:410px;margin:0 auto 22px;font-size:.9375rem}.live-label{font-size:.8125rem;color:#7e889a;margin-top:14px;text-align:right}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.full{grid-column:1/-1}.form-section{padding:24px 28px;border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:none}.form-section h3{margin-bottom:22px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px 28px;background:#fafbfe}.upload-field{border:1px dashed #bbc8e2;border-radius:8px;background:#f8faff;padding:22px;display:flex;align-items:center;gap:16px}.upload-field>.icon{width:30px;height:30px;color:#6d83b2}.upload-field input{border:none;padding:8px 0;font-size:.875rem;background:transparent;max-width:100%}.upload-field input::file-selector-button{border:1px solid var(--line);padding:8px 12px;border-radius:6px;background:#fff;color:#344563;margin-right:10px;cursor:pointer}.form-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(220px,1fr);gap:26px}.help-panel{align-self:start;font-size:.875rem;color:var(--muted);padding:22px 2px}.help-panel h3{color:var(--ink);font-size:1rem}.help-panel p{margin-bottom:22px}.help-panel .divider{height:1px;background:var(--line);margin:24px 0}.agency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.agency-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.agency-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.agency-card h3{font-size:1.125rem;margin:0 0 4px}.agency-card dl{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;font-size:.875rem;margin:18px 0}.agency-card dt{color:var(--muted)}.agency-card dd{margin:0;overflow-wrap:anywhere}.agency-actions{display:flex;gap:6px;border-top:1px solid var(--line);padding-top:16px;flex-wrap:wrap}.agency-footer{font-size:.8125rem;color:var(--muted);margin-top:16px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px}.detail-head{display:flex;gap:20px;align-items:center;margin-bottom:24px}.detail-head .candidate-initials{width:56px;height:56px;font-size:1.2rem}.detail-head h1{margin:0 0 8px}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-label{font-size:.8125rem;color:var(--muted);margin-bottom:4px}.info-value{overflow-wrap:anywhere}.comment{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9375rem;margin:0}.file-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.file-row:last-child{border:none}.file-row a{overflow-wrap:anywhere;font-size:.9375rem}.timeline{margin:0;padding:0;list-style:none}.timeline li{padding:0 0 22px 24px;border-left:2px solid #e5ebf6;position:relative}.timeline li:before{content:"";position:absolute;left:-5px;top:7px;width:8px;height:8px;border-radius:50%;background:#7790c6}.timeline li:first-child:before{background:var(--blue)}.timeline li:last-child{padding-bottom:0;border-color:transparent}.timeline strong{font-size:.9375rem;font-weight:600;display:block}.timeline p{font-size:.875rem;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.timeline-meta{color:var(--muted);font-size:.8125rem;margin-top:4px}.back-btn{margin-bottom:22px}.credentials{background:#f5f7fc;padding:20px;border-radius:8px;margin:20px 0}.credentials dl{margin:0;display:grid;grid-template-columns:75px 1fr;gap:12px}.credentials dt{font-size:.875rem;color:var(--muted)}.credentials dd{margin:0;overflow-wrap:anywhere;font-family:Consolas,monospace;user-select:all}.account-panel{max-width:640px}.button-row{display:flex;gap:10px;flex-wrap:wrap}
dialog{border:0;border-radius:14px;padding:0;max-width:620px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #10203c33}dialog::backdrop{background:#17274480;backdrop-filter:blur(2px)}.modal-heading{padding:24px 28px 18px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.modal-heading h2{margin:0}.modal-body{padding:24px 28px}.modal-close{border:0;background:#f1f3f8;border-radius:6px;padding:4px 8px;color:#56657d;font-size:1.2rem}#toast{position:fixed;bottom:24px;right:24px;background:#192943;color:#fff;box-shadow:0 8px 24px #17274433;border-radius:9px;padding:14px 20px;z-index:20;max-width:calc(100% - 48px);display:none;font-size:.9375rem}#toast.visible{display:block}.mobile-brand{display:none}
.choice-field{border:0;padding:0;margin:0 0 24px;min-width:0}.choice-field legend{font-size:.875rem;font-weight:600;margin-bottom:10px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice{border:1px solid var(--line);border-radius:7px;padding:11px 12px;display:flex;align-items:center;gap:9px;font-size:.875rem;cursor:pointer}.choice:has(input:checked){border-color:#8ba6ee;background:#f0f4ff;color:#234bbe}.choice input{width:17px;height:17px;accent-color:var(--blue);margin:0;flex-shrink:0}.choice-field .hint{margin:9px 0 0}.classification-cell{max-width:240px;white-space:normal;min-width:140px}
@media(max-width:560px){.choices{grid-template-columns:1fr}}
.spaced{margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-heading h3{margin:0}.section-heading .badge{margin-left:6px;font-size:.75rem}.section-heading .btn{flex-shrink:0}#status-form{margin-top:22px}
@media(min-width:1700px){.content{padding:40px 48px}}
@media(max-width:1180px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:24px 12px}.logo{width:145px}.content{padding:28px 24px}.topbar{padding:0 24px}.agency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:12px}.stat{padding:18px 16px}.stat .stat-icon{display:none}.form-layout{grid-template-columns:minmax(0,1fr) 230px}.detail-grid{grid-template-columns:1fr}.login-brand{padding:40px}.brand-message h1{font-size:3rem}}
@media(max-width:850px){.shell{display:block}.sidebar{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);padding:14px 18px;display:block}.logo{width:110px;margin:0;display:inline-block;vertical-align:middle}.product-name{display:inline-flex;margin:0 0 0 16px;vertical-align:middle}.nav-caption,.source-card,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-top:14px;gap:4px;overflow:auto}.nav-item{width:auto;flex-shrink:0;margin:0;padding:10px 14px}.topbar{height:64px;padding:0 20px}.account-role{display:none}.content{padding:26px 20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.form-layout{grid-template-columns:1fr}.help-panel{padding:8px}.login-page{grid-template-columns:1fr}.login-brand{padding:24px 30px}.brand-card{width:145px}.brand-message{margin:25px 0 8px}.brand-message h1{font-size:2rem;margin:5px 0 12px}.brand-message p,.brand-bottom,.brand-message .eyebrow{display:none}.login-form-area{padding:34px 24px}.agency-grid{grid-template-columns:1fr 1fr}.page-heading h1{font-size:1.75rem}}
@media(max-width:560px){.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.page-heading>.btn{width:100%}.account-name{max-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breadcrumb{font-size:.8125rem}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.agency-grid{grid-template-columns:1fr}.form-section{padding:20px}.form-actions{padding:18px 20px;flex-wrap:wrap}.form-actions .btn{flex:1}.toolbar{padding:14px;gap:8px}.toolbar select{max-width:100%;flex:1}.search-wrap{flex-basis:100%}.detail-info{grid-template-columns:1fr}.stat{padding:16px}.stat .stat-value{font-size:1.7rem}.stat .stat-label{font-size:.8125rem}.table-footer{flex-direction:column;align-items:flex-start}.content{padding:22px 14px}.topbar{padding:0 14px}.modal-body,.modal-heading{padding:20px}.detail-head{align-items:flex-start}.detail-head h1{font-size:1.6rem}.upload-field{display:block}.upload-field>.icon{display:none}}
/* Compact working surface for laptop screens; form text remains at normal size. */
@media(min-width:851px){.shell{grid-template-columns:184px minmax(0,1fr)}.sidebar{padding:20px 10px}.sidebar .logo{width:140px;margin:0 12px 15px}.product-name{margin:0 10px 20px;font-size:1rem;gap:5px;flex-wrap:wrap}.nav-caption{margin-left:10px}.nav-item{padding:10px;font-size:.875rem;gap:8px}.topbar{height:58px;padding:0 22px}.content{padding:22px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:1.625rem}.page-heading>.btn{min-height:38px;padding:8px 12px;font-size:.875rem}.candidate-page .page-heading p{display:none}}
.candidate-page .stats{gap:12px;margin-bottom:16px}.candidate-page .stat{padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top-width:1px;min-height:52px}.candidate-page .stat:first-child{border-left:3px solid var(--blue)}.candidate-page .stat-label{font-size:.875rem;margin:0}.candidate-page .stat-value{font-size:1.5rem}.candidate-page .stat-icon{display:none}.candidate-page .toolbar{display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(4,minmax(135px,1fr));padding:12px;gap:8px}.candidate-page .search-wrap{min-width:0}.candidate-page .control{min-height:38px;padding:8px 10px;font-size:.875rem}.candidate-page .search-wrap input{padding-left:36px}.candidate-page .search-wrap .icon{top:10px;left:10px;width:18px;height:18px}.candidate-page .toolbar select{max-width:none;width:100%;min-width:0}.candidate-table{table-layout:fixed;min-width:920px;font-size:.875rem;white-space:normal}.candidate-table .col-person{width:18%}.candidate-table .col-status{width:13%}.candidate-table .col-source{width:13%}.candidate-table .col-date{width:10%}.candidate-table .col-classification{width:18%}.candidate-table .col-finance{width:17%}.candidate-table .col-files{width:11%}.candidate-table th{font-size:.875rem;padding:10px 8px;line-height:1.3}.candidate-table td{padding:10px 8px;line-height:1.35;overflow-wrap:anywhere}.candidate-table .candidate-cell{gap:8px;align-items:center}.candidate-table .candidate-initials{width:28px;height:28px;flex-shrink:0;font-size:.75rem;border-radius:7px}.candidate-identity{min-width:0}.candidate-table .candidate-link{font-size:.875rem;line-height:1.35;white-space:normal}.candidate-phone{font-size:.875rem;color:#5d6980;margin-top:3px;white-space:nowrap}.candidate-table .badge{font-size:.875rem;padding:4px 7px;line-height:1.35;border-radius:5px}.candidate-table .source-label{white-space:normal;overflow-wrap:anywhere}.candidate-table .classification-cell{min-width:0;max-width:none;font-size:.875rem}.classification-areas{font-size:.875rem;color:var(--muted);margin-top:3px}.submitted-cell time{white-space:nowrap}.candidate-table .date-sub{font-size:.8125rem;margin-top:3px}.salary-expectations{font-size:.875rem}.offer-line{font-size:.875rem;color:#295591;margin-top:4px}.file-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cv-link{display:inline-flex;gap:3px;align-items:center;font-size:.875rem;min-height:30px}.cv-link .icon{width:16px;height:16px}.candidate-table .internal-files-btn{padding:3px 5px;gap:3px;min-height:30px;font-size:.875rem}.internal-files-btn .icon{width:14px;height:14px}.candidate-page .table-footer{padding:10px 12px}.candidate-page .pagination .btn{min-height:32px;padding:5px 9px}.candidate-page .live-label{margin-top:8px;font-size:.8125rem}
@media(min-width:851px) and (max-width:1190px){.candidate-page .toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.candidate-page .search-wrap{grid-column:1/-1}}
@media(max-width:850px){.candidate-page .toolbar{grid-template-columns:1fr 1fr}.candidate-page .search-wrap{grid-column:1/-1}.candidate-page .stats{gap:8px}.candidate-page .stat{padding:10px 12px}.candidate-page .stat-label{font-size:.875rem}.candidate-page .stat-value{font-size:1.25rem}}
/* The main navigation lives in the header, leaving the entire width to recruitment. */
.shell{display:block}.topbar{height:auto;min-height:64px;padding:10px 22px;gap:20px;flex-wrap:wrap}.header-brand{display:flex;gap:16px;align-items:center;flex-shrink:0}.header-brand img{display:block;width:92px;height:auto}.header-brand>span{font-size:1.125rem;letter-spacing:-.03em;font-weight:700}.header-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.header-nav .nav-item{width:auto;flex-shrink:0;margin:0;padding:9px 10px;font-size:.875rem;gap:6px;white-space:nowrap}.header-nav .icon{width:17px;height:17px}.topbar .account{margin-left:auto;gap:9px}.account-name{max-width:205px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{max-width:none;padding:20px 22px}.candidate-page .toolbar{grid-template-columns:minmax(230px,1.5fr) repeat(4,minmax(135px,1fr))}.candidate-page .search-wrap{grid-column:auto}.candidate-page .page-heading{margin-bottom:14px}.candidate-page .stats{margin-bottom:14px}.candidate-table{min-width:900px}.candidate-table .col-person{width:18%}.candidate-table .col-status{width:13%}.candidate-table .col-source{width:14%}.candidate-table .col-date{width:9%}.candidate-table .col-classification{width:18%}.candidate-table .col-finance{width:17%}.candidate-table .col-files{width:11%}
@media(max-width:1190px){.topbar{gap:12px}.header-brand{gap:10px}.header-brand img{width:74px}.header-nav .nav-item{padding:8px;gap:5px}.topbar .account-name{max-width:150px}.topbar .avatar{display:none}}
@media(max-width:980px){.topbar{padding:10px 16px}.header-nav{order:3;flex-basis:100%;overflow:auto}.header-brand img{width:80px}.topbar .account{margin-left:auto}.candidate-page .toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.candidate-page .search-wrap{grid-column:1/-1}.content{padding:18px 16px}}
@media(max-width:560px){.header-brand>span{font-size:1rem}.topbar .account-name{max-width:130px}.header-nav .nav-item{padding:8px 9px}.header-nav .icon{display:none}.content{padding:16px 12px}.candidate-page .toolbar{grid-template-columns:1fr 1fr}.candidate-page .search-wrap{grid-column:1/-1}.candidate-page .page-heading{gap:12px}.candidate-page .page-heading>.btn{width:auto}.candidate-page .page-heading p{display:none}}

.payroll-panel{max-width:1050px}.payroll-inputs{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:16px}.payroll-inputs .field{margin-bottom:0}.payroll-inputs>.btn{height:44px}.payroll-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.payroll-card{border:1px solid var(--line);border-radius:9px;padding:16px;background:#f6f8fc}.payroll-card:first-child{border-color:#bfd0f4;background:#f1f5ff}.payroll-card strong{display:block;margin-top:7px;font-size:1.3rem;white-space:nowrap}.payroll-period{line-height:1.6}.payroll-details summary{cursor:pointer;font-size:.875rem;color:var(--blue);padding:8px 0}.payroll-details .hint{line-height:1.6}.payroll-breakdown{margin:16px 0;font-size:.875rem}.payroll-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.payroll-months{min-width:0;font-size:.875rem}.payroll-months th,.payroll-months td{padding:8px 12px}.header-nav .nav-item{padding:8px;font-size:.8125rem}.header-brand{gap:10px}.header-brand img{width:76px}.topbar{gap:14px}.topbar .account-name{max-width:170px}
@media(max-width:700px){.payroll-inputs{grid-template-columns:1fr}.payroll-cards{grid-template-columns:1fr}.payroll-card{display:flex;justify-content:space-between;align-items:center}.payroll-card strong{margin:0}.payroll-breakdown>div{flex-wrap:wrap}}
[hidden]{display:none!important}
.status-verifying{background:#edf2ff;color:#3653a5}
.status-rejected{background:#fdecec;color:#ac3434}
.status-accepted{background:#e7f5ee;color:#24734f}
.candidate-comment{padding:12px 0;border-bottom:1px solid #e7ebef}
.candidate-comment:first-child{padding-top:0}
.candidate-comment:last-child{margin-bottom:16px}
.candidate-comment .comment{margin:8px 0 0;overflow-wrap:anywhere}

.password-rules{list-style:none;padding:0;margin:8px 0 20px;font-size:.875rem;color:var(--muted)}.password-rules li{margin:3px 0}.password-rules .met{color:#24734f;font-weight:600}

.mail-preview{padding:18px 0;border-top:1px solid var(--line)}.mail-preview pre{font:inherit;font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7fc;padding:16px;border-radius:8px;margin-top:12px}

.agency-declaration{align-items:flex-start;line-height:1.6;background:#f7f9ff}.agency-declaration input{margin-top:4px}.agency-declaration>span{min-width:0;overflow-wrap:anywhere}