:root{--primary:#ff4600;--primary-dark:#d93b00;--primary-light:#fff1ec;--navy:#0f3282;--text:#1e2328;--muted:#5b6472;--bg:#f6f6f4;--surface:#fff;--surface-2:#f1f0ed;--zebra:#faf9f7;--offhours:#0f18280d;--border:#e4e3df;--danger:#d6452a;--danger-bg:#fdece7;--success:#0f766e;--success-bg:#e7f5f2;--radius:10px;--shadow-sm:0 1px 2px #1018280a, 0 1px 3px #1018280f;--shadow-md:0 6px 20px #1018281a;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--fs-cap:12px;--fs-sub:13px;--fs-body:14px;--fs-lg:16px;--fs-h2:18px;--fs-h1:20px;--st-reserved-bg:#eef1f8;--st-reserved-fg:#0f3282;--st-onboard-bg:#fdece3;--st-onboard-fg:#b4480c;--st-completed-bg:#e7f5f2;--st-completed-fg:#0f766e;--st-cancelled-bg:#eee;--st-cancelled-fg:#5b6270;--st-aborted-bg:#fdeceb;--st-aborted-fg:#b42318}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;word-break:auto-phrase;overflow-wrap:break-word;font-family:Yu Gothic,游ゴシック,YuGothic,游ゴシック体,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.card{background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid #ecebe7;border-radius:12px;padding:24px}.btn{border-radius:var(--radius);cursor:pointer;background:var(--surface);height:44px;color:var(--text);white-space:nowrap;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;transition:transform 80ms,box-shadow .12s,background .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.6;cursor:default}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #ff460040}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 3px 8px #ff460047}.btn-outline{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){background:var(--bg);border-color:#d7d6d1}.btn-sm{height:36px;padding:0 12px;font-size:13px}.btn-lg{border-radius:12px;height:56px;padding:0 22px;font-size:16px}.btn-xl{border-radius:14px;height:64px;padding:0 22px;font-size:18px}.btn-block{width:100%}@media (min-width:641px){.btn-lg{height:48px;font-size:15px}.btn-xl{height:52px;padding:0 20px;font-size:16px}}@keyframes phub-spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite phub-spin}.loading-wrap{color:var(--muted);place-items:center;gap:10px;padding:56px 0;font-size:13px;display:grid}.hint{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5}.stepper{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.stepper .step{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.stepper .step .num{background:var(--bg);width:22px;height:22px;color:var(--muted);border:1px solid var(--border);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.stepper .step.current .num{background:var(--primary);color:#fff;border-color:var(--primary)}.stepper .step.current{color:var(--text);font-weight:700}.stepper .step.done .num{background:var(--success);color:#fff;border-color:var(--success)}.stepper .sep{color:var(--border);font-size:12px}@media (max-width:640px){.stepper .step .label{display:none}.stepper .step.current .label{display:inline}}.toast{max-width:92vw;box-shadow:var(--shadow-md);font-size:var(--fs-body);border-radius:10px;align-items:center;gap:14px;padding:11px 16px;font-weight:700;animation:.18s toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.modal-panel{animation:.16s modal-in}@keyframes sk{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton{background:linear-gradient(90deg,#ededeb 25%,#f6f6f4 37%,#ededeb 63%) 0 0/400px 100%;border-radius:6px;animation:1.2s linear infinite sk}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:700}.field input{border:1px solid var(--border);border-radius:var(--radius);height:44px;color:var(--text);background:#fff;padding:0 12px;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus,input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff460026}.field input::placeholder,.field textarea::placeholder{color:#8c8c85}.btn:focus-visible,.app-nav a:focus-visible,.tab:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.form-group{border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:14px 16px 16px}.form-group>legend{color:var(--text);align-items:center;gap:5px;padding:0 6px;font-size:13px;font-weight:700;display:inline-flex}.form-group>legend svg{color:var(--primary)}.field-error{color:var(--danger);margin-top:5px;font-size:12px;font-weight:700}.alert-error{color:var(--danger);border-radius:var(--radius);background:#fdecea;border:1px solid #f5c6c0;padding:10px 12px;font-size:14px}.app-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;display:flex;box-shadow:0 1px 3px #1018280a}.app-nav{gap:16px;font-size:14px;font-weight:700;display:flex}.app-nav a{white-space:nowrap;color:var(--text);border-bottom:2px solid #0000;padding:4px 2px;transition:color .1s,border-color .1s}.app-nav a:hover{color:var(--primary)}.app-nav a.active{color:var(--primary);border-bottom-color:var(--primary)}.app-header-user{align-items:center;gap:12px;margin-left:auto;display:flex}.app-main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:24px}@media (max-width:640px){.app-header{gap:8px;padding:10px 12px}.app-header-user{gap:8px;font-size:12px}.app-nav{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex-basis:100%;order:3;gap:14px;padding-bottom:2px;overflow-x:auto}.app-main{padding:14px}.card{padding:16px}h1{font-size:18px!important}}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.app-nav-divider{background:var(--border);flex:none;align-self:stretch;width:1px;margin:0 2px}.sub-nav{background:var(--surface);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;overflow-x:auto}.sub-nav-inner{gap:4px;width:100%;max-width:1040px;margin:0 auto;padding:0 24px;display:flex}.sub-nav a{white-space:nowrap;color:var(--muted);border-bottom:2px solid #0000;padding:10px 14px;font-size:13px;font-weight:700}.sub-nav a:hover{color:var(--primary)}.sub-nav a.active{color:var(--primary);border-bottom-color:var(--primary)}@media (max-width:640px){.sub-nav-inner{padding:0 12px}}.scope-chip{white-space:nowrap;background:var(--surface-2,#f1f5f9);color:var(--text);border:1px solid var(--border);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.scope-chip svg{color:var(--muted)}.scope-chip-all{background:color-mix(in srgb, var(--primary) 10%, #fff);color:var(--primary);border-color:color-mix(in srgb, var(--primary) 35%, #fff)}.scope-chip-all svg{color:var(--primary)}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:14px;font-size:13px;display:flex}.breadcrumb-item{align-items:center;gap:2px;display:inline-flex}.breadcrumb-item a{color:var(--muted)}.breadcrumb-item a:hover{color:var(--primary);text-decoration:underline}.breadcrumb-item [aria-current=page]{color:var(--text);font-weight:700}.breadcrumb-sep{color:var(--border)}.tab-bar{border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;display:flex;overflow-x:auto}.tab{height:40px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;padding:0 16px;font-size:14px;font-weight:700}.tab:hover{color:var(--text)}.tab-active{color:var(--primary);border-bottom-color:var(--primary)}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:700;line-height:1.7;display:inline-flex}.badge-navy{color:var(--navy);background:#eaf0fb}.badge-orange{background:var(--primary-light);color:var(--primary-dark)}.badge-danger{color:var(--danger);background:#fdecea}.badge-muted{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.badge-success{color:var(--success);background:#e9f7f4}.section-title{border-left:3px solid var(--navy);margin:20px 0 10px;padding-left:10px;font-size:15px;font-weight:700;line-height:1.4}.card table tbody tr:hover,.table-scroll table tbody tr:hover{background:#faf9f7}.empty-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;font-size:14px;display:flex}.notice-success{color:var(--success);border-radius:var(--radius);background:#e9f7f4;border:1px solid #b8e6df;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}
