:root{font-family:"Noto Sans JP","Yu Gothic",sans-serif;color:#16324a;background:#f4f7fa;line-height:1.65;--blue:#1769aa;--blue-dark:#0d4775;--line:#cbd8e3;--danger:#b42318;--ok:#147a43;--muted:#5c6f7e}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.6rem;z-index:20}.shell{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:.7rem max(1rem,calc((100% - 1120px)/2));display:flex;gap:1rem;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.brand{font-weight:700;color:var(--blue-dark);font-size:1.05rem}.userbox{display:flex;gap:.7rem;align-items:center}.container{max-width:1120px;margin:auto;padding:1.4rem 1rem 4rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(150deg,#e9f3fa,#f8fafc)}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:clamp(1rem,3vw,2rem);box-shadow:0 4px 20px #14334d12}.login-panel{width:min(460px,100%)}h1{font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.35;margin:0 0 1.2rem}h2{font-size:1.2rem;margin:0 0 1rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:.35rem}.field label,.legend{font-weight:700}.required{color:var(--danger);font-size:.82rem;margin-left:.35rem}.field input,.field select,.field textarea{width:100%;border:1px solid #91a8ba;border-radius:7px;padding:.72rem;background:#fff;color:#102b40}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #8ec5ef80;border-color:var(--blue)}textarea{min-height:9rem;resize:vertical}.hint{font-size:.88rem;color:var(--muted)}.error{color:var(--danger);font-weight:700}.alert{border-radius:8px;padding:.75rem 1rem;margin:0 0 1rem;border-left:5px solid}.alert-error{background:#fff0ee;color:#862118;border-color:var(--danger)}.alert-info{background:#eaf4fb;border-color:var(--blue)}.alert-ok{background:#eaf7ef;color:#0b5c32;border-color:var(--ok)}.btn{border:0;border-radius:8px;padding:.68rem 1.15rem;font-weight:700;min-height:44px;background:#e5edf3;color:#17364d}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn-danger{background:#fff0ee;color:var(--danger);border:1px solid #eab0aa}.btn-ghost{background:transparent;border:1px solid var(--line)}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.25rem}.menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.menu-card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.25rem;color:#17364d;min-height:120px}.menu-card:hover{border-color:var(--blue);box-shadow:0 3px 14px #1769aa20}.menu-card strong{display:block;color:var(--blue-dark);font-size:1.1rem;margin-bottom:.35rem}.toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;background:#fff;min-width:760px}th,td{text-align:left;padding:.65rem;border-bottom:1px solid #dce5eb;vertical-align:top}th{background:#edf4f8;white-space:nowrap}tr[data-id]{cursor:pointer}tr[data-id]:hover{background:#f1f8fc}.cards{display:none}.detail-list{display:grid;grid-template-columns:180px 1fr;border-top:1px solid var(--line)}.detail-list dt,.detail-list dd{margin:0;padding:.7rem;border-bottom:1px solid var(--line)}.detail-list dt{font-weight:700;background:#f2f6f9}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.badge{display:inline-block;padding:.12rem .5rem;border-radius:99px;background:#e4eef5;font-size:.84rem}.badge-closed{background:#f1e9fb;color:#663399}.loading{position:fixed;inset:0;background:#102b4055;display:grid;place-items:center;z-index:30}.loading>div{background:#fff;padding:1rem 1.4rem;border-radius:8px;font-weight:700}.toast{position:fixed;right:1rem;bottom:1rem;max-width:360px;background:#17364d;color:#fff;padding:.8rem 1rem;border-radius:8px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:40}.toast.show{opacity:1;transform:none}.checkbox{display:flex;align-items:flex-start;gap:.55rem}.checkbox input{width:1.2rem;height:1.2rem;margin-top:.25rem}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;margin:1rem 0}.metric{background:#edf5fa;border-radius:8px;padding:1rem}.metric strong{font-size:1.6rem;display:block}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:720px){.grid-2,.grid-3{grid-template-columns:1fr}.topbar{align-items:flex-start}.userbox span{display:none}.table-wrap{display:none}.cards{display:grid;gap:.8rem}.record-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:1rem}.detail-list{grid-template-columns:1fr}.detail-list dt{padding-bottom:.2rem;border-bottom:0}.detail-list dd{padding-top:.2rem}.toolbar{align-items:flex-start;flex-direction:column}}