@font-face{font-family:RosterSans;src:url('noto.ttf') format('truetype');font-display:swap}body{margin:0;background:#fff}#tonr{font:16px/1.6 RosterSans,'Apple SD Gothic Neo',sans-serif;color:#23272d;background:white;min-height:100vh;--blue:#0066cc;--muted:#646d78}#tonr *{box-sizing:border-box}#tonr [hidden]{display:none!important}#tonr button,#tonr input,#tonr select{font:inherit}#tonr button,#tonr a,#tonr input,#tonr select{touch-action:manipulation}#tonr button{cursor:pointer;background:#fff;border:1px solid #bdc5cf;border-radius:7px;min-height:44px;padding:9px 16px;color:#303b47}#tonr button:hover:not(:disabled){background:#f2f5f8}#tonr button:disabled{opacity:.45;cursor:default}#tonr :focus-visible{outline:3px solid #0072df;outline-offset:4px}#tonr a{color:#005cae;text-decoration:none}#tonr h1,#tonr h2,#tonr p{margin:0}#tonr h1{font-size:30px;line-height:1.4;font-weight:700;letter-spacing:-.8px}#tonr h2{font-size:20px;letter-spacing:-.4px}#tonr input,#tonr select{border:1px solid #bdc5cf;border-radius:6px;min-height:44px;background:#fff;padding:8px 12px;color:#23272d;min-width:0}#tonr .brand{height:88px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ebef;padding:0 24px}#tonr .brand-name{display:flex;align-items:center;gap:26px;font-size:14px;color:#626b76}#tonr .brand-name img{width:146px;height:48px;object-fit:contain}#tonr .brand-note{font-size:13px;color:#69727d}#tonr main{max-width:1160px;margin:auto;padding:46px 24px 24px}#tonr .intro{margin-bottom:32px}#tonr .kicker{color:#0066cc;font-size:14px;margin-bottom:8px}#tonr .intro>p:last-child{color:var(--muted);margin-top:12px;font-size:15px}#tonr .tabs{display:flex;border-bottom:1px solid #dce1e7;gap:30px}#tonr .tabs button{position:relative;border:0;border-radius:0;padding:15px 5px 18px;color:#66707b;font-size:18px;display:flex;align-items:center;gap:10px;background:transparent}#tonr .tabs button[aria-selected=true]{color:#005bb5;font-weight:bold}#tonr .tabs button[aria-selected=true]:after{position:absolute;content:'';bottom:-1px;left:0;right:0;height:3px;background:#0066cc}#tonr .tabs span{font-size:14px;font-weight:400;color:#69727d}#tonr .list-tools{display:flex;justify-content:space-between;align-items:center;padding:28px 0 22px;gap:16px}#tonr .list-tools h2 span{font-size:15px;color:#68727d;font-weight:400;margin-left:8px}#tonr .search{display:flex;align-items:center;gap:12px;font-size:13px;color:#626b76}#tonr .search input{width:220px}#tonr .candidate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}#tonr .candidate-card{border:1px solid #e1e5ea;border-radius:10px;overflow:hidden;background:#fff}#tonr .portrait{height:196px;position:relative;background:#f1f3f5;overflow:hidden;display:flex;align-items:center;justify-content:center}#tonr .portrait img{width:100%;height:100%;object-fit:cover;object-position:center 24%;display:block}#tonr .candidate-name{text-align:center;font-size:20px;padding:16px 10px 18px;font-weight:600;letter-spacing:.6px}#tonr .no-photo{display:flex;align-items:center;flex-direction:column;gap:10px;color:#737d88;font-size:13px}#tonr .no-photo svg{height:62px;width:62px;color:#bbc4ce}#tonr .empty{padding:60px 18px;text-align:center;background:#f7f8fa;color:#646d78;border-radius:8px}#tonr .list-note{color:#707984;font-size:13px;margin-top:24px}#tonr footer{margin-top:56px;border-top:1px solid #edf0f2;padding:24px 0;color:#737c87;font-size:13px;text-align:center}#tonr #message:not(:empty){padding:14px 18px;background:#f3f6fa;border:1px solid #d6dfe9;border-radius:7px;margin-bottom:22px;white-space:pre-line}#tonr #message.error{background:#fff4f2;border-color:#ebc9c4;color:#913829}#tonr .admin-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}#tonr .admin-heading p{font-size:14px;color:#64707c;margin-top:8px}#tonr .admin-heading a{font-size:14px;white-space:nowrap}#tonr .publish-panel{border:1px solid #dce2e9;border-radius:10px;padding:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:24px}#tonr .publish-panel p{font-size:13px;color:#68727d;margin-top:5px}#tonr .actions{display:flex;align-items:center;gap:8px}#tonr button.primary{background:#0066cc;border-color:#0066cc;color:white}#tonr button.primary:hover{background:#0054a8}#tonr .public-link{display:flex;width:100%;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid #edf0f3;padding-top:18px;font-size:13px}#tonr .public-link input{flex:1;min-width:200px;font-size:12px;color:#64707b}#tonr .public-link a{font-size:13px}#tonr .title-input{display:flex;gap:18px;align-items:center;font-size:14px;margin:0 0 24px}#tonr .title-input input{width:400px;max-width:75%}#tonr .upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#tonr .upload-box{padding:20px;border:1px solid #dce2e9;border-radius:10px}#tonr .upload-box h2{font-size:18px}#tonr .upload-count{font-size:13px;color:#66717d;margin:5px 0 18px}#tonr .upload-box label:not(.file-label){display:flex;flex-direction:column;gap:6px;font-size:12px;color:#626c78}#tonr .upload-box select{font-size:13px;width:100%}#tonr .file-label{border:1px solid #bfc9d4;border-radius:6px;display:block;text-align:center;padding:10px;margin-top:14px;cursor:pointer;font-size:14px}#tonr .file-label:focus-within{outline:3px solid #0072df;outline-offset:3px}#tonr .file-input{position:absolute;width:1px;height:1px;opacity:0;min-height:0;padding:0}#tonr .filename{font-size:12px;color:#68727d;margin:8px 0;overflow-wrap:anywhere}#tonr .clear{font-size:12px;border:0;padding:4px 0;min-height:30px;text-decoration:underline;color:#64707c}#tonr .import-message{font-size:12px;color:#983c2f;white-space:pre-line}#tonr .import-help{font-size:13px;color:#67717d;margin:16px 0 40px}#tonr .preview-heading{padding:24px 0;border-top:1px solid #e3e7eb;margin-top:16px}#tonr .preview-heading span{font-size:12px;font-weight:400;margin-left:8px;color:#66717d}#tonr .preview-heading~.roster-shell{border:1px solid #e1e6ec;border-radius:10px;padding:28px}#tonr .preview-heading~.roster-shell .portrait{height:170px}
@media(max-width:850px){#tonr .candidate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#tonr .upload-grid{grid-template-columns:1fr}#tonr .admin-heading{align-items:flex-start;flex-direction:column}#tonr .brand{height:74px}#tonr .brand-name img{width:125px}#tonr .brand-note{display:none}#tonr main{padding-top:30px}#tonr .portrait{height:175px}}
@media(max-width:560px){#tonr main{padding:26px 18px 16px}#tonr .brand{padding:0 18px;height:70px}#tonr .brand-name{gap:18px;font-size:12px}#tonr .brand-name img{width:120px;height:42px}#tonr h1{font-size:27px}#tonr .intro{margin-bottom:22px}#tonr .intro>p:last-child{font-size:13px}#tonr .tabs{gap:0;justify-content:space-between}#tonr .tabs button{font-size:15px;padding:14px 2px;gap:5px}#tonr .tabs span{font-size:12px}#tonr .list-tools{align-items:flex-start;flex-direction:column;padding:23px 0 18px;gap:16px}#tonr .list-tools h2{font-size:18px}#tonr .search{width:100%}#tonr .search span{display:none}#tonr .search input{width:100%;font-size:14px}#tonr .candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}#tonr .portrait{height:155px}#tonr .candidate-name{font-size:18px;padding:12px 6px 14px}#tonr .actions{flex-wrap:wrap}#tonr .publish-panel{padding:16px}#tonr .preview-heading~.roster-shell{padding:16px}#tonr .preview-heading~.roster-shell .portrait{height:120px}#tonr .public-link input{min-width:100%;}#tonr footer{margin-top:32px}}

#tonr .portrait{height:240px;background:#f7f8fa}#tonr .portrait img{object-fit:contain;object-position:center;background:#f7f8fa}#tonr .internal-status{padding:9px 18px;text-align:center;background:#eff3f7;color:#45566a;font-size:13px}#tonr .brand{border-bottom:1px solid #e8ebef}#tonr .end-note{margin-top:40px;padding:20px 0;border-top:1px solid #e7ebf0;color:#64707e;text-align:center;font-size:13px}@media(max-width:560px){#tonr .portrait{height:190px}}
#tonr .candidate-name{margin:0}