:root{font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",system-ui,sans-serif;color:#dce9f4;background:#0b1829;color-scheme:dark;--muted:#98aebe;--line:#273c50;--accent:#a2e6db}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}header{max-width:1060px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f5fbff;font-size:24px;font-weight:700;letter-spacing:.15em}.brand small{display:block;letter-spacing:.16em;font-size:9px;color:var(--muted);margin-top:2px}button{min-height:44px;border:1px solid #3b5267;border-radius:12px;color:#e6f2fc;background:#14283b;padding:10px 17px;font-weight:600}.ghost{border-color:transparent;background:transparent;color:#b6cbdc}.primary{background:var(--accent);color:#092b2a;border-color:var(--accent)}main{max-width:1060px;margin:0 auto;padding:35px 28px 50px}.overview{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.16em;font-weight:700;margin:0 0 14px}h1{font-size:clamp(28px,5vw,42px);font-weight:650;margin:0;letter-spacing:.02em;line-height:1.5;overflow-wrap:anywhere}h2{font-size:20px;margin:0 0 9px}.subtle,.section-title p,.note{color:var(--muted);font-size:13px;line-height:1.9}.status{font-size:12px;white-space:nowrap;border:1px solid #39796d;border-radius:30px;color:var(--accent);padding:7px 12px;margin-top:22px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:27px 0 32px}.metrics article{border:1px solid var(--line);border-radius:18px;background:#102236;padding:23px}.metrics span{display:block;font-size:12px;color:#afc4d4}.metrics strong{display:block;font-size:32px;line-height:1.9;font-weight:600}.metrics small{display:block;font-size:11px;color:var(--muted);line-height:1.8}nav{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:30px}nav button{background:transparent;border:0;color:#98aebe;border-radius:10px;flex:1}nav button[aria-selected=true]{background:#203e4c;color:#b7f1e6}.section-title{margin-bottom:21px}.section-title p{margin:0}.switch-list{border:1px solid var(--line);border-radius:18px;overflow:hidden}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px;background:#102236;border-bottom:1px solid var(--line)}.switch-row:last-child{border-bottom:0}.switch-row h3{font-size:15px;font-weight:600;margin:0 0 7px}.switch-row p{color:var(--muted);font-size:12px;line-height:1.8;margin:0;max-width:570px}.switch{border-radius:30px;min-width:75px;flex-shrink:0;color:#acc1d0}.switch[aria-checked=true]{background:#a2e6db;color:#0a332c;border-color:#a2e6db}.note{margin-top:19px;font-size:11px}.people{display:grid;gap:12px}.person{border:1px solid var(--line);padding:19px;border-radius:15px;display:flex;gap:16px;align-items:center;justify-content:space-between}.person p{margin:0 0 7px;font-size:15px;overflow-wrap:anywhere}.person small{color:var(--muted);font-size:11px}.person button{flex-shrink:0}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:var(--muted);font-size:12px}form{padding:23px;background:#102236;border:1px solid var(--line);border-radius:18px}label{display:block;font-size:12px;margin-bottom:9px;color:#b6ccdb}input,select{border:1px solid #3c5369;background:#0b1829;color:#f0f7fc;border-radius:10px;padding:12px;min-height:46px;min-width:0;width:100%}select{margin-bottom:20px}.form-row{display:flex;gap:10px}.form-row input{flex:1}.filter-list{display:grid;gap:8px;margin-top:20px}.filter-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#102236;border-radius:10px;padding:10px 14px}.filter-item span{overflow-wrap:anywhere;font-size:14px}.filter-item button{font-size:12px;background:transparent;color:#efaeb3;border:0}footer{margin-top:45px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}footer span{font-size:11px;color:var(--muted);line-height:1.8}#banner{border:1px solid #577b7b;background:#183b40;color:#d8fff3;padding:15px 18px;margin-bottom:25px;border-radius:12px;line-height:1.8;font-size:13px;overflow-wrap:anywhere}#banner.error{background:#402331;border-color:#895061;color:#ffdae0}.welcome{max-width:680px;margin:45px auto}.welcome h1{font-size:clamp(34px,7vw,58px);line-height:1.5;letter-spacing:.04em}.welcome>p{line-height:2}.instruction{background:#122a3c;border:1px solid var(--line);padding:23px;border-radius:16px;margin:30px 0}.instruction span{font-size:12px;color:var(--accent)}.instruction p{line-height:2;font-size:14px}.instruction code{color:#a2e6db}.empty{color:var(--muted);padding:25px;text-align:center;font-size:14px}@media(max-width:560px){header{padding:17px 19px}main{padding:28px 18px 40px}.metrics{gap:10px;margin:22px 0}.metrics article{padding:17px 14px}.metrics strong{font-size:26px}.metrics small{font-size:10px}.overview{display:block}.status{display:inline-block;margin-top:4px}.switch-row{padding:19px 15px;gap:13px}.switch-row h3{font-size:14px}.switch-row p{font-size:11px}.switch{min-width:65px;padding:9px 10px}.welcome{margin:22px 0}.person{padding:15px}.person p{font-size:14px}footer{align-items:flex-start}nav button{padding:11px 8px;font-size:13px}}

.brand img{border-radius:12px;object-fit:cover}