:root{--bg:#fff;--bg-alt:#fbf7f2;--border:#ede6d3;--border-strong:#c6b996;--text:#211a0f;--text-secondary:#8c7c5c;--text-faint:#c6b996;--nav1:#f0e8da;--nav2:#fbf7f2;--hdr:#fffcf8;--select:#e59635;--select-text:#fff;--edit-blue:#2d6cd4;--danger:#d63b4f;--success:#1e9e6b;--ink-100:#ede6d3;--ink-700:#5c4c2e;--lvl-a:#6b4e8a;--lvl-b:#3f8f5b;--lvl-c:#4a4640;--brand-cta:#c89a3c;--font-body:"Inter", "Noto Sans SC", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.tc-login-page{background:var(--bg-alt);min-height:100vh;font-family:var(--font-body);color:var(--text);justify-content:center;align-items:center;display:flex}.tc-login-card{background:var(--bg);border:1px solid var(--border-strong);border-radius:4px;width:340px;padding:28px 30px}.tc-login-brand{margin-bottom:2px;font-size:15px;font-weight:700}.tc-login-sub{color:var(--text-secondary);margin:0 0 22px;font-size:11.5px}.tc-field{color:var(--text-secondary);flex-direction:column;gap:5px;margin-bottom:14px;font-size:12px;display:flex}.tc-field input{border:1px solid var(--border-strong);height:34px;color:var(--text);font-size:13px;font-family:var(--font-body);border-radius:3px;outline:none;padding:0 10px}.tc-field input:focus{border-color:var(--edit-blue)}.tc-login-error{color:var(--danger);background:#d63b4f14;border:1px solid #d63b4f4d;border-radius:3px;margin:0 0 14px;padding:8px 10px;font-size:12px}.tc-login-submit{background:var(--brand-cta);color:#fff;width:100%;height:36px;font-size:13px;font-family:var(--font-body);cursor:pointer;border:none;border-radius:3px}.tc-login-submit:hover{opacity:.92}.tc-login-submit:disabled{opacity:.6;cursor:default}.register-page{background:var(--bg-alt);min-height:100vh;font-family:var(--font-body);color:var(--text);justify-content:center;align-items:center;display:flex}.register-card{background:var(--bg);border:1px solid var(--border-strong);border-radius:4px;width:360px;padding:28px 30px}.register-brand{margin-bottom:2px;font-size:15px;font-weight:700}.register-sub{color:var(--text-secondary);margin:0 0 20px;font-size:11.5px;line-height:1.6}.register-card .field{color:var(--text-secondary);flex-direction:column;gap:5px;margin-bottom:12px;font-size:12px;display:flex}.register-card .field input{border:1px solid var(--border-strong);height:34px;color:var(--text);font-size:13px;font-family:var(--font-body);border-radius:3px;outline:none;padding:0 10px}.register-card .field input:focus{border-color:var(--edit-blue)}.register-error{color:var(--danger);background:#d63b4f14;border:1px solid #d63b4f4d;border-radius:3px;margin:0 0 14px;padding:8px 10px;font-size:12px}.register-success{color:var(--success);text-align:center;margin:0;font-size:13px}.register-submit{background:var(--brand-cta);color:#fff;width:100%;height:36px;font-size:13px;font-family:var(--font-body);cursor:pointer;border:none;border-radius:3px;margin-top:4px}.register-submit:hover{opacity:.92}.register-submit:disabled{opacity:.6;cursor:default}.tc-toast{background:var(--text);color:#fff;z-index:50;text-align:center;border-radius:4px;max-width:90vw;padding:9px 16px;font-size:12.5px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #211a0f40}.tc-shell{min-height:100vh;font-family:var(--font-body);color:var(--text);background:var(--bg);flex-direction:column;display:flex}.tc-topbar{border-bottom:1px solid var(--border);background:var(--hdr);flex-shrink:0;align-items:center;gap:14px;height:52px;padding:0 24px;display:flex}.tc-brand{font-size:15px;font-weight:800}.tc-version{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.tc-page-title{color:var(--text-secondary);font-size:13px}.tc-approval-icon{border:1px solid var(--border-strong);color:var(--text);cursor:pointer;background:#fff;border-radius:999px;margin-left:auto;padding:5px 12px;font-size:12px}.tc-approval-icon--active{background:var(--select);border-color:var(--select);color:var(--select-text)}.tc-role-badge{color:var(--text-secondary);cursor:pointer;font-size:12px;font-family:var(--font-body);background:0 0;border:1px solid #0000;border-radius:999px;padding:5px 10px}.tc-role-badge:hover{border-color:var(--border-strong)}.tc-role-badge--active{background:var(--select);border-color:var(--select);color:var(--select-text)}.tc-logout-btn{border:1px solid var(--border-strong);color:var(--text);cursor:pointer;background:#fff;border-radius:4px;padding:5px 12px;font-size:12px}.tc-body{flex:1;min-height:0;display:flex}.tc-primary-nav{background:var(--nav1);flex-direction:column;flex-shrink:0;width:76px;padding:10px 0;display:flex}.tc-primary-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:11.5px}.tc-primary-item--active{background:var(--select);color:var(--select-text)}.tc-secondary-nav{background:var(--nav2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:168px;padding:10px 0;display:flex}.tc-secondary-item{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;padding:9px 16px;font-size:12.5px}.tc-secondary-item:hover{background:var(--bg-alt)}.tc-secondary-item--active{background:var(--select);color:var(--select-text)}.tc-main{background:#fff;flex:1;padding:20px 24px;overflow-y:auto}.staff-list-page{flex-direction:column;gap:14px;display:flex}.filter-cluster{flex-wrap:wrap;gap:6px;display:flex}.status-tab{border:1px solid var(--border-strong);color:var(--text);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:12px}.status-tab--active{background:var(--select);border-color:var(--select);color:var(--select-text)}.cnt{color:var(--text-secondary)}.status-tab--active .cnt{color:var(--select-text);opacity:.85}.cnt--hot{color:var(--danger);font-weight:600}.status-tab--active .cnt--hot{color:#fff}.staff-error{color:var(--danger);background:#d63b4f14;border:1px solid #d63b4f4d;border-radius:4px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.staff-error button{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;font-size:12px}.staff-loading{color:var(--text-secondary);font-size:13px}td{border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px}.lvl{color:#fff;border-radius:999px;padding:2px 8px;font-size:11.5px}.lvl-A{background:var(--lvl-a)}.lvl-B{background:var(--lvl-b)}.lvl-C{background:var(--lvl-c)}.tag{border:1px solid;border-radius:999px;margin-right:4px;padding:1px 8px;font-size:11px;display:inline-block}.expiry-soon{color:var(--select)}.expiry-overdue{color:var(--danger)}.status-ok{color:var(--success)}.status-disabled{color:var(--danger)}.admin-badge{background:var(--brand-cta);color:#fff;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10.5px}.link-edit{color:var(--edit-blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px}.link-edit:hover{text-decoration:underline}.staff-empty{text-align:center;color:var(--text-secondary);padding:24px}.staff-create-page{max-width:460px}.panel{border:1px solid var(--border);border-radius:4px;padding:20px 22px}.panel h3{margin:0 0 16px;font-size:15px}.field{color:var(--text-secondary);flex-direction:column;gap:5px;margin-bottom:12px;font-size:12px;display:flex}.field input,.field select{border:1px solid var(--border-strong);height:32px;color:var(--text);font-size:13px;font-family:var(--font-body);background:#fff;border-radius:3px;outline:none;padding:0 9px}.field input:focus,.field select:focus{border-color:var(--edit-blue)}.edit-hint{color:var(--text-secondary);background:var(--bg-alt);border-radius:3px;margin:4px 0 12px;padding:8px 10px;font-size:11.5px}.create-error{color:var(--danger);background:#d63b4f14;border:1px solid #d63b4f4d;border-radius:3px;margin:0 0 12px;padding:8px 10px;font-size:12.5px}.create-success{color:var(--success);background:#1e9e6b14;border:1px solid #1e9e6b4d;border-radius:3px;margin:0 0 12px;padding:8px 10px;font-size:12.5px}.btn.solid{background:var(--brand-cta);color:#fff;width:100%;height:36px;font-size:13px;font-family:var(--font-body);cursor:pointer;border:none;border-radius:3px;margin-top:4px}.sub{color:var(--text-secondary);max-width:460px;margin-top:14px;font-size:12px;line-height:1.7}.groups-page{flex-direction:column;gap:14px;max-width:640px;display:flex}.groups-toolbar{gap:8px;display:flex}.groups-toolbar input{border:1px solid var(--border-strong);height:34px;font-size:13px;font-family:var(--font-body);border-radius:3px;outline:none;flex:1;padding:0 10px}.groups-toolbar input:focus{border-color:var(--edit-blue)}.btn.solid{background:var(--brand-cta);color:#fff;font-size:13px;font-family:var(--font-body);cursor:pointer;border:none;border-radius:3px;padding:0 16px}.btn.sm{cursor:pointer;border-radius:3px;padding:4px 10px;font-size:11.5px}.btn.sm.danger{border:1px solid var(--danger);color:var(--danger);background:#fff}.btn.sm.danger:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border-strong);color:var(--text-secondary)}.groups-notice{color:var(--select);background:#e596351a;border:1px solid #e596354d;border-radius:4px;margin:0;padding:8px 12px;font-size:12.5px}.groups-error{color:var(--danger);background:#d63b4f14;border:1px solid #d63b4f4d;border-radius:4px;margin:0;padding:8px 12px;font-size:12.5px}.groups-loading{color:var(--text-secondary);font-size:13px}.groups-toolbar select{border:1px solid var(--border-strong);height:34px;font-size:12.5px;font-family:var(--font-body);background:#fff;border-radius:3px;padding:0 8px}.tag-chip{border:1px solid;border-radius:999px;padding:2px 10px;font-size:11.5px;display:inline-block}.default-badge{color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:999px;padding:1px 7px;font-size:10.5px}.module-access-page{flex-direction:column;gap:14px;max-width:560px;display:flex}.module-access-page .field{color:var(--text-secondary);flex-direction:column;gap:5px;max-width:320px;font-size:12px;display:flex}.module-access-page select{border:1px solid var(--border-strong);height:34px;font-size:13px;font-family:var(--font-body);background:#fff;border-radius:3px;padding:0 9px}.ma-loading{color:var(--text-secondary);font-size:13px}.ma-notice{color:var(--select);background:#e596351a;border:1px solid #e596354d;border-radius:4px;margin:0;padding:8px 12px;font-size:12.5px}.ma-error{color:var(--danger);background:#d63b4f14;border:1px solid #d63b4f4d;border-radius:4px;margin:0;padding:8px 12px;font-size:12.5px}th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:9px 12px;font-weight:600}td{border-bottom:1px solid var(--border);padding:9px 12px}.badge{background:var(--success);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px}.grant-link,.revoke-link{cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px}.grant-link{color:var(--edit-blue)}.revoke-link{color:var(--danger)}.grant-link:hover,.revoke-link:hover{text-decoration:underline}.grant-link:disabled,.revoke-link:disabled{opacity:.5;cursor:default}.tcs-page{flex-direction:column;gap:22px;max-width:860px;display:flex}.tcs-page .btn{border:1px solid var(--border-strong);color:var(--edit-blue);cursor:pointer;font-size:12.5px;font-family:var(--font-body);background:#fff;border-radius:3px;padding:7px 14px}.tcs-page .btn:hover{background:var(--nav2)}.tcs-page .btn-primary{background:var(--edit-blue);color:#fff;border-color:var(--edit-blue)}.tcs-page .btn-primary:hover{opacity:.9}.tcs-page .btn:disabled{opacity:.5;cursor:default}.tcs-section h3{align-items:center;gap:10px;margin:0 0 12px;font-size:14px;font-weight:700;display:flex}.tcs-dual-picker{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.tcs-picker-col{color:var(--text-secondary);flex-direction:column;gap:5px;font-size:12px;display:flex}.tcs-picker-col select{border:1px solid var(--border-strong);width:220px;height:120px;font-size:13px;font-family:var(--font-body);background:#fff;border-radius:3px;padding:6px}.tcs-selected-box{border:1px dashed var(--border-strong);border-radius:3px;flex-wrap:wrap;align-content:flex-start;gap:6px;width:260px;min-height:120px;padding:8px;display:flex}.tcs-empty-hint{color:var(--text-secondary);font-size:12px}.tcs-chip{background:var(--ink-100);color:var(--ink-700);border-radius:999px;height:fit-content;padding:3px 10px;font-size:11.5px}.tcs-chip--software{background:var(--bg-alt);color:var(--brand-cta);border:1px solid var(--border-strong)}.tcs-module-panel{border-top:1px dashed var(--border-strong);padding-top:18px}.tcs-close-btn{border:1px solid var(--border-strong);cursor:pointer;color:var(--text-secondary);background:#fff;border-radius:3px;margin-left:auto;padding:4px 12px;font-size:12px}.tcs-close-btn:hover{color:var(--text-primary)}.approvals-page{flex-direction:column;gap:14px;display:flex}.approvals-notice{color:var(--success);background:#1e9e6b14;border:1px solid #1e9e6b4d;border-radius:4px;margin:0;padding:8px 12px;font-size:12.5px}.approvals-error{color:var(--danger);background:#d63b4f14;border:1px solid #d63b4f4d;border-radius:4px;margin:0;padding:8px 12px;font-size:12.5px}.approvals-loading,.approvals-empty{color:var(--text-secondary);font-size:13px}.table-area{border:1px solid var(--border);border-radius:4px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12.5px}thead tr{background:var(--hdr)}th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:top;padding:9px 12px}.payload-cell{color:var(--text-secondary);white-space:normal;word-break:break-all;max-width:320px;font-family:ui-monospace,monospace;font-size:11px}.row-actions{white-space:nowrap;gap:6px;display:flex}.btn.sm.solid{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:3px;padding:4px 10px;font-size:11.5px}.btn.sm.solid:disabled,.btn.sm.danger:disabled{opacity:.4;cursor:not-allowed}.regcode-page{max-width:420px}.code-display{letter-spacing:6px;text-align:center;color:var(--text);background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;margin-bottom:8px;padding:24px 0;font-family:ui-monospace,monospace;font-size:48px;font-weight:700}.code-display--expired{color:var(--danger);letter-spacing:0;font-size:24px}.code-meta{text-align:center;color:var(--text-secondary);margin-bottom:16px;font-size:12.5px}.regcode-actions{gap:8px;margin-bottom:14px;display:flex}.btn.solid{background:var(--brand-cta);color:#fff;font-size:13px;font-family:var(--font-body);cursor:pointer;border:none;border-radius:3px;flex:1;height:36px}.btn.solid:hover{opacity:.92}.btn.solid:disabled{opacity:.6;cursor:default}.btn.outline{border:1px solid var(--border-strong);color:var(--text);font-size:13px;font-family:var(--font-body);cursor:pointer;background:#fff;border-radius:3px;flex:1;height:36px}.btn.outline:disabled{opacity:.5;cursor:default}.regcode-error{color:var(--danger);background:#d63b4f14;border:1px solid #d63b4f4d;border-radius:4px;margin:0 0 14px;padding:8px 12px;font-size:12.5px}.sub{color:var(--text-secondary);font-size:12px;line-height:1.7}