:root{--bg:#f5f5f5;--surface:#ffffff;--ink:#222222;--ink-2:#444444;--muted:#767676;--line:#e8e8e8;--line-strong:#cccccc;--primary:#222222;--primary-ink:#ffffff;--wash:#f3f3f3;--accent:#e6337f;--accent-soft:#fff9fc;--brand-gradient:linear-gradient(90deg,#e6337f,#ef6f4a 50%,#f5b400);--s-bp:#3a5ba0;--s-br:#f08a24;--s-dr:#e6337f;--good:#006300;--good-bg:#e3f3e3;--warn:#8a5a00;--warn-bg:#fdf1d6;--bad:#b42d2d;--bad-bg:#f9e3e3;--logo-filter:none;--font-brand:"Poppins","Noto Sans JP","Hiragino Sans",system-ui,sans-serif;--font-display:"Noto Sans JP","Hiragino Sans","Yu Gothic",system-ui,sans-serif;--font-body:"Noto Sans JP","Hiragino Sans","Yu Gothic",system-ui,sans-serif;--radius:4px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141315;--surface:#1c1b1d;--ink:#f2f2f2;--ink-2:#c8c8c8;--muted:#8e8e8e;--line:#2e2d30;--line-strong:#46454a;--primary:#f2f2f2;--primary-ink:#1c1b1d;--wash:#252427;--accent:#ee4d93;--accent-soft:#2a1d24;--s-bp:#5b7fd0;--s-br:#d9701a;--s-dr:#ee4d93;--good:#3cc03c;--good-bg:#13301a;--warn:#f2b632;--warn-bg:#352a10;--bad:#ef7272;--bad-bg:#3a1a1a;--logo-filter:invert(1) hue-rotate(180deg) saturate(1.4);color-scheme:dark}}:root[data-theme=dark]{--bg:#141315;--surface:#1c1b1d;--ink:#f2f2f2;--ink-2:#c8c8c8;--muted:#8e8e8e;--line:#2e2d30;--line-strong:#46454a;--primary:#f2f2f2;--primary-ink:#1c1b1d;--wash:#252427;--accent:#ee4d93;--accent-soft:#2a1d24;--s-bp:#5b7fd0;--s-br:#d9701a;--s-dr:#ee4d93;--good:#3cc03c;--good-bg:#13301a;--warn:#f2b632;--warn-bg:#352a10;--bad:#ef7272;--bad-bg:#3a1a1a;--logo-filter:invert(1) hue-rotate(180deg) saturate(1.4);color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.6}.wrap{max-width:1180px;margin:0 auto;padding-inline:20px;padding-block:20px 56px;display:grid;grid-gap:20px;gap:20px}@media (max-width:520px){.wrap{padding-inline:16px}}h1,h2,h3{font-family:var(--font-display);margin:0;text-wrap:balance;letter-spacing:.01em}h1{font-size:22px;letter-spacing:.18em}h1,h2{font-weight:700}h2{font-size:16px;border-left:3px solid var(--accent);padding-left:10px;line-height:1.4}h3{font-size:15px;font-weight:700}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.eyebrow,.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}.top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}.brand-bar{height:6px;background:var(--brand-gradient)}.top .title{display:grid;grid-gap:10px;gap:10px;min-width:0}.logo{display:block;height:22px;width:auto;filter:var(--logo-filter)}.controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}input[type=month],input[type=number],input[type=text],select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:7px 10px;min-height:36px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}.tab{font:inherit;font-weight:500;background:none;border:0;color:var(--ink-2);padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent);font-weight:700}.btn{font:inherit;font-weight:500;border-radius:var(--radius);padding:8px 14px;min-height:36px;cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink)}.btn:hover{background:var(--wash)}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.btn.primary:hover{opacity:.9}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn:disabled{opacity:.45;cursor:not-allowed}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden}.seg button{font:inherit;border:0;background:var(--surface);color:var(--ink-2);padding:6px 12px;cursor:pointer;min-height:34px}.seg button+button{border-left:1px solid var(--line-strong)}.seg button[aria-pressed=true]{background:var(--primary);color:var(--primary-ink)}.banner{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;background:var(--warn-bg);color:var(--ink);border-radius:var(--radius);padding:10px 14px;font-size:13px}.banner strong{color:var(--warn)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:grid;grid-gap:14px;gap:14px;min-width:0}.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px}.section{display:grid;grid-gap:16px;gap:16px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}@media (max-width:900px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.tiles{grid-template-columns:1fr}}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:grid;grid-gap:4px;gap:4px;align-content:start;min-width:0}.tile .label{font-size:12px;color:var(--ink-2)}.tile .value{font-family:var(--font-brand);font-size:28px;font-weight:600;line-height:1.25}.tile.hero{border-color:var(--ink)}.tile.hero .label{justify-self:start;background:var(--primary);color:var(--primary-ink);font-weight:700;padding:4px 12px;border-radius:2px}.tile .value small{font-size:14px;font-weight:500;margin-left:2px}.tile .sub{font-size:12px;color:var(--muted)}.delta{font-size:12px;font-weight:500}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.delta.flat{color:var(--muted)}.mini-meter{height:6px;background:var(--wash);border-radius:3px;overflow:hidden;margin-top:4px}.mini-meter>span{display:block;height:100%;background:var(--brand-gradient);border-radius:3px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}@media (max-width:900px){.cards{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:grid;grid-gap:12px;gap:12px;align-content:start;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.svc{display:grid;grid-gap:1px;gap:1px;min-width:0}.svc-name{display:flex;align-items:center;gap:8px;font-family:var(--font-brand);font-weight:600;font-size:16px}.dot{width:10px;height:10px;border-radius:50%;flex:none}.svc-kind{font-size:12px;color:var(--muted)}.kv{display:grid;grid-template-columns:1fr auto;grid-gap:6px 12px;gap:6px 12px;font-size:13px}.kv dt{color:var(--ink-2)}.kv dd{margin:0;text-align:right;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card-foot{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;display:grid;grid-gap:2px;gap:2px}.card-foot a{color:var(--ink-2)}.chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:2px 8px;border-radius:999px;white-space:nowrap}.chip.good{background:var(--good-bg);color:var(--good)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.bad{background:var(--bad-bg);color:var(--bad)}.chip.none{background:var(--wash);color:var(--muted)}.chart{width:100%;min-width:0;position:relative}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart text{fill:var(--muted);font-family:var(--font-body);font-size:11px}.chart .grid{stroke:var(--line);stroke-width:1}.chart .base{stroke:var(--line-strong);stroke-width:1}.chart .target{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 4;fill:none}.chart .target-label{fill:var(--ink-2);font-size:11px}.chart .hit{fill:transparent;cursor:default}.chart .band:focus .hl,.chart .band:hover .hl{opacity:1}.chart .hl{opacity:0;fill:var(--wash);transition:opacity .12s}.chart .guide{stroke:var(--line-strong);stroke-width:1}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.legend i.dash{height:0;border-top:2px dashed var(--accent);width:16px;border-radius:0}#tip{position:fixed;z-index:10;pointer-events:none;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:8px 10px;font-size:12px;box-shadow:0 6px 20px rgba(0,0,0,.14);min-width:160px;max-width:260px}#tip .t-head{font-weight:700;margin-bottom:4px}#tip .t-row{display:flex;justify-content:space-between;gap:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}#tip .t-row span:first-child{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2)}#tip .t-total{border-top:1px solid var(--line);margin-top:4px;padding-top:4px;font-weight:700}.funnel{display:grid;grid-gap:4px;gap:4px}.f-row{display:grid;grid-template-columns:84px minmax(0,1fr) 48px;grid-gap:10px;gap:10px;align-items:center;font-size:13px}.f-row .f-label{color:var(--ink-2)}.f-row .f-count{text-align:right;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.f-bar{height:22px;background:var(--wash);border-radius:4px;overflow:hidden}.f-bar>span{display:block;height:100%;border-radius:0 4px 4px 0;min-width:2px}.f-rate{grid-column:2/3;font-size:11px;color:var(--muted);padding-left:2px}.meter{display:grid;grid-gap:4px;gap:4px}.meter-top{display:flex;justify-content:space-between;font-size:13px}.meter-bar{height:10px;background:var(--wash);border-radius:5px;overflow:hidden}.meter-bar>span{display:block;height:100%;border-radius:5px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:8px 10px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}th{font-weight:500;color:var(--ink-2);background:var(--wash);font-size:12px;border-top:1px solid var(--ink-2)}td:first-child,td:nth-child(2),th:first-child,th:nth-child(2){text-align:left}tbody tr:last-child td{border-bottom:0}td .dot{display:inline-block;margin-right:6px;vertical-align:middle}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:12px 16px;gap:12px 16px}.field{display:grid;grid-gap:4px;gap:4px;min-width:0}.field label{font-size:12px;color:var(--ink-2);font-weight:500}.field .hint{font-size:11px;color:var(--muted)}.field input,.field select{width:100%}fieldset{border:0;padding:0;margin:0;display:grid;grid-gap:12px;gap:12px;min-width:0}legend.fs{font-family:var(--font-display);font-weight:700;font-size:14px;padding:0 0 0 10px;margin-bottom:4px;border-left:3px solid var(--accent);line-height:1.4}.form-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.status{font-size:13px;color:var(--ink-2)}.status.err{color:var(--bad)}.two{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-gap:16px;gap:16px;align-items:start}@media (max-width:900px){.two{grid-template-columns:1fr}}#source-table td:nth-child(2),#source-table th:nth-child(2){text-align:right}.svc-tab{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-brand)}.svc-hero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 20px}.svc-hero h2{font-family:var(--font-brand);font-size:22px;font-weight:600;border-left-width:4px}.svc-hero .meta{display:grid;grid-gap:2px;gap:2px;min-width:0}.svc-hero .meta,.svc-hero a{font-size:12px;color:var(--ink-2)}.subtabs{display:inline-flex;gap:0;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden;justify-self:start;max-width:100%}.subtab{font:inherit;font-weight:500;border:0;background:var(--surface);color:var(--ink-2);padding:8px 22px;cursor:pointer;min-height:38px}.subtab+.subtab{border-left:1px solid var(--line-strong)}.subtab:hover{background:var(--wash)}.subtab[aria-selected=true]{background:var(--primary);color:var(--primary-ink);font-weight:700}.svc-mode .cards{grid-template-columns:1fr}.svc-mode #crm-filter-service,.svc-mode #roster-filter-service{display:none}.flow-rows button{font:inherit;display:flex;justify-content:space-between;gap:8px;width:100%;background:none;border:0;padding:2px 0;color:inherit;cursor:pointer;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.flow-rows button:hover span:first-child{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}@media (max-width:760px){.flow{grid-template-columns:1fr}}.flow-step{display:grid;grid-gap:8px;gap:8px;align-content:start;padding:14px;background:var(--wash);border-radius:var(--radius);min-width:0}.flow-step-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.flow-step-head h3{font-size:14px}.flow-step-head button{font:inherit;font-size:12px;background:none;border:0;color:var(--accent);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}.flow-big{font-family:var(--font-brand);font-size:24px;font-weight:600;line-height:1.2}.flow-big small{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--ink-2);margin-left:4px}.flow-rows{display:grid;grid-gap:4px;gap:4px;font-size:12px}.flow-rows div{display:flex;justify-content:space-between;gap:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.flow-rows span:first-child{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.toolbar input[type=search]{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:7px 10px;min-height:36px;flex:1 1 200px;min-width:0}.pipeline{display:flex;flex-wrap:wrap;gap:6px}.pipe{font:inherit;font-size:13px;display:inline-flex;gap:6px;align-items:baseline;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:4px 12px;cursor:pointer}.pipe b{font-family:var(--font-brand);font-weight:600;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pipe:hover{background:var(--wash)}.pipe[aria-pressed=true]{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.pipe[aria-pressed=true] b{color:var(--primary-ink)}#crm-table td,#crm-table th,#roster-table td,#roster-table th{text-align:left}#crm-table td:nth-child(6),#crm-table th:nth-child(6),#roster-table td:nth-child(7),#roster-table th:nth-child(7){text-align:right}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--accent-soft)}td.note-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis;text-align:left;color:var(--ink-2)}td.name-cell{font-weight:500}td.name-cell small{display:block;color:var(--muted);font-weight:400;font-size:11px}.overlay{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.45);display:grid;place-items:center;padding:calc(16px + env(safe-area-inset-top, 0px)) 16px 16px}.modal{border-radius:var(--radius);width:min(680px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:20px;display:grid;grid-gap:16px;gap:16px;border-top:4px solid transparent;border-image:var(--brand-gradient) 1}.field textarea,.modal,.modal textarea{background:var(--surface);color:var(--ink)}.field textarea,.modal textarea{font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius);padding:8px 10px;width:100%;min-height:84px;resize:vertical}.field.wide{grid-column:1/-1}.import-list{display:grid;grid-gap:6px;gap:6px;font-size:13px}.import-item{display:flex;flex-wrap:wrap;gap:4px 12px;padding:8px 10px;background:var(--wash);border-radius:var(--radius)}.import-item .dup{color:var(--warn)}.empty{padding:28px 16px;text-align:center;color:var(--ink-2);display:grid;grid-gap:8px;gap:8px;justify-items:center}.note{font-size:12px;color:var(--muted)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}