:root{--bg:#f5f5f4;--surface:#ffffff;--surface-2:#fafaf8;--text:#1f1f1b;--fg:var(--text);--muted:#6a6a61;--line:#e6e4dd;--dark:#161614;--dark-2:#1e1c18;--brand:#2a3560;--brand-2:#1a3a6a;--accent:#8a7a54;--success:#2a6040;--warning:#806619;--danger:#8a1a1a;--info:#2a5070;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 6px 20px rgba(0,0,0,0.09);--shadow-lg:0 16px 40px rgba(0,0,0,0.13);--sidebar-width:220px;--transition:0.18s cubic-bezier(0.4,0,0.2,1);--font:"Noto Sans JP","Hiragino Sans","Yu Gothic","Meiryo",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text)}.app-main{margin-left:var(--sidebar-width)}.sidebar-scrim,.sidebar-toggle{display:none}.filter-layout{display:grid;grid-template-columns:260px 1fr;grid-gap:24px;gap:24px;align-items:start}.filter-layout>*{min-width:0}.board-layout{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.board-layout>*{min-width:0}@media (max-width:720px){.board-layout{grid-template-columns:1fr;gap:14px}}.list-row{display:flex;gap:14px;align-items:flex-start}.list-row>.list-row-main{min-width:0;flex:1 1}.list-row>.list-row-side{flex:none;text-align:right}.badge-row{display:flex;flex-wrap:wrap;justify-content:flex-end}@media (max-width:560px){.list-row{flex-wrap:wrap}.list-row>.list-row-side{width:100%;text-align:left;border-top:1px solid var(--line);padding-top:10px}.list-row>.list-row-side .badge-row{justify-content:flex-start}}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:24px;gap:24px;align-items:start}.detail-layout>*{min-width:0}@media (max-width:900px){.detail-layout{grid-template-columns:1fr}.detail-layout>aside{position:static}}.spec-table{width:100%;border-collapse:collapse;font-size:13px}.spec-table th{width:140px;text-align:left;font-weight:500;color:var(--muted);padding:8px 12px 8px 0;vertical-align:top}.spec-table td,.spec-table th{border-bottom:1px solid var(--line)}.spec-table td{padding:8px 0}@media (max-width:640px){.spec-table th{width:96px}}.kanban{display:flex;gap:12px;align-items:flex-start;padding-bottom:8px}.kanban>.kanban-col{flex:none;width:260px;background:var(--surface-2);border-radius:var(--radius-md);padding:10px}@media (max-width:560px){.kanban{flex-direction:column}.kanban>.kanban-col{width:100%}}.topbar-identity{display:flex;align-items:baseline;gap:8px}@media (max-width:900px){.app-main{margin-left:0}.topbar-switch-label{display:none}.topbar-identity{flex-direction:column;align-items:flex-start;gap:0;line-height:1.3}.topbar-role{font-size:11px}.filter-layout{grid-template-columns:1fr;gap:16px}.filter-layout>aside{position:static}.sidebar{transform:translateX(-100%);box-shadow:var(--shadow-lg)}.sidebar-open{transform:translateX(0)}.sidebar-scrim,.sidebar-toggle{display:block}}.chat-layout{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;height:calc(100vh - 130px);background:var(--surface)}.chat-pane-list{border-right:1px solid var(--line);overflow-y:auto}.chat-pane-list,.chat-pane-room{display:flex;flex-direction:column;min-height:0}.chat-pane-room{min-width:0}.chat-room-head{justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line)}.chat-room-head,.chat-room-id{display:flex;align-items:center;gap:10px}.chat-room-id{min-width:0}.chat-room-actions{display:flex;align-items:center;gap:6px;flex:none}.chat-back{display:none}.chat-layout[data-inset=tabs]{height:calc(100vh - 200px)}@media (max-width:760px){.chat-layout{grid-template-columns:minmax(0,1fr);height:calc(100vh - 110px)}.chat-layout[data-inset=tabs]{height:calc(100vh - 215px)}.chat-layout[data-pane=list]>.chat-pane-room,.chat-layout[data-pane=room]>.chat-pane-list{display:none}.chat-layout>.chat-pane-list{border-right:none}.chat-room-head{flex-wrap:wrap;padding:10px 12px}.chat-room-id{width:100%}.chat-room-actions{width:100%;flex-wrap:wrap}.chat-back{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;margin-left:-6px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:16px;cursor:pointer}}.tabs-scroll{overflow-x:auto;scrollbar-width:thin;background:linear-gradient(to right,var(--bg) 30%,rgba(255,255,255,0)) 0,linear-gradient(to left,var(--bg) 30%,rgba(255,255,255,0)) 100%,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.16),rgba(0,0,0,0)) 0,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.16),rgba(0,0,0,0)) 100%;background-repeat:no-repeat;background-size:34px 100%,34px 100%,13px 100%,13px 100%;background-attachment:local,local,scroll,scroll}.table-scroll{overflow-x:auto;background:linear-gradient(to right,var(--surface) 30%,rgba(255,255,255,0)) 0,linear-gradient(to left,var(--surface) 30%,rgba(255,255,255,0)) 100%,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.16),rgba(0,0,0,0)) 0,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.16),rgba(0,0,0,0)) 100%;background-repeat:no-repeat;background-size:34px 100%,34px 100%,13px 100%,13px 100%;background-attachment:local,local,scroll,scroll}.data-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--surface)}.data-table thead th{text-align:left;padding:8px 10px;font-size:12px;font-weight:500;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap}.data-table tbody td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.data-table tbody tr:hover td{background:var(--surface-2)}.data-table .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.grid-table{width:100%;border-collapse:collapse;font-size:12px}.grid-table th{padding:8px 6px;background:var(--surface-2);font-weight:500;color:var(--muted);white-space:nowrap}.grid-table td,.grid-table th{border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:center}.grid-table td{padding:8px}.grid-table .head-col{text-align:left;position:-webkit-sticky;position:sticky;left:0;z-index:1;background:var(--surface)}.grid-table th.head-col{background:var(--surface-2);z-index:2}.grid-table th.head-col.wide{width:210px}.grid-table th.today{color:var(--text);font-weight:700}.grid-table td.head-col{text-align:left}.grid-table .cell{padding:0}.grid-table .subtle{background:var(--surface-2)}.grid-table .slot{padding:0;height:54px;border-left:1px dashed var(--line);vertical-align:top;overflow:visible;white-space:nowrap;border-right:none}.grid-table .slot.on-hour{border-left:1px solid var(--line)}.grid-table .slot.mine{background:color-mix(in srgb,var(--brand) 30%,transparent)}.grid-table .slot.other{background:color-mix(in srgb,var(--success) 26%,transparent)}.grid-table .slot.selected{background:color-mix(in srgb,var(--brand) 28%,transparent)}.data-table .nowrap{white-space:nowrap}.data-table .muted{color:var(--muted)}.data-table .strong{font-weight:600}.data-table .right{text-align:right}.data-table .subtle{background:var(--surface-2)}.data-table .col-time{width:64px}@media (min-width:641px){.data-table[data-min="520"]{min-width:520px}.data-table[data-min="560"]{min-width:560px}.data-table[data-min="620"]{min-width:620px}.data-table[data-min="840"]{min-width:840px}.data-table[data-min="760"]{min-width:760px}.data-table[data-min="900"]{min-width:900px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.only-sm{display:none}@media (max-width:640px){.hide-sm{display:none}.only-sm{display:block}.col-optional{display:none}.data-table tbody td,.data-table thead th{padding-left:6px;padding-right:6px}.data-table[data-min-sm="340"]{min-width:340px}.data-table[data-min-sm="380"]{min-width:380px}.data-table[data-min-sm="440"]{min-width:440px}.data-table[data-min-sm="560"]{min-width:560px}}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:10px 16px;background:var(--surface);color:var(--brand);border:2px solid var(--brand);border-radius:0 0 var(--radius-sm) 0;font-size:13px;font-weight:600;text-decoration:none}.skip-link:focus{left:0}@media (max-width:900px) and (pointer:coarse){.btn,.input,.sidebar nav a,.sidebar nav button{min-height:44px}}.form-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:560px){.form-2col{grid-template-columns:1fr}}.btn{transition:var(--transition);white-space:nowrap}.btn:focus-visible,.input:focus-visible,input:not([type=checkbox]):not([type=radio]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.btn:hover:not(:disabled){filter:brightness(.96)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);filter:none}.btn:disabled{opacity:.55;cursor:not-allowed}.input:focus,input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.row-list{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.row-list>.row-item+.row-item{border-top:1px solid var(--line)}.row-item>button:hover,a.row-item:hover,button.row-item:hover{background:var(--surface-2)}.stat-strip{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);margin-bottom:16px}.stat-strip-item{flex:1 1 140px;padding:12px 18px;min-width:0}.stat-strip-item+.stat-strip-item{border-left:1px solid var(--line)}.btn-apart{margin-left:8px}@media (max-width:640px){.btn-apart{margin-left:0}}.stat-strip-link{cursor:pointer}.stat-strip-link:hover{background:var(--surface-2)}.today{max-width:820px}.today-groups{display:grid;grid-gap:0 24px;gap:0 24px}@media (min-width:1200px){.today{max-width:1120px}.today-groups{grid-template-columns:1fr 1fr;align-items:start}}@media (max-width:640px){.stat-strip-item{flex-basis:50%}.stat-strip-item:nth-child(odd){border-left:none}.stat-strip-item:nth-child(n+3){border-top:1px solid var(--line)}}.login-layout{width:100%;max-width:380px;display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1fr);align-items:start}.login-layout-demo{max-width:760px;grid-template-columns:380px minmax(0,340px)}@media (max-width:860px){.login-layout-demo{max-width:380px;grid-template-columns:minmax(0,1fr)}}