:root{--ink:#17324d;--muted:#63758a;--line:#dce5ec;--paper:#f5f8fa;--white:#fff;--navy:#092a45;--blue:#2f6fed;--cyan:#17a8c4;--green:#2c9a72;--amber:#d99827}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Noto Sans JP,Yu Gothic UI,system-ui,sans-serif}body{min-height:100vh;margin:0}button,a{font:inherit}.topbar{background:var(--white);border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(24px,5vw,72px);display:flex;position:sticky;top:0}.brand,.account{align-items:center;gap:12px;font-weight:700;display:flex}.brandMark{background:var(--navy);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.accountName{color:var(--muted);font-size:13px}.primaryButton,.ghostButton{cursor:pointer;border-radius:9px;padding:10px 16px}.primaryButton{background:var(--navy);color:#fff;border:1px solid var(--navy)}.ghostButton{color:var(--ink);border:1px solid var(--line);background:#fff}.hero{color:#fff;background:linear-gradient(125deg,#092a45 0%,#123e5f 62%,#17617a 100%);justify-content:space-between;align-items:center;gap:48px;min-height:320px;padding:70px clamp(24px,7vw,104px);display:flex}.eyebrow{letter-spacing:.16em;opacity:.7;margin:0 0 10px;font-size:11px;font-weight:800}h1{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(38px,5vw,68px)}.lead{color:#d3e2ec;max-width:620px;margin:0;font-size:18px}.statusPanel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:14px;min-width:300px;padding:22px;display:flex}.statusPanel strong,.statusPanel small{display:block}.statusPanel small{color:#c9dae5;margin-top:5px}.statusDot{background:#8aa1b2;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 6px #ffffff14}.statusDot.online{background:#66dfae}.errorBanner{color:#8d2424;background:#fff0f0;border:1px solid #e9a5a5;border-radius:10px;max-width:1120px;margin:22px auto 0;padding:14px 18px}.linkSection{max-width:1200px;margin:0 auto;padding:56px 40px 0}.linkHeading{margin-bottom:18px}.linkControls{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.linkControls input{border:1px solid var(--line);width:min(420px,100%);color:var(--ink);background:#fff;border-radius:9px;padding:12px 14px}.categoryTabs{flex-wrap:wrap;gap:7px;display:flex}.categoryTabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:8px 11px}.categoryTabs button.active{border-color:var(--navy);background:var(--navy);color:#fff}.categoryTabs button:disabled,.linkControls input:disabled{opacity:.5;cursor:not-allowed}.filterChip.category-0{color:#1769a8;background:#eff7ff;border-color:#b7d6ef}.filterChip.category-1{color:#187342;background:#effbf3;border-color:#b9dfc9}.filterChip.category-2{color:#96620b;background:#fff8e9;border-color:#f1d39d}.filterChip.category-3{color:#72428a;background:#faf2ff;border-color:#ddc7e9}.filterChip.category-4{color:#a13d3d;background:#fff3f3;border-color:#f0c1c1}.filterChip.tag-0{color:#176b6c;background:#eefafa;border-color:#b8d7d8}.filterChip.tag-1{color:#9b571f;background:#fff5ed;border-color:#e5c2a5}.filterChip.tag-2{color:#3b568e;background:#f2f5ff;border-color:#c9d5ee}.filterChip.tag-3{color:#565656;background:#f7f7f7;border-color:#d4d4d4}.filterChip.tag-4{color:#4c762f;background:#f3faed;border-color:#c5dfb0}.filterChip.active{border-color:var(--navy);color:var(--navy);box-shadow:0 0 0 2px #16374f1f}.linkGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sheetLink{border:1px solid var(--line);min-height:128px;color:inherit;background:#fff;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:20px;text-decoration:none;transition:all .2s;display:grid}.sheetLink:hover{border-color:#b9ccd8;transform:translateY(-2px);box-shadow:0 10px 24px #1a374e14}.sheetLink.disabled{opacity:.5;pointer-events:none}.sheetIcon{color:#148454;background:#e7f5ee;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.sheetLink small,.sheetLink strong{display:block}.sheetLink small{color:#148454;margin-bottom:5px;font-size:10px;font-weight:800}.sheetLink strong{font-size:15px}.sheetLink p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.55}.externalArrow{color:#8aa1b2}.noResults{text-align:center;color:var(--muted);border:1px dashed var(--line);background:#fff;border-radius:12px;padding:28px}.noticeSection{max-width:1200px;margin:0 auto;padding:48px 40px 64px}.contentSection,.splitSection{max-width:1200px;margin:0 auto;padding:56px 40px 0}.sectionHeading{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.sectionHeading h2,.panel h2{margin:0;font-size:27px}.sectionHeading span{color:var(--muted);font-size:12px}.serviceGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.serviceCard{border:1px solid var(--line);border-top:4px solid var(--blue);min-height:170px;color:inherit;background:#fff;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:start;gap:16px;padding:24px;text-decoration:none;transition:all .2s;display:grid}.serviceCard:hover{transform:translateY(-3px);box-shadow:0 14px 32px #1a374e1a}.serviceCard.disabled{opacity:.55;pointer-events:none}.serviceCard.cyan{border-top-color:var(--cyan)}.serviceCard.amber{border-top-color:var(--amber)}.serviceCard.green{border-top-color:var(--green)}.serviceIcon{width:38px;height:38px;color:var(--blue);background:#eef3ff;border-radius:9px;place-items:center;font-weight:900;display:grid}.serviceCard h3{margin:2px 0 10px;font-size:17px}.serviceCard p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.arrow{color:#8aa1b2}.toolSection{max-width:1200px;margin:0 auto;padding:24px 40px 0}.toolGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.toolCard{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:flex-end;gap:22px;min-height:210px;padding:26px;display:flex}.toolCard h3{margin:5px 0 8px;font-size:20px}.toolCard p{color:var(--muted);margin:0 0 15px;font-size:13px;line-height:1.7}.toolNumber{letter-spacing:.12em;color:#91a1af;font-size:11px;font-weight:800}.toolCard button{border:1px solid var(--navy);background:var(--navy);color:#fff;cursor:pointer;border-radius:9px;flex:none;padding:10px 14px}.toolCard button:disabled{cursor:not-allowed;opacity:.45}.toolCard select{border:1px solid var(--line);width:100%;max-width:220px;color:var(--ink);background:#fff;border-radius:8px;padding:9px}.resultPanel{background:#edf5f8;border:1px solid #cee0e7;border-radius:12px;grid-template-columns:1fr 1.5fr;gap:24px;margin-top:16px;padding:24px;display:grid}.resultPanel h3,.resultPanel p{margin:0 0 8px}.resultPanel ul{color:var(--muted);margin:0;padding-left:20px;font-size:13px;line-height:1.8}.analyticsCard{grid-column:1/-1}.analyticsCard>div{flex:1}.filterGrid{grid-template-columns:repeat(3,minmax(130px,1fr));gap:9px;display:grid}.filterGrid label{color:var(--muted);gap:4px;font-size:11px;display:grid}.filterGrid input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:7px;padding:8px}.managementSection{max-width:1200px;margin:0 auto;padding:56px 40px 0}.managementGrid{grid-template-columns:1.25fr 1fr;gap:18px;display:grid}.employeeList,.employeeForm,.readOnlyNotice{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.employeeList{flex-direction:column;gap:8px;display:flex}.employeeRow{border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fafcfd;border-radius:9px;justify-content:space-between;gap:16px;padding:13px;display:flex}.employeeRow span,.employeeRow small{display:block}.employeeRow span:last-child{text-align:right;color:var(--green);font-size:11px}.employeeRow small{color:var(--muted);margin-top:4px;font-size:11px}.emptyMessage,.readOnlyNotice{color:var(--muted);font-size:13px}.employeeForm{gap:12px;display:grid}.employeeForm h3{margin:0 0 4px}.employeeForm label{color:var(--muted);gap:5px;font-size:12px;display:grid}.employeeForm input:not([type=checkbox]){border:1px solid var(--line);width:100%;color:var(--ink);border-radius:8px;padding:10px}.employeeForm fieldset{border:1px solid var(--line);border-radius:8px}.employeeForm legend{color:var(--muted);font-size:12px}.roleChecks{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.roleChecks label,.disabledCheck{grid-template-columns:auto 1fr;align-items:center;gap:7px;display:flex}.formActions{gap:8px;display:flex}.managementMessage{color:var(--ink);background:#edf5f8;border-radius:8px;margin:12px 0 0;padding:12px 14px;font-size:13px}.splitSection{grid-template-columns:1.5fr 1fr;gap:18px;padding-bottom:64px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:230px;padding:28px}.emptyState{min-height:105px;color:var(--muted);align-items:center;gap:12px;display:flex}.emptyState span{background:#eef3f6;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.panel ul{color:var(--muted);padding-left:20px;font-size:14px;line-height:2}footer{text-align:center;color:#7d8d9d;border-top:1px solid var(--line);padding:22px 40px;font-size:12px}@media (max-width:900px){.hero{flex-direction:column;align-items:flex-start}.statusPanel{width:100%}.serviceGrid,.toolGrid,.linkGrid{grid-template-columns:repeat(2,1fr)}.splitSection,.managementGrid{grid-template-columns:1fr}.linkControls{flex-direction:column;align-items:flex-start}}@media (max-width:650px){.topbar{padding:0 18px}.accountName{display:none}.hero{padding:48px 22px}.contentSection,.splitSection,.toolSection,.linkSection,.managementSection{padding-left:20px;padding-right:20px}.serviceGrid,.toolGrid,.linkGrid{grid-template-columns:1fr}.toolCard{flex-direction:column;align-items:stretch}.resultPanel{grid-template-columns:1fr}.employeeRow{flex-direction:column}.employeeRow span:last-child{text-align:left}}