:root{--ink:#10151b;--ink-2:#1b232c;--line:#e3e7ec;--line-dark:#2b3641;--bg:#f5f7f9;--surface:#fff;--text:#10151b;--muted:#6b7785;--accent:#2f6df6;--accent-ink:#1b4fd0;--ok:#16a34a;--warn:#d97706;--danger:#dc2626;--help:#ff5a36;--r:10px;--r-lg:16px;--shadow:0 1px 2px #10151b0f, 0 8px 24px #10151b0f;--sans:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.4}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}.btn{border-radius:var(--r);background:var(--ink);color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-weight:700;transition:opacity .15s,transform 50ms;display:inline-flex}.btn:hover{opacity:.88}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--text);border-color:var(--line);background:0 0}.btn-accent{background:var(--accent)}.btn-ok{background:var(--ok)}.btn-danger{background:var(--danger)}.btn-help{background:var(--help)}.btn-block{width:100%}.btn-lg{border-radius:12px;padding:14px 22px;font-size:17px}.field{margin-bottom:16px;display:block}.field>span{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.field>input,.field>select,.field>textarea{border:1px solid var(--line);border-radius:var(--r);width:100%;color:var(--text);background:#fff;padding:11px 13px}.field>input:focus,.field>select:focus,.field>textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.badge{color:var(--muted);background:#eef1f5;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.muted{color:var(--muted)}.error{color:#b91c1c;border-radius:var(--r);background:#fef2f2;border:1px solid #fecaca;padding:10px 14px;font-size:14px}.admin{grid-template-columns:232px 1fr;min-height:100%;display:grid}.admin-side{background:var(--ink);color:#fff;flex-direction:column;gap:4px;padding:22px 14px;display:flex}.admin-brand{letter-spacing:.08em;padding:0 10px 18px;font-size:16px;font-weight:800}.admin-brand small{letter-spacing:.16em;color:#7d8b9b;font-size:11px;font-weight:600;display:block}.admin-nav{color:#b8c3ce;border-radius:8px;padding:9px 12px;font-size:14px;font-weight:600;display:block}.admin-nav:hover{background:var(--ink-2);color:#fff}.admin-nav.active{background:var(--accent);color:#fff}.admin-side-foot{border-top:1px solid var(--line-dark);color:#7d8b9b;margin-top:auto;padding-top:16px;font-size:12px}.admin-main{padding:28px 32px 64px;overflow-x:hidden}.admin-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.admin-head h1{font-size:22px}.mobile{background:var(--surface);flex-direction:column;max-width:560px;min-height:100%;margin:0 auto;display:flex}.mobile-head{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffeb;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.mobile-head h1{font-size:17px}.mobile-body{flex:1;padding:18px 18px 96px}.mobile-tabs{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);max-width:560px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;grid-auto-flow:column;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tab{text-align:center;color:var(--muted);padding:10px 4px 12px;font-size:11px;font-weight:700}.mobile-tab .ico{font-size:19px;line-height:1.3;display:block}.mobile-tab.active{color:var(--accent)}.login-wrap{background:var(--ink);place-items:center;min-height:100%;padding:24px;display:grid}.login-card{background:var(--surface);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:20px;padding:34px 30px}.login-brand{text-align:center;margin-bottom:26px}.login-brand b{letter-spacing:.1em;font-size:21px}.login-brand small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.stack{gap:14px;display:grid}.row{align-items:center;gap:10px;display:flex}.spacer{flex:1}.center{text-align:center}.placeholder{border:1px dashed var(--line);border-radius:var(--r-lg);text-align:center;color:var(--muted);background:var(--surface);padding:40px 24px}.placeholder b{color:var(--text);margin-bottom:6px;display:block}.block{display:block}.avatar{object-fit:cover;background:#e8ecf1;border-radius:50%;flex:none}.avatar-fallback{color:var(--muted);place-items:center;font-weight:800;display:inline-grid}.filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filters input,.filters select{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:8px 11px;font-size:14px}.table-wrap{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 14px}.table th{color:var(--muted);background:#fafbfc;font-size:12px;font-weight:700;position:sticky;top:0}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#fafbfc}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table small{font-size:11px}.badge.type-CAPTAIN{color:var(--accent-ink);background:#eef4ff}.badge.type-TEAM_MEMBER{color:#15803d;background:#edf7f1}.badge.type-DIRECT{color:#b45309;background:#fdf2e6}.badge-off{color:#8b96a2;background:#f1f3f5}.chips{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;display:inline-flex}.chip-more{border-style:dashed}.chip-btn{cursor:pointer}.chip-btn:hover{border-color:var(--accent);color:var(--accent)}.chip-btn.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.chip-edit button{color:inherit;background:0 0;border:none;padding:0;font-size:12px}.chip-x{color:var(--muted);line-height:1;font-size:14px!important}.chip-x:hover{color:var(--danger)}.cols{grid-template-columns:1.3fr 1fr;align-items:start;gap:18px;display:grid}.form-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cols>*,.form-grid>*,.two>*,.shift-grid>*{min-width:0}.card h3{margin-bottom:12px;font-size:15px}.field-label{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:700}.field small{margin-top:5px;font-size:12px;display:block}.kv{grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:14px;display:grid}.kv dt{color:var(--muted);font-size:13px}.kv dd{margin:0}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--r);padding:10px 12px}.stat-label{color:var(--muted);font-size:11px;font-weight:700;display:block}.stat-value{font-size:20px;line-height:1.3;display:block}.stat.warn{background:#fffaf3;border-color:#fcd9b6}.stat.warn .stat-value{color:var(--warn)}.stat.accent .stat-value{color:var(--help)}.plain-list{margin:0;padding-left:18px}.plain-list li{margin-bottom:4px}.ok-msg{color:#15803d;border-radius:var(--r);background:#f0fdf4;border:1px solid #bbf7d0;margin:0;padding:9px 13px;font-size:14px}.link-danger{color:var(--danger);background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.econ{z-index:5;background:var(--ink);color:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);flex-wrap:wrap;align-items:flex-start;gap:8px 28px;margin-bottom:18px;padding:16px 22px;display:flex;position:sticky;top:0}.econ-bad{background:#4a1f16}.econ-item{display:grid}.econ-item>span{color:#97a4b2;letter-spacing:.04em;font-size:11px;font-weight:700}.econ-item>b{font-variant-numeric:tabular-nums;font-size:21px;line-height:1.35}.econ-item>small{font-size:11px;color:#8b98a6!important}.econ-warn{color:#ffb4a2;border-top:1px solid #ffffff26;width:100%;padding-top:8px;font-size:13px;font-weight:700}.rate-ok{color:var(--ok);font-weight:800}.rate-bad{color:#ef4444;font-weight:800}.econ .rate-ok{color:#4ade80}.econ .rate-bad{color:#ff8a70}.badge.st-DRAFT{color:#6b7785;background:#f1f3f5}.badge.st-CONFIRMED{color:var(--accent-ink);background:#eef4ff}.badge.st-RECRUITING{color:#b45309;background:#fff4e5}.badge.st-FIXED{color:#15803d;background:#edf7f1}.badge.st-DONE{color:#4b5563;background:#eef1f5}.badge.st-CLOSED{color:#9ca3af;background:#eef1f5}.shift{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}.shift-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;display:grid}.shift .field{margin-bottom:6px}.offer{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}.breakdown{color:var(--muted);background:#f7f9fb;border-radius:8px;margin:0;padding:7px 11px;font-size:13px}.breakdown b{color:var(--text)}.cand{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.cand:last-of-type{border-bottom:none}.cand>div{min-width:0}.cand b{white-space:nowrap}.row>select{flex:1;min-width:0}.row>.btn{white-space:nowrap}.pay-input{border:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;border-radius:8px;flex:none;width:96px;padding:7px 10px}.pay-input:disabled{color:var(--muted);background:#f5f7f9}@media (width<=700px){.shift-grid{grid-template-columns:1fr 1fr}}.req{border:1px solid var(--line);border-radius:var(--r);padding:11px 13px}.badge.ans-PENDING{color:#b45309;background:#fff4e5}.badge.ans-FULL{color:#15803d;background:#edf7f1}.badge.ans-PARTIAL{color:var(--accent-ink);background:#eef4ff}.badge.ans-DECLINED,.badge.as-CANDIDATE{color:#6b7785;background:#f1f3f5}.badge.as-NOTIFIED{color:#b45309;background:#fff4e5}.badge.as-ACCEPTED{color:#15803d;background:#edf7f1}.badge.as-DECLINED{color:#8b96a2;background:#f1f3f5}.badge.as-ADOPTED{background:var(--ok);color:#fff}.badge.as-NOT_ADOPTED{color:#8b96a2;background:#f1f3f5}.pick{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:10px;padding:8px 0;display:flex}.pick:last-of-type{border-bottom:none}.pick input{flex:none;width:17px;height:17px}.sec-title{margin-bottom:10px;font-size:15px}.offer-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);gap:14px;padding:15px 16px;display:flex}.offer-card.fixed{background:#f6fdf8;border-color:#bbf7d0}.offer-date{font-variant-numeric:tabular-nums;flex:none;width:58px;font-size:19px;font-weight:800;line-height:1.2}.offer-date small{color:var(--muted);font-size:11px;font-weight:600;display:block}.offer-main{flex:1;min-width:0}.offer-main>b{font-size:15px}.offer-pay{margin-top:4px;font-size:18px;font-weight:800}.offer-desc{color:var(--muted);white-space:pre-wrap;margin:8px 0 0;font-size:13px}.help-card{border-color:#ffd3c7}.help-card.live{border-color:var(--help);box-shadow:0 0 0 3px #ff5a361a}.help-confirm{border:1px solid var(--help);border-radius:var(--r);background:#fff8f6;padding:14px}.help-live{border-top:1px solid var(--line);margin-top:6px;padding-top:14px}.help-msg{white-space:pre-wrap;background:#f7f9fb;border-radius:8px;margin:0;padding:10px 13px;font-family:inherit;font-size:13px;line-height:1.7}.help-alert{border:2px solid var(--help);border-radius:var(--r-lg);background:#fff6f3;padding:18px}.help-alert-msg{white-space:pre-wrap;margin:0;font-size:15px;font-weight:600;line-height:1.8}.help-alert-meta{color:var(--muted);margin:8px 0 14px;font-size:13px}.help-alert-btn{background:var(--help);font-size:18px}.help-alert-done{color:var(--help);text-align:center;margin:0;font-weight:700}.tree{margin:0;padding-left:20px;list-style:none}.tree-root{padding-left:0}.tree li{padding:3px 0;position:relative}.tree:not(.tree-root)>li:before{content:"";border-top:1px solid var(--line);width:9px;position:absolute;top:16px;left:-12px}.tree:not(.tree-root){border-left:1px solid var(--line);margin-left:3px}.tree-node{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;font-size:14px;display:flex}.list-item{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:13px 0;display:flex}.list-item:last-child{border-bottom:none}.list-item small{font-size:12px}@media (width<=1080px){.cols,.form-grid{grid-template-columns:1fr}}@media (width<=860px){.admin{grid-template-columns:1fr}.admin-side{flex-direction:row;align-items:center;padding:10px;overflow-x:auto}.admin-brand{padding:0 12px 0 6px}.admin-brand small,.admin-side-foot{display:none}.admin-main{padding:18px 16px 48px}}.star{color:#d7dde4;background:0 0;border:none;padding:0 1px;font-size:19px;line-height:1}.star.on,.star:hover{color:#f5a524}.badge-warn{color:#b45309;background:#fff4e5}.eval-line{color:#f5a524;margin:8px 0 0;font-size:13px;font-weight:700}.eval-line .muted{margin-left:6px;font-weight:400}.offer-pay-tbd{color:var(--warn);margin-top:4px;font-size:13px;font-weight:700}