:root{--ink:#142b3a;--navy:#0b3b59;--navy2:#125575;--blue:#e9f4f8;--gold:#e4a73b;--cream:#f5f7f8;--line:#d9e1e5;--muted:#637580;--white:#fff;--green:#167a5a;--amber:#a8640c;--red:#a53d3d;--shadow:0 12px 35px rgba(13,48,68,.09);font-family:"Yu Gothic UI","Hiragino Sans",Meiryo,sans-serif;color:var(--ink);background:var(--cream);font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:72px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));gap:32px;position:sticky;top:0;z-index:20}.brand{border:0;background:none;color:var(--navy);font-size:1.35rem;font-weight:800;display:flex;align-items:center;gap:8px}.brand-mark{background:var(--navy);color:white;border-radius:8px;padding:6px}.topnav{display:flex;gap:22px}.topnav button{border:0;background:none;color:#314854;font-weight:700}.topnav button:hover{color:var(--navy2)}.role-switcher{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--muted)}select,input,textarea{border:1px solid #bdcbd2;border-radius:8px;background:white;padding:11px 12px;color:var(--ink);width:100%}select:focus,input:focus,textarea:focus,button:focus-visible{outline:3px solid rgba(18,85,117,.22);outline-offset:2px}main{max-width:1240px;margin:0 auto;padding:42px 24px 80px}.view{display:none}.view.active{display:block}.hero{background:linear-gradient(125deg,var(--navy),#0e6680);color:white;border-radius:24px;padding:64px;display:grid;grid-template-columns:1.45fr .75fr;gap:64px;align-items:center;box-shadow:var(--shadow)}.eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--navy2);font-weight:800;margin:0 0 10px}.eyebrow.light{color:#bfe2ed}.hero h1,.page-title h1,.dashboard-head h1,.agency-hero h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.15;margin:0}.hero-copy{font-size:1.08rem;line-height:1.9;max-width:650px;color:#e8f4f7}.hero-panel{display:grid;gap:1px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);border-radius:14px;overflow:hidden}.metric{padding:22px;background:rgba(5,45,66,.5);display:flex;align-items:baseline;gap:14px}.metric strong{font-size:1.8rem;color:#ffd98a}.metric span{font-size:.9rem}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button-row.end{justify-content:flex-end}.primary,.secondary,.light-button{border:0;border-radius:8px;padding:12px 20px;font-weight:800}.primary{background:var(--navy);color:white}.primary:hover{background:var(--navy2)}.secondary{background:white;color:var(--navy);border:1px solid #aec1cb}.hero .primary{background:var(--gold);color:#2e240e}.light-button{background:white;color:var(--navy)}.full{width:100%}.small{padding:7px 11px;font-size:.85rem}.section-head,.dashboard-head{display:flex;justify-content:space-between;align-items:end;margin:46px 0 20px}.section-head h2,.dashboard-head h1{margin:0;font-size:1.8rem}.text-button,.back-link{border:0;background:none;color:var(--navy2);font-weight:800;padding:6px}.candidate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.candidate-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(16,51,69,.04);transition:.18s}.candidate-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#9eb9c6}.candidate-card.assessed{background:linear-gradient(180deg,#f1f9fb 0,#fff 45%)}.candidate-card button.card-click{border:0;background:none;text-align:left;width:100%;padding:20px}.avatar{width:64px;height:76px;border-radius:10px;background:linear-gradient(145deg,#c6dce5,#eff5f7);display:grid;place-items:center;color:var(--navy);font-size:1.15rem;font-weight:900}.card-top{display:flex;gap:14px}.card-copy h3{margin:1px 0 5px;font-size:1.05rem}.card-copy p{margin:0;color:var(--muted);font-size:.88rem}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.tag{font-size:.76rem;background:#edf2f4;border-radius:999px;padding:5px 8px;color:#3c5663}.tag.highlight{background:#e7f5ee;color:var(--green)}.card-agency{font-size:.82rem;color:var(--navy2);border-top:1px solid var(--line);padding-top:12px}.sender-cta{margin-top:54px;padding:38px 42px;border-radius:18px;background:#17384b;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px}.sender-cta h2{margin:0 0 8px}.sender-cta p{margin:0;color:#c6d7df}.page-title{max-width:780px;margin-bottom:26px}.page-title.compact{margin-bottom:22px}.page-title h1{font-size:2.5rem}.page-title p:last-child{color:var(--muted);line-height:1.8}.filter-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:14px;align-items:end}.filter-panel label,.stack-form label,.form-grid label{display:grid;gap:7px;font-size:.86rem;font-weight:700;color:#3b5360}.filter-actions{display:flex;gap:8px;grid-column:1/-1;justify-content:flex-end}.result-toolbar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 16px}.result-toolbar label{display:flex;align-items:center;gap:8px;color:var(--muted)}.result-toolbar select{width:auto}.empty-state{background:white;border:1px dashed #aebfc7;border-radius:14px;padding:60px;text-align:center}.empty-state span{display:block;color:var(--muted);margin-top:8px}.back-link{margin-bottom:20px}.profile-head{display:grid;grid-template-columns:180px 1fr auto;gap:28px;background:white;border:1px solid var(--line);border-radius:18px;padding:26px;align-items:center}.profile-avatar{height:210px;border-radius:14px;background:linear-gradient(145deg,#c3dae4,#edf4f6);display:grid;place-items:center;color:var(--navy);font-weight:900;font-size:2rem}.profile-head h1{margin:0 0 8px;font-size:2rem}.profile-meta{color:var(--muted)}.profile-section{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin-top:16px}.profile-section h2,.content-card h2{margin-top:0;font-size:1.15rem}.qualification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.qualification-grid div{background:var(--cream);border-radius:10px;padding:14px}.qualification-grid small{display:block;color:var(--muted);margin-bottom:5px}.assessment-note{background:#f2f8fa;border-left:4px solid var(--navy2);padding:14px;border-radius:6px;line-height:1.7}.agency-hero{background:white;border:1px solid var(--line);border-radius:18px;padding:30px;display:flex;align-items:center;gap:20px}.agency-hero h1{font-size:2rem}.agency-logo{width:84px;height:84px;border-radius:16px;background:var(--navy);color:white;display:grid;place-items:center;font-weight:900;font-size:1.5rem}.push-right{margin-left:auto}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.stat-grid article{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.stat-grid strong{display:block;font-size:1.7rem;color:var(--navy)}.stat-grid span{color:var(--muted);font-size:.88rem}.two-column{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.content-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.info-list div{display:grid;grid-template-columns:130px 1fr;padding:12px 0;border-top:1px solid var(--line)}.info-list dt{font-weight:800}.info-list dd{margin:0;color:#405864;line-height:1.6}.plain-list{padding-left:20px;line-height:2}.form-shell{max-width:850px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:var(--shadow)}.form-shell.wide{max-width:1050px}.stack-form{display:grid;gap:20px}.subject-card{padding:16px;border-radius:10px;background:var(--blue);font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.check-row{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;align-items:flex-start;gap:10px!important;line-height:1.55}.check-row input{width:auto;margin-top:4px}.table-wrap{background:white;border:1px solid var(--line);border-radius:12px;overflow:auto}.table-wrap.flush{border:0}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);font-size:.88rem}th{background:#edf3f5;color:#46606c}.status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:800}.status.success{background:#e4f4ed;color:var(--green)}.status.warning{background:#fff0d9;color:var(--amber)}.status.draft{background:#edf1f3;color:#526773}.count-badge{background:var(--navy);color:white;border-radius:999px;padding:3px 8px;font-size:.78rem}.card-title{display:flex;align-items:center;justify-content:space-between}.task-list,.review-list{list-style:none;padding:0;margin:0}.task-list li,.review-list li{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.task-list li>div:nth-child(2),.review-list li>div:first-child{flex:1}.task-list small,.review-list small{display:block;color:var(--muted);margin-top:4px}.task-list button{border:0;background:none;color:var(--navy2);font-weight:800}.task-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-weight:900}.task-icon.amber{background:#fff0d9;color:var(--amber)}.task-icon.blue{background:#e5f0fb;color:#3068a0}.task-icon.teal{background:#e2f5f1;color:#147463}.mini-chart{height:150px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid var(--line);padding:10px}.mini-chart i{flex:1;background:linear-gradient(var(--gold),#f0c46e);border-radius:5px 5px 0 0}.chart-caption{text-align:center;color:var(--muted)}.chart-caption strong{font-size:1.6rem;color:var(--navy)}.list-actions{display:flex;gap:12px;margin-bottom:16px}.list-actions input{max-width:360px}.list-actions select{max-width:220px}fieldset{border:1px solid var(--line);border-radius:12px;padding:20px}legend{font-weight:900;color:var(--navy);padding:0 8px}.field-picker{display:flex;flex-wrap:wrap;gap:8px}.field-picker label{display:block}.field-picker input{position:absolute;opacity:0}.field-picker span{display:block;padding:8px 11px;border:1px solid #b8c8d0;border-radius:999px;background:white;font-size:.83rem;cursor:pointer}.field-picker input:checked+span{background:var(--navy);color:white;border-color:var(--navy)}.field-picker input:disabled+span{opacity:.45;cursor:not-allowed}.field-hint{color:var(--muted);font-size:.82rem}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.upload-box{border:1px dashed #9bb0ba;border-radius:10px;padding:20px;text-align:center}.upload-box input{margin:8px 0;border:0;padding:0;font-size:.75rem}.upload-box span{color:var(--navy2)}.sticky-actions{position:sticky;bottom:0;background:rgba(255,255,255,.94);border-top:1px solid var(--line);padding:15px 0;display:flex;justify-content:flex-end;gap:10px}.consent-box{border:1px solid var(--line);border-radius:12px;padding:22px;display:grid;gap:15px;margin:20px 0}.test-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.test-options label{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:12px;padding:18px}.test-options input{width:auto}.test-options small{display:block;color:var(--muted);margin-top:5px}.link-result{background:#eaf7f1;border:1px solid #a9d7c5;border-radius:12px;padding:18px;margin-top:16px}.link-result>div{display:flex;gap:8px;margin:10px 0}.link-result p{font-size:.85rem;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(4,25,37,.55);display:grid;place-items:center;padding:20px;z-index:50}.modal[hidden]{display:none}.modal-card{position:relative;background:white;border-radius:16px;padding:32px;max-width:440px;text-align:center;box-shadow:var(--shadow)}.modal-close{position:absolute;top:10px;right:12px;border:0;background:none;font-size:1.5rem}.modal-icon{margin:auto;width:54px;height:54px;border-radius:50%;background:#e5f5ee;color:var(--green);display:grid;place-items:center;font-size:1.5rem;font-weight:900}.toast{position:fixed;right:24px;bottom:24px;background:#16394c;color:white;padding:14px 18px;border-radius:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;z-index:60}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.topnav{display:none}.hero{grid-template-columns:1fr;padding:38px}.candidate-grid{grid-template-columns:repeat(2,1fr)}.filter-panel{grid-template-columns:1fr 1fr}.profile-head{grid-template-columns:120px 1fr}.profile-head .primary{grid-column:1/-1}.stat-grid{grid-template-columns:1fr 1fr}.two-column{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}.agency-hero{flex-wrap:wrap}.push-right{margin-left:104px}.upload-grid{grid-template-columns:1fr}}
@media(max-width:620px){.topbar{height:auto;min-height:64px;padding:10px 16px;gap:10px}.role-switcher label{display:none}.role-switcher select{max-width:145px}.hero{padding:28px 22px;border-radius:16px}.hero h1{font-size:2.25rem}.candidate-grid{grid-template-columns:1fr}.sender-cta{align-items:flex-start;flex-direction:column;padding:28px 24px}.filter-panel{grid-template-columns:1fr}.result-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.profile-head{grid-template-columns:1fr}.profile-avatar{height:180px}.qualification-grid,.form-grid,.form-grid.three,.test-options{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.agency-hero{align-items:flex-start}.push-right{margin-left:0;width:100%}.form-shell{padding:22px 16px}.button-row.end{justify-content:stretch}.button-row.end button{flex:1}.dashboard-head{align-items:flex-start;gap:16px}.dashboard-head h1{font-size:1.7rem}.list-actions{flex-direction:column}.list-actions input,.list-actions select{max-width:none}.info-list div{grid-template-columns:1fr}.info-list dd{margin-top:5px}.link-result>div{flex-direction:column}}