:root{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:#18343a;background:#f4f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:10px;background:#14777b;color:#fff;padding:10px 15px;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#e5f0ef;color:#175d60}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbdcdb;border-radius:9px;background:#fff;color:#18343a}textarea{min-height:90px;resize:vertical}label{display:block;font-size:14px;font-weight:650}label input,label select,label textarea{margin-top:7px}h1,h2,h3,p{margin-top:0}h1{font-size:26px}h2{font-size:23px}h3{font-size:17px;margin-top:28px;margin-bottom:12px}p{line-height:1.65}.app>header{display:flex;align-items:center;justify-content:space-between;min-height:70px;background:#fff;border-bottom:1px solid #dfebea;padding:14px 28px}.app>header strong{font-size:19px;color:#0f6165}.test-tag{display:inline-block;margin-left:12px;background:#fff0ca;color:#85570c;border-radius:100px;padding:4px 10px;font-size:12px;font-weight:700}.app>footer{text-align:center;color:#5e7779;font-size:12px;padding:20px}.panel{background:#fff;border:1px solid #e0ebea;border-radius:16px;box-shadow:0 6px 24px #23494e0a}.login{max-width:440px;margin:7vh auto 10vh;padding:36px}.login form{display:grid;gap:16px;margin-top:25px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#25898c;text-transform:uppercase}.layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(350px,1fr) minmax(220px,270px);gap:18px;padding:20px;max-width:1600px;margin:auto;align-items:start}.sidebar,.detail,.notices{padding:23px;min-height:70vh}.sidebar>input,.sidebar>select{margin-bottom:12px}.full{width:100%;margin:8px 0 14px}.issue-list{display:grid;gap:8px;margin-top:16px}.issue{display:grid;text-align:left;gap:8px;width:100%;background:#f5f9f8;color:#18343a;border:1px solid transparent}.issue.active{background:#e9f6f4;border-color:#78b8b3}.issue small,.notice small{color:#6d8586;font-weight:400}.status{display:inline-block;width:max-content;background:#e6f2f0;color:#126a6d;border-radius:100px;padding:4px 9px;font-size:12px;font-weight:700}.title-row{display:flex;justify-content:space-between;gap:14px;align-items:start}.description{white-space:pre-wrap}.facts{display:flex;flex-wrap:wrap;gap:9px;padding:12px 0 20px;border-bottom:1px solid #e3eeec;color:#5c7173;font-size:13px}.facts span{background:#f2f7f6;padding:7px 10px;border-radius:8px}.actions{display:flex;gap:10px;align-items:end;margin:20px 0}.actions label{max-width:260px}.feed{display:grid;gap:9px}.feed article{background:#f6f9f8;padding:13px;border-radius:10px}.feed article p{margin:5px 0 0;white-space:pre-wrap}.feed small,.hint{color:#688182;font-size:12px}.comment-form,.stack{display:grid;gap:14px}.comment-form{margin-top:13px}.comment-form button,.stack button{justify-self:start}.file{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;background:#f6f9f8;border-radius:10px;overflow-wrap:anywhere}.file small{display:block}.upload{display:block;border:1px dashed #8db8b7;padding:15px;border-radius:10px;margin-top:14px}.upload input{border:0;padding:5px}.notice{display:grid;gap:6px;text-align:left;width:100%;margin-bottom:7px;background:#f5f8f7;color:#24454a;font-weight:500}.notice.unread{background:#e7f3f1}.message{background:#fff3d8;color:#65490b;padding:12px;border-radius:10px;overflow-wrap:anywhere}details{margin-top:28px}summary{cursor:pointer;font-weight:700}@media(max-width:1100px){.layout{grid-template-columns:minmax(220px,290px) minmax(0,1fr)}.notices{grid-column:1/-1;min-height:0}}@media(max-width:700px){.app>header{padding:13px 17px}.layout{display:block;padding:12px}.sidebar,.detail,.notices{min-height:0;margin-bottom:12px;padding:19px}.issue-list{max-height:260px;overflow:auto}.login{margin:30px 12px;padding:25px}}.production-layout{grid-template-columns:240px minmax(0,1fr) 240px;align-items:start}.production-layout .sidebar,.production-layout .detail,.production-layout .notices{min-width:0}.app-nav{display:grid;gap:6px;margin:18px 0}.app-nav button{text-align:left;background:transparent;color:#245e61}.app-nav button.selected{background:#e4f4ef;color:#086b70}.company-name{font-weight:700}.inline-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0}.inline-form label{flex:1 1 180px}.inline-form button{white-space:nowrap}.compact{background:#f4faf8;border:1px solid #d9ebe5;border-radius:12px;padding:16px;margin-bottom:18px}.task-list,.list{display:grid;gap:12px}.task-card,.employee-card{border:1px solid #dceae7;border-radius:12px;padding:14px;background:#fff}.task-row{display:flex;align-items:center;gap:14px}.task-check{display:flex;align-items:center;gap:6px;white-space:nowrap}.task-check input,.checks input{width:auto;accent-color:#087e83}.task-open{background:transparent;color:#19383b;text-align:left;flex:1;padding:4px}.task-open strong,.task-open small{display:block}.task-open small{color:#607b7b;font-weight:400;margin-top:4px}.task-body{border-top:1px solid #e6eeeb;margin-top:12px;padding-top:10px}.employee-card strong,.employee-card small{display:block}.checks{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.checks label{display:flex;align-items:center;gap:5px}.stats{display:flex;flex-wrap:wrap;gap:12px}.stats span{background:#f1f8f5;padding:12px;border-radius:9px}.stats strong{display:block;font-size:24px}.company-item{display:block;text-align:left;background:#edf7f3;color:#184f55}.production-thread{display:grid;gap:10px;margin:14px 0}.production-thread .msg{background:#f3f7f7;border-radius:12px;padding:12px;max-width:85%}.production-thread .msg.mine{background:#e1f3e9;margin-left:auto}.production-thread .msg p{margin:5px 0 0;white-space:pre-wrap}.production-layout h1{font-size:25px}.production-layout h2{font-size:18px}@media(max-width:980px){.production-layout{grid-template-columns:1fr}.production-layout .notices{order:3}}.auth-panel{max-width:560px}.auth-panel h1{font-size:25px}.auth-panel p{line-height:1.8}.auth-steps{display:flex;gap:8px;list-style:none;padding:0;font-size:12px;color:#617b7b;flex-wrap:wrap}.auth-steps li{padding:7px 10px;background:#eef5f2;border-radius:8px}.auth-steps [aria-current]{background:#d2ede4;color:#075653;font-weight:700}.auth-check{display:flex;align-items:center;gap:8px;font-size:13px}.auth-check input{width:auto}.auth-link{display:block;background:transparent;color:#11696d;padding:12px 0;text-align:left;text-decoration:underline}.auth-stores{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.auth-stores a,.auth-mobile>a{display:inline-block;border:1px solid #1e7674;border-radius:10px;padding:12px 16px;color:#075b5c;font-weight:700}.auth-qr{display:block;width:240px;max-width:100%;height:auto;margin:20px auto}.auth-secret{display:block;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:14px;background:#f1f6f4}.auth-code-form{margin-top:24px}.auth-code-form input{font-size:24px;letter-spacing:.22em}.auth-help{border-top:1px solid #d8e7e2;padding-top:12px}.auth-help h2{font-size:16px}.auth-mobile{background:#eff7f3;border-radius:12px;padding:15px}.auth-panel button:disabled{opacity:.6;cursor:wait}.session-preference{margin:20px 0 8px;padding:14px;border:1px solid #d7e6e0;border-radius:10px;background:#f3f8f5;color:#24454a}.session-preference small{display:block;line-height:1.7;margin-top:8px;max-width:360px}.session-controls{display:flex;align-items:start;gap:16px}.session-controls details{margin:0;position:relative}.session-controls details>.session-preference{position:absolute;right:0;z-index:5;width:min(350px,80vw);box-shadow:0 8px 30px #173e3920}.session-controls summary{padding:8px;font-size:13px}.health-card{margin-top:14px}.health-card fieldset{min-width:0;border:1px solid #dbe8e3;border-radius:10px;padding:14px;display:grid;gap:12px}.health-card legend{font-weight:700;padding:0 6px}.health-card small{line-height:1.7;color:#607b75}.health-card h2{margin:4px 0}.employee-access{margin-top:22px;padding-top:16px;border-top:1px solid #dfebe5}.health-counts{padding:14px;margin-top:16px;background:#f2f8f4;border-radius:10px}.demo-layout{grid-template-columns:260px minmax(0,1fr);max-width:1300px;margin:auto}.demo-banner{background:#174c51;color:#fff;padding:10px 26px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px}.demo-banner button{margin-left:auto;background:#fff;color:#174c51;padding:7px 12px;font-size:12px}.role-switch{display:flex;gap:8px;flex-wrap:wrap}.role-switch button{font-size:13px}.demo-guide{padding:16px;border-radius:10px;background:#f1f7f4;font-size:13px;line-height:1.9}.demo-task{margin:0;flex:1}.health-summary{margin:18px 0}.demo-app .detail{min-height:650px}.demo-app h1{font-size:27px}@media(max-width:760px){.demo-layout{display:block}.role-switch{margin-top:12px}.demo-app>header{flex-wrap:wrap}.demo-banner{padding:12px}.demo-banner button{margin-left:0}.health-summary .stats span{flex:1 1 120px}}.danger{background:#a53442;color:#fff}.dialog-backdrop{position:fixed;inset:0;background:#102c3db3;z-index:50;display:grid;place-items:center;padding:20px}.confirm-dialog{width:100%;max-width:520px;padding:28px;max-height:90vh;overflow:auto}.confirm-dialog h2{font-size:23px}.confirm-dialog p{line-height:1.9}