:root{--g1:#F7A21B;--g2:#EE6A10;--g3:#E8380D;--grad:linear-gradient(90deg,var(--g1),var(--g2) 55%,var(--g3));--brand:#EE6A10;--brand-soft:#FDF1E6;--brand-line:#F5C9A4;--bg:#F7F6F3;--card:#FFFFFF;--ink:#26221C;--sub:#6E675E;--line:#E7E2DA;--ok:#1E7B45;--ok-bg:#E9F4ED;--err:#B3261E;--err-bg:#FBEBE9;--wait:#8A857C;--wait-bg:#F0EEEA;--run:#B25309;--run-bg:#FCEFDD;--act:#2F55B8;--act-bg:#EAF0FA;--act-line:#BCCBEC;--r-card:14px;--r-btn:9px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Noto Sans JP,sans-serif;font-size:14px;line-height:1.7;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.num{font-family:Outfit,Noto Sans JP,sans-serif;font-weight:800}.appbar{background:var(--card);border-bottom:1px solid var(--line)}.appbar .in{max-width:1080px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:14px}.logo{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--ink)}.logo .mark{width:12px;height:12px;border-radius:3px;background:var(--grad);align-self:center}.logo .t{font-family:Outfit;font-weight:700;font-size:17px;letter-spacing:.01em}.logo .s{font-size:13px;color:var(--sub)}.appbar .who{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--sub)}.who .badge-admin{font-size:12px;color:var(--brand);background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:999px;padding:1px 9px}.appbar nav{display:flex;gap:2px;margin-left:22px}.appbar nav a{padding:6px 13px;border-radius:8px;color:var(--sub);text-decoration:none;font-size:14px}.appbar nav a.on{color:var(--ink);background:var(--bg);font-weight:700}.wrap{max-width:1080px;margin:0 auto;padding:26px 20px 90px}h1{font-size:20px;font-weight:700;margin-bottom:4px}.lead{color:var(--sub);font-size:14px;margin-bottom:22px}.btn{display:inline-block;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--r-btn);padding:9px 16px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}.btn:hover{border-color:#cfc8bd}.btn.primary{background:var(--brand);border:none;color:#fff;font-weight:700;padding:10px 20px}.btn.primary:hover{background:#dd5f0b}.btn.act{background:var(--act);border:none;color:#fff;font-weight:700;padding:10px 20px}.btn.act:hover{background:#28499e}.btn.quiet{border:none;background:none;color:var(--sub);text-decoration:underline;padding:9px 6px}.btn:disabled{opacity:.45;cursor:default}.login{min-height:calc(100vh - 62px);display:flex;align-items:center;justify-content:center;padding:30px 16px}.login .card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:40px 38px 34px;width:100%;max-width:400px;box-shadow:0 18px 50px -30px #78461440}.login .wordmark{display:flex;align-items:center;gap:10px;margin-bottom:6px}.login .wordmark .mark{width:15px;height:15px;border-radius:4px;background:var(--grad)}.login .wordmark b{font-family:Outfit;font-size:21px;font-weight:700}.login .sub{color:var(--sub);font-size:14px;margin-bottom:26px}.field{margin-bottom:16px}.field label{display:block;font-size:13.5px;font-weight:700;margin-bottom:6px}.field input,.field select{width:100%;font:inherit;font-size:15px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:#fff}.field input:focus{outline:2px solid var(--g2);outline-offset:0;border-color:transparent}.login .btn.primary{width:100%;margin-top:6px;font-size:15px}.login .help{margin-top:18px;font-size:13.5px;color:var(--sub);text-align:center}.menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.mcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:22px 20px 18px;cursor:pointer;position:relative}.mcard:hover{border-color:var(--brand-line)}.mcard h3{font-size:16px;margin-bottom:6px}.mcard p{font-size:13.5px;color:var(--sub)}.mcard .go{margin-top:14px;font-size:13.5px;color:var(--brand);font-weight:700}.mcard.dim{opacity:.55;cursor:default;background:transparent}.mcard.dim .soon{position:absolute;top:14px;right:14px;font-size:12px;color:var(--sub);border:1px solid var(--line);border-radius:999px;padding:1px 9px;background:var(--card)}.topline{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.topline .grow{flex:1}.meters{display:flex;gap:14px}.meter{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 16px;min-width:210px}.meter .l{font-size:12.5px;color:var(--sub)}.meter .v{display:flex;align-items:baseline;gap:6px}.meter .v .num{font-size:20px}.meter .v small{color:var(--sub)}.meter .bar{height:5px;border-radius:99px;background:var(--wait-bg);margin-top:5px;overflow:hidden}.meter .bar i{display:block;height:100%;border-radius:99px;background:#f0a45c}.meter.cost .v .num{font-size:18px}.plist{display:flex;flex-direction:column;gap:12px}.grp-h{display:flex;align-items:baseline;gap:8px;margin:22px 0 2px;font-size:13.5px;font-weight:700;color:var(--sub)}.grp-h:first-child{margin-top:0}.grp-h .c{font-family:Outfit;font-weight:800;font-size:15px;color:inherit}.grp-h.attn{color:var(--act)}.grp-h.err{color:var(--err)}.grp-h.ok{color:var(--ok)}.prow{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--r-card);overflow:hidden}.prow.attn{border-left-color:var(--brand)}.prow.st-run{border-left-color:#8a8478}.prow.st-err{border-left-color:var(--err)}.prow.st-ok{border-left-color:var(--ok)}.prow.st-ok .rail .seg.done{background:#84be9c}.prow.st-ok .rail .cap{color:var(--ok)}.prow.attn{border-color:var(--act-line);border-left-color:var(--act);box-shadow:0 6px 20px -16px #2f55b847}.prow .head{display:grid;grid-template-columns:1fr auto;gap:6px 18px;padding:16px 18px 14px;cursor:pointer;align-items:center}.prow .name{font-size:15.5px;font-weight:700}.prow .name small{font-weight:400;color:var(--sub);margin-left:8px;font-size:13px}.state{font-size:13px;border-radius:999px;padding:2.5px 12px;white-space:nowrap;justify-self:end}.state.run{color:var(--run);background:var(--run-bg)}.state.wait{color:var(--wait);background:var(--wait-bg)}.state.attn{color:#fff;background:var(--act);font-weight:700}.state.ok{color:var(--ok);background:var(--ok-bg)}.state.err{color:var(--err);background:var(--err-bg)}.rail{grid-column:1 / -1;display:flex;gap:5px;align-items:center}.rail .seg{flex:1;height:7px;border-radius:99px;background:var(--wait-bg);position:relative;overflow:hidden}.rail .seg.done{background:#4a443b}.rail .seg.part i{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--p,50%);background:#4a443b;border-radius:99px}.rail .seg.err{background:var(--err)}.rail .seg.attn{background:var(--card);outline:2px solid var(--act);outline-offset:-2px}.rail .cap{font-size:12.5px;color:var(--sub);white-space:nowrap;margin-left:6px}.prow .msg{grid-column:1 / -1;font-size:13.5px;color:var(--sub)}.prow .msg.err{color:var(--err)}.prow .cta{grid-column:1 / -1;display:flex;gap:10px;align-items:center;margin-top:2px}.steps{border-top:1px solid var(--line);background:#fcfbf9;padding:8px 18px 14px;display:none}.prow.open .steps{display:block}.step{display:grid;grid-template-columns:150px 96px 1fr;gap:14px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13.5px;align-items:baseline}.step:last-child{border-bottom:none}.step .n{font-weight:700}.step .n small{color:var(--sub);font-weight:400;font-family:Outfit;margin-right:7px}.step .detail{color:var(--sub)}.step .detail b{color:var(--ink);font-weight:700}.table{width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);border-collapse:separate;border-spacing:0;overflow:hidden}.tscroll{overflow-x:auto;border-radius:var(--r-card)}.table th{font-size:12.5px;color:var(--sub);text-align:left;font-weight:700;padding:11px 16px;background:#fcfbf9;border-bottom:1px solid var(--line)}.table td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px}.table tr:last-child td{border-bottom:none}.role{font-size:12.5px;border-radius:999px;padding:1px 10px;border:1px solid var(--line);color:var(--sub)}.role.admin{color:var(--brand);background:var(--brand-soft);border-color:var(--brand-line)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:22px;margin-top:16px;max-width:520px}.panel h3{font-size:15.5px;margin-bottom:14px}.bk{position:fixed;top:0;right:0;bottom:0;left:0;background:#281e1473;display:none;align-items:center;justify-content:center;padding:16px;z-index:20}.bk.show{display:flex}.modal{background:var(--card);border-radius:18px;padding:30px 28px 24px;width:100%;max-width:480px;box-shadow:0 30px 80px -20px #3c1e0573}.modal h2{font-size:17px;margin-bottom:4px}.modal .sub{color:var(--sub);font-size:13.5px;margin-bottom:18px}.notice{background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:10px;padding:11px 14px;font-size:13.5px;margin:14px 0}.estimate{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:14px;margin-top:6px}.estimate .l{color:var(--sub);font-size:13.5px}.estimate .num{font-size:19px}.modal .acts{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.otp{background:#fff8ec;border:1px solid var(--brand-line);border-radius:10px;padding:14px;text-align:center;margin:14px 0}.otp .num{font-size:22px;letter-spacing:.06em}.otp p{font-size:12.5px;color:var(--err);margin-top:6px;font-weight:700}@media (max-width:640px){.appbar .in{flex-wrap:wrap;row-gap:8px;padding:12px 14px}.appbar nav{order:3;width:100%;margin-left:0;overflow-x:auto;padding-bottom:2px}.appbar nav a{white-space:nowrap}.appbar .who{margin-left:auto}.wrap{padding:20px 14px 120px}h1{font-size:18px}.topline{flex-direction:column;align-items:stretch;gap:10px}.meters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.meter{min-width:0;padding:9px 12px}.meter .v .num{font-size:18px}.topline>.btn.primary{width:100%;text-align:center}.prow .head{padding:14px 14px 12px;gap:6px 10px}.prow .name{font-size:15px}.prow .name small{display:block;margin-left:0;margin-top:1px}.cta{flex-wrap:wrap}.cta .btn{flex:1;text-align:center;min-width:150px}.step{grid-template-columns:1fr;gap:3px;padding:10px 0}.rail .cap{display:none}.menu{grid-template-columns:1fr}.login .card{padding:30px 22px 26px}.modal{padding:22px 18px 18px}.table{min-width:560px}}
