:root{--color-primary:#1f3a5f;--color-primary-dark:#14283f;--color-primary-light:#2f5685;--color-accent:#ff8a00;--color-accent-dark:#e67e00;--color-bg:#f4f6f9;--color-surface:#fff;--color-border:#e2e6ec;--color-text:#1a1f2c;--color-text-sub:#5c6675;--color-text-muted:#8a93a1;--color-success:#2e7d52;--color-success-bg:#e8f4ed;--color-warning:#c97a12;--color-warning-bg:#fff4e0;--color-danger:#d64545;--color-danger-dark:#b83a3a;--color-danger-bg:#fceaea;--color-info:#2e5ba8;--color-info-bg:#e8eef8;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #14283f0f;--shadow:0 2px 8px #14283f14;--shadow-lg:0 8px 24px #14283f1f;--font:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Meiryo", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--color-primary);color:#fff;z-index:10;height:56px;box-shadow:var(--shadow);align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header__brand{letter-spacing:.02em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.header__brand .logo-mark{background:var(--color-accent);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:inline-flex}.header__role-tag{background:#ffffff26;border:1px solid #fff3;border-radius:999px;margin-left:12px;padding:3px 10px;font-size:11px;font-weight:500}.header__nav{gap:4px;margin-left:32px;display:flex}.header__nav a{color:#ffffffd9;border-radius:6px;padding:8px 14px;font-size:13px}.header__nav a:hover{background:#ffffff14;text-decoration:none}.header__nav a.is-active{color:#fff;background:#ffffff24}.header__user{align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.avatar{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:inline-flex}.main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:28px 32px 56px}.page-title{justify-content:space-between;align-items:center;margin:0 0 22px;display:flex}.page-title h1{letter-spacing:.01em;margin:0;font-size:22px;font-weight:700}.page-title .desc{color:var(--color-text-sub);margin-top:4px;font-size:13px}.page-title__actions{flex-shrink:0;gap:8px;margin-left:16px;display:flex}.breadcrumb{color:var(--color-text-muted);margin-bottom:8px;font-size:12px}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb .sep{margin:0 6px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px}.card+.card{margin-top:16px}.card__title{margin:0 0 4px;font-size:15px;font-weight:700}.card__sub{color:var(--color-text-sub);margin-bottom:18px;font-size:12px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px 20px}.stat__label{color:var(--color-text-sub);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.stat__value{color:var(--color-primary);letter-spacing:-.01em;font-size:28px;font-weight:700}.stat__value .unit{color:var(--color-text-sub);margin-left:4px;font-size:13px;font-weight:500}.stat__delta{color:var(--color-text-muted);font-size:11px}.stat--accent .stat__value{color:var(--color-accent)}.stat--danger .stat__value{color:var(--color-danger)}.stat--success .stat__value{color:var(--color-success)}.btn{color:var(--color-text);border:1px solid #0000;border-color:var(--color-border);white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .12s;display:inline-flex}.btn:hover{background:#f8f9fb;text-decoration:none}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-dark)}.btn--accent{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn--accent:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);color:#fff}.btn--danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn--danger:hover{background:var(--color-danger-dark);border-color:var(--color-danger-dark);color:#fff}.btn--ghost{color:var(--color-text-sub);background:0 0}.btn--lg{padding:14px 24px;font-size:14px}.btn--block{width:100%}.btn--sm{padding:6px 12px;font-size:12px}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}.btn:disabled:hover,.btn[disabled]:hover{background:#fff}.btn--primary:disabled:hover{background:var(--color-primary)}.btn--accent:disabled:hover{background:var(--color-accent)}.btn--danger:disabled:hover{background:var(--color-danger)}.btn--ghost:disabled:hover{background:0 0}.input:disabled,.textarea:disabled,.select:disabled{background:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.action-tiles{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:700px){.action-tiles{grid-template-columns:1fr}}.action-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);padding:24px;text-decoration:none;transition:all .14s;display:block;position:relative}.action-tile:hover{border-color:var(--color-primary);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-1px)}.action-tile__icon{background:var(--color-info-bg);width:44px;height:44px;color:var(--color-primary);border-radius:10px;justify-content:center;align-items:center;margin-bottom:12px;font-size:22px;display:inline-flex}.action-tile--accent .action-tile__icon{color:var(--color-accent);background:#fff1dc}.action-tile--danger .action-tile__icon{background:var(--color-danger-bg);color:var(--color-danger)}.action-tile__title{margin:0 0 4px;font-size:16px;font-weight:700}.action-tile__desc{color:var(--color-text-sub);margin:0;font-size:12px}.action-tile .arrow{color:var(--color-text-muted);font-size:18px;position:absolute;top:24px;right:20px}.form-row{margin-bottom:18px}.form-row__label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.req,.form-row__label .req{color:var(--color-danger);margin-left:4px;font-size:11px;font-weight:500}.form-row__hint{color:var(--color-text-muted);margin-top:4px;font-size:11px}.input,.textarea,.select{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:#fff;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:13px}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1f3a5f1a}.textarea{resize:vertical;min-height:96px}.radio-group,.checkbox-group{flex-wrap:wrap;gap:8px;display:flex}.radio-pill{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;transition:all .1s;display:inline-flex}.radio-pill input{accent-color:var(--color-primary)}.radio-pill:hover{border-color:var(--color-primary-light)}.radio-pill input:checked+span,.radio-pill.is-checked{color:var(--color-primary);font-weight:600}.form-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;margin-top:24px;padding-top:20px;display:flex}.form-actions--split{justify-content:space-between}.table{border-collapse:collapse;background:#fff;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);padding:12px 16px;font-size:13px}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:#fafbfd;font-size:11px;font-weight:600}.table tbody tr{transition:background 80ms}.table tbody tr:hover{cursor:pointer;background:#fafbfd}.table tbody tr:last-child td{border-bottom:0}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.badge{color:var(--color-text-sub);white-space:nowrap;background:#eef1f5;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--primary{color:var(--color-primary);background:#1f3a5f14}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.notice{background:var(--color-warning-bg);border-left:4px solid var(--color-warning);color:#6b4108;border-radius:8px;gap:12px;padding:14px 16px;font-size:13px;display:flex}.notice--info{background:var(--color-info-bg);border-color:var(--color-info);color:#1b3d78}.notice--success{background:var(--color-success-bg);border-color:var(--color-success);color:#1f5c3c}.notice--danger{background:var(--color-danger-bg);border-color:var(--color-danger);color:#842525}.notice strong{margin-bottom:2px;display:block}.filter-bar{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.filter-bar .input,.filter-bar .select{width:auto;min-width:140px}.filter-bar .search{flex:1;min-width:200px}.login-page{background:linear-gradient(135deg,#1f3a5f 0%,#14283f 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:480px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-card h1{color:var(--color-primary);align-items:center;gap:10px;margin:0 0 6px;font-size:22px;font-weight:700;display:flex}.login-card .logo-mark{background:var(--color-accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:inline-flex}.login-card .lead{color:var(--color-text-sub);margin-bottom:28px;font-size:13px}.role-choice{gap:12px;display:grid}.role-choice a{border:1px solid var(--color-border);color:var(--color-text);border-radius:10px;align-items:center;padding:18px;text-decoration:none;transition:all .12s;display:flex}.role-choice a:hover{border-color:var(--color-primary);background:#fafbfd;text-decoration:none}.role-choice .icon{background:var(--color-info-bg);width:44px;height:44px;color:var(--color-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-right:14px;font-size:22px;display:inline-flex}.role-choice .role-accent .icon{color:var(--color-accent);background:#fff1dc}.role-choice .role-partner .icon{color:var(--color-success);background:#e8f4ed}.role-choice .title{font-size:14px;font-weight:700}.role-choice .desc{color:var(--color-text-sub);font-size:12px}.role-choice .arrow{color:var(--color-text-muted);margin-left:auto;font-size:18px}.login-form{margin-bottom:20px}.login-form .btn--block{margin-top:4px}.login-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:12px}.sysadmin{background:var(--color-bg);min-height:100vh}.sysadmin__bar{color:#fff;background:#1f3a5f;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.sysadmin__brand{align-items:center;gap:10px;font-weight:700;display:flex}.sysadmin__bar .logo-mark{color:#fff;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:inline-flex}.sysadmin__bar .btn--ghost{color:#ffffffd9}.sysadmin__main{max-width:960px;margin:0 auto;padding:28px 24px 48px}.empty{text-align:center;color:var(--color-text-muted);padding:48px 16px}.muted{color:var(--color-text-muted)}.text-sub{color:var(--color-text-sub)}.text-right{text-align:right}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-8{gap:8px}.gap-16{gap:16px}.mb-0{margin-bottom:0}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-16{margin-top:16px}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px dashed var(--color-border);padding:14px 0 14px 28px;position:relative}.timeline li:before{content:"";background:var(--color-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:22px;left:6px}.timeline li:last-child{border-bottom:0}.timeline .meta{color:var(--color-text-muted);margin-bottom:4px;font-size:11px}.timeline .body{font-size:13px}.kv{grid-template-columns:140px 1fr;gap:10px 16px;font-size:13px;display:grid}.kv dt{color:var(--color-text-sub);font-weight:500}.kv dd{color:var(--color-text);margin:0;font-weight:500}.row-status{align-items:center;gap:6px;display:flex}.type-tile{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .12s;display:flex}.type-tile:hover{border-color:var(--color-primary)}.type-tile.is-selected{border-color:var(--color-accent);background:#fffaf1;box-shadow:0 0 0 3px #ff8a001f}.type-tile input{margin-top:4px}.type-tile .icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:inline-flex}.type-tile .ttl{font-size:13px;font-weight:700}.type-tile .desc{color:var(--color-text-sub);margin-top:2px;font-size:11px}.chat-shell{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;grid-template-columns:240px 1fr;height:calc(100vh - 112px);min-height:520px;display:grid;overflow:hidden}@media (max-width:800px){.chat-shell{grid-template-columns:1fr}.chat-sidebar{display:none}}.chat-sidebar{border-right:1px solid var(--color-border);background:#fafbfd;flex-direction:column;display:flex}.chat-sidebar__title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:16px 16px 8px;font-size:11px;font-weight:700}.chat-channel{text-align:left;cursor:pointer;color:var(--color-text);background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:13px;display:flex}.chat-channel.is-active{border-left-color:var(--color-primary);background:#eef2f7;font-weight:600}.chat-channel:not(.is-active):hover{background:#f4f6f9}.chat-channel .hash{background:var(--color-primary);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.chat-sidebar__members{border-top:1px solid var(--color-border);margin-top:auto;padding:12px}.chat-sidebar__members .label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:8px;font-size:10px}.chat-member-row{align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.chat-member-row .name{font-weight:500}.chat-member-row .meta{color:var(--color-text-muted);font-size:10px}.chat-member-row .role-tag{border-radius:999px;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:600}.chat-member-row .role-tag.role-admin{color:var(--color-accent);background:#fff1dc}.chat-member-row .role-tag.role-partner{color:var(--color-success);background:#e8f4ed}.chat-main{flex-direction:column;min-width:0;min-height:0;display:flex}.chat-header{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:14px 20px;display:flex}.chat-header .title{align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.chat-header .title .hash{background:var(--color-primary);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.chat-header .desc{color:var(--color-text-muted);font-size:12px}.chat-header__right{color:var(--color-text-muted);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.chat-stream{background:#fcfdfe;flex:1;min-height:0;padding:18px 20px 8px;overflow-y:auto}.chat-day-divider{color:var(--color-text-muted);align-items:center;gap:12px;margin:16px 0 12px;font-size:11px;display:flex}.chat-day-divider:before,.chat-day-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.chat-msg{gap:10px;margin-bottom:16px;display:flex}.chat-msg .body{flex:1;min-width:0}.chat-msg .head{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.chat-msg .head .name{font-size:13px;font-weight:700}.chat-msg .head .role-tag{border-radius:999px;padding:1px 6px;font-size:9px;font-weight:600}.chat-msg .head .role-tag.role-admin{color:var(--color-accent);background:#fff1dc}.chat-msg .head .role-tag.role-partner{color:var(--color-success);background:#e8f4ed}.chat-msg .head .time{color:var(--color-text-muted);font-size:11px}.chat-msg .text{white-space:pre-line;word-break:break-word;font-size:13px;line-height:1.65}.chat-msg.is-self .body .text{background:#eef4fb;border:1px solid #dce6f2;border-radius:10px 10px 2px;padding:8px 12px;display:inline-block}.chat-composer{border-top:1px solid var(--color-border);background:#fff;padding:12px 20px 14px}.chat-composer__box{border:1px solid var(--color-border);background:#fff;border-radius:10px;align-items:flex-end;gap:6px;padding:6px 8px;transition:border-color .12s;display:flex}.chat-composer__box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #1f3a5f14}.chat-composer textarea{resize:none;background:0 0;border:0;outline:0;flex:1;min-height:22px;max-height:160px;padding:8px;font-family:inherit;font-size:13px}.chat-composer .send{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.chat-composer .send:disabled{cursor:not-allowed;background:#bfc6d1}.chat-composer__hint{color:var(--color-text-muted);margin-top:6px;font-size:10px}.chat-readonly-banner{color:#6b4108;background:#fff8e5;border:1px dashed #e0bc4a;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.role-banner{background:var(--color-info-bg);border-left:4px solid var(--color-info);color:#1b3d78;border-radius:6px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:12px;display:flex}.cta-footer{border-top:1px solid var(--color-border);background:#fff;justify-content:flex-end;gap:8px;margin-top:32px;padding:14px 0;display:flex;position:sticky;bottom:0}.header__org-tag{color:#fff;letter-spacing:.04em;border-radius:999px;margin-left:10px;padding:3px 10px;font-size:11px;font-weight:700}.nav-badge{background:var(--color-danger);color:#fff;vertical-align:1px;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:6px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.org-choice{flex-direction:column;gap:10px;margin:18px 0;display:flex}.org-choice a{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.org-choice a:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-1px)}.org-choice .title{color:var(--color-text);font-weight:700;display:block}.org-choice .desc{color:var(--color-text-muted);font-size:12px;display:block}.org-choice .arrow{color:var(--color-text-muted);margin-left:auto;font-size:18px}.org-mark{color:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:inline-flex}.login-org-bar{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);align-items:center;gap:12px;padding:12px 14px;display:flex}.login-org-bar .name{font-weight:700}.login-org-bar .sub{color:var(--color-text-muted);font-size:11px}.login-org-bar .btn{margin-left:auto}.chat-msg--typing{opacity:.9}.typing-bubble{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:4px;margin-top:2px;padding:8px 12px;display:inline-flex}.typing-bubble .dot{background:var(--color-text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite both typing-blink}.typing-bubble .dot:nth-child(2){animation-delay:.2s}.typing-bubble .dot:nth-child(3){animation-delay:.4s}.typing-bubble .typing-label{color:var(--color-text-muted);margin-left:4px;font-size:11px}@keyframes typing-blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.instruction-banner{border:1px solid var(--color-danger);border-radius:var(--radius);background:var(--color-danger-bg);border-left-width:5px;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;animation:2s infinite instruction-pulse;display:flex}.instruction-banner .icon{font-size:22px}.instruction-banner>div{flex:1}.instruction-banner .sub{color:var(--color-text-sub);margin-top:2px;font-size:12px}@keyframes instruction-pulse{0%,to{box-shadow:0 0 #d6454540}50%{box-shadow:0 0 0 6px #d6454500}}.instruction-card.is-unread{border:1px solid var(--color-danger);border-left-width:5px}.instruction-body{white-space:pre-wrap;background:var(--color-bg);border-radius:var(--radius);margin-bottom:12px;padding:12px 14px;font-size:13px}.instruction-ack-done{background:var(--color-success-bg);border-radius:var(--radius);padding:10px 14px;font-size:13px}.instruction-ack-done .label{color:var(--color-success);margin-bottom:4px;font-size:11px;font-weight:700}.instruction-detail-row td{background:var(--color-bg)}.instruction-detail{padding:6px 4px;font-size:13px}.instruction-detail .label{color:var(--color-text-muted);margin-bottom:4px;font-size:11px;font-weight:700}.instruction-detail .body{white-space:pre-wrap;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:10px;padding:10px 12px}.instruction-detail .ack .body{background:var(--color-success-bg);border-color:#0000;margin-bottom:0}.staff-check-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.staff-check{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,background .15s;display:flex}.staff-check:hover{border-color:var(--color-primary-light)}.staff-check.is-checked{border-color:var(--color-primary);background:var(--color-info-bg)}.staff-check input{accent-color:var(--color-primary)}.staff-check .nm{font-size:13px;font-weight:600;display:block}.staff-check .sub{color:var(--color-text-muted);font-size:11px;display:block}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:var(--color-bg);padding:36px 20px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.is-drag{border-color:var(--color-primary);background:var(--color-info-bg)}.dropzone .icon{margin-bottom:6px;font-size:30px}.dropzone .ttl{font-weight:700}.dropzone .sub{color:var(--color-text-muted);margin-top:2px;font-size:12px}.table tr.row-error td{background:var(--color-danger-bg)}.modal-overlay{z-index:100;background:#14283f73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:calc(100vh - 48px);padding:24px;overflow-y:auto}.modal-card__head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.modal-card__head h3{font-size:16px;font-weight:700}.modal-card__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1}.modal-card__close:hover{color:var(--color-text)}.modal-card__lead{color:var(--color-text-sub);margin-bottom:18px;font-size:12px}.modal-card .form-row>label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.modal-card__detail{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);margin-top:10px;padding:12px;font-size:13px}.modal-card__detail select,.modal-card__detail input[type=text],.modal-card__detail textarea{border:1px solid var(--color-border);font-size:13px;font-family:var(--font);background:var(--color-surface);border-radius:6px;padding:6px 8px}.modal-card__detail textarea{resize:vertical}@media (max-width:700px){.header{flex-wrap:wrap;row-gap:8px;height:auto;padding:8px 14px}.header__brand{font-size:14px}.header__role-tag{display:none}.header__user{gap:8px;font-size:12px}.header__nav{order:3;width:100%;margin-left:0;overflow-x:auto}.header__nav a{white-space:nowrap;padding:8px 10px}.main{padding:20px 14px 44px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-title{flex-wrap:wrap}.page-title__actions{margin-top:10px;margin-left:0}.instruction-banner{flex-wrap:wrap}.instruction-banner>div{flex-basis:100%}.instruction-banner .btn{justify-content:center;width:100%}.form-actions--split{flex-direction:column-reverse;align-items:stretch;gap:10px}.form-actions--split .btn{justify-content:center;width:100%}}.chat-msg.is-self{flex-direction:row-reverse}.chat-msg.is-self .head{justify-content:flex-end}.chat-msg.is-self .body{text-align:right}.chat-msg.is-self .body .text{text-align:left}a.chat-channel{text-decoration:none}.chat-new-badge{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:999px;margin:8px auto 0;padding:6px 14px;font-size:12px;font-weight:600;display:block;position:sticky;bottom:8px;box-shadow:0 4px 12px #1a1f2c38}.page-loading{flex-direction:column;min-height:100vh;display:flex}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, #eef1f5 50%, var(--color-border) 75%);background-size:200% 100%;border-radius:6px;animation:1.2s ease-in-out infinite skeleton-shimmer;display:block}.skeleton--title{width:240px;height:22px;margin-bottom:10px}.skeleton--text{width:100%;height:12px;margin:10px 0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}