:root{color:#152033;background:#edf2f7;font-family:Inter,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #152033;--muted: #64748b;--line: #d8e2ee;--surface: #ffffff;--accent: #1768e8;--accent-soft: #e9f2ff;--good: #087443;--warn: #a15c00;--danger: #b4233c;--shadow: 0 16px 34px rgba(20, 32, 51, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#f8fbff,#edf2f7)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{--left-width: 224px;--ai-width: 320px;display:grid;grid-template-columns:var(--left-width) 8px minmax(0,1fr) 8px var(--ai-width);gap:0;height:100vh;padding:12px;color:var(--ink)}.app-shell.left-hidden{grid-template-columns:minmax(0,1fr) 8px var(--ai-width)}.app-shell.ai-hidden{grid-template-columns:var(--left-width) 8px minmax(0,1fr)}.app-shell.left-hidden.ai-hidden{grid-template-columns:minmax(0,1fr)}.left-nav,.workspace,.ai-panel{min-height:0;border:1px solid var(--line);border-radius:8px;background:#fffffff2;box-shadow:var(--shadow)}.left-nav{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;min-width:0;padding:14px}.brand,.brand span,.left-nav nav button,.head-actions,.head-actions button,.panel-head,.search-box,.company-access header,.company-access header button,.audit-strip article,.icon-action{display:flex;align-items:center}.brand{gap:10px;min-width:0;padding-bottom:14px;border-bottom:1px solid #e7edf5}.brand span{width:42px;height:42px;flex:0 0 auto;justify-content:center;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.brand div,.panel-head div,.workspace-head div{min-width:0}.brand strong{display:block;overflow:hidden;color:#0f172a;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.brand small,.panel-head small,.workspace-head p,.identity-grid dt,.company-access small,.nav-summary small{color:var(--muted)}.left-nav nav{display:grid;align-content:start;gap:6px;overflow:auto}.left-nav nav button{gap:10px;width:100%;min-width:0;min-height:40px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#344054;font-weight:780;text-align:left;white-space:nowrap}.left-nav nav button svg{flex:0 0 auto}.left-nav nav button.active,.left-nav nav button:hover{background:var(--accent-soft);color:var(--accent)}.nav-summary{display:grid;gap:4px;min-width:0;padding:14px;border:1px solid #dce6f2;border-radius:8px;background:#f8fbff}.nav-summary span,.kicker{color:var(--accent);font-size:12px;font-weight:860}.nav-summary strong{font-size:30px;line-height:1}.nav-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-resizer{position:relative;z-index:8;align-self:stretch;cursor:col-resize;touch-action:none}.layout-resizer:before{position:absolute;top:12px;bottom:12px;left:3px;width:2px;border-radius:999px;background:#cbd7e5;content:""}.layout-resizer:hover:before,.is-resizing .layout-resizer:before{background:var(--accent)}.workspace{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;overflow:auto;padding:18px}.workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.workspace-head h1{margin:4px 0 6px;font-size:28px;line-height:1.2;letter-spacing:0}.workspace-head p{max-width:760px;margin:0;font-size:14px;line-height:1.6}.head-actions{gap:8px;flex:0 0 auto}.head-actions button,.company-access header button{gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344054;font-weight:780}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metrics article{display:grid;gap:4px;min-width:0;padding:14px;border:1px solid #e1e8f2;border-radius:8px;background:#fbfdff}.metrics span{color:#475569;font-size:13px;font-weight:780}.metrics strong{font-size:25px;line-height:1}.metrics small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.portal-scope{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr);gap:12px;min-width:0;padding:14px;border:1px solid #dbe7f3;border-radius:8px;background:#fbfdff}.portal-scope h2{margin:3px 0 5px;font-size:19px;line-height:1.3}.portal-scope p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.scope-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scope-lists section{display:grid;gap:6px;min-width:0;padding:10px;border-radius:8px;background:#f4f8fc}.scope-lists strong,.scope-lists span{overflow:hidden;text-overflow:ellipsis}.scope-lists strong{color:#243044;font-size:13px}.scope-lists span{color:var(--muted);font-size:12px;line-height:1.4}.work-grid{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(420px,1fr);gap:12px;min-height:0}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px;min-height:0;overflow:auto;align-content:start}.work-panel{min-width:0;min-height:0;overflow:hidden;border:1px solid #dfe7f0;border-radius:8px;background:var(--surface)}.module-card{display:grid;gap:12px;align-content:start;padding:14px}.module-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.module-card-head svg{color:var(--accent)}.module-card-head h2{margin:0 0 4px;overflow:hidden;font-size:17px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.module-card-head small{display:block;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.module-list{display:grid;gap:8px}.module-list div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0;padding:9px 10px;border-radius:8px;background:#f8fbff}.module-list.compact div{grid-template-columns:minmax(0,1fr)}.module-list strong,.module-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-list span{color:var(--muted);font-size:12px}.policy-tags{display:flex;flex-wrap:wrap;gap:6px}.policy-tags span{min-height:26px;padding:5px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:820}.empty-work{display:grid;place-items:center}.panel-head{justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid #e7edf5}.panel-head h2{margin:0;font-size:18px;letter-spacing:0}.search-box{gap:7px;width:min(260px,48%);height:36px;padding:0 10px;border:1px solid #d7e1ed;border-radius:8px;background:#f8fbff;color:var(--muted)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.user-list{display:grid;gap:8px;height:calc(100% - 65px);overflow:auto;padding:12px}.user-list button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;padding:9px 10px;border:1px solid #e1e8f2;border-radius:8px;background:#fbfdff;text-align:left}.user-list button.active{border-color:#9cc4ff;background:var(--accent-soft)}.user-list button>span{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#eef3f8;color:var(--accent)}.user-list strong,.user-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list small{margin-top:3px;color:var(--muted);font-size:12px}.status{padding:4px 7px;border-radius:6px;font-size:12px;font-style:normal;font-weight:820}.status.active{background:#e7f8ef;color:var(--good)}.status.pending{background:#fff4dc;color:var(--warn)}.status.disabled{background:#fdecef;color:var(--danger)}.detail-panel{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto}.icon-action{justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344054}.identity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:14px}.identity-grid div{min-width:0;padding:10px;border:1px solid #e7edf5;border-radius:8px;background:#f8fbff}.identity-grid dt{margin-bottom:5px;font-size:12px;font-weight:760}.identity-grid dd{margin:0;overflow:hidden;color:#243044;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.endpoint-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 14px 14px;scrollbar-color:#98a8bb transparent;scrollbar-width:thin}.endpoint-tabs::-webkit-scrollbar{height:6px}.endpoint-tabs::-webkit-scrollbar-track{background:transparent}.endpoint-tabs::-webkit-scrollbar-thumb{border-radius:999px;background:#98a8bb}.endpoint-tabs button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:36px;padding:0 10px;border:1px solid #dfe7f0;border-radius:8px;background:#fff;color:#475569;font-weight:780}.endpoint-tabs button.active{border-color:#9cc4ff;background:var(--accent-soft);color:var(--accent)}.endpoint-tabs span{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:#edf2f7;color:#475569;font-size:12px}.company-access{min-height:0;overflow:auto;padding:0 14px 14px}.company-access header{justify-content:space-between;gap:12px;margin-bottom:10px}.company-access h3{margin:2px 0 0;font-size:20px}.company-list{display:grid;gap:9px}.company-list article,.empty-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid #e1e8f2;border-radius:8px;background:#fbfdff}.company-list article svg{color:var(--accent)}.company-list strong,.company-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-list span{padding:4px 7px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:820}.empty-state{grid-template-columns:auto minmax(0,1fr);color:var(--muted)}.audit-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px 14px;border-top:1px solid #e7edf5}.audit-strip article{gap:8px;min-width:0;min-height:38px;padding:0 10px;border-radius:8px;background:#f8fbff;color:#344054;font-size:12px;font-weight:760}.audit-strip svg{flex:0 0 auto;color:var(--accent)}.ai-panel{display:block;min-width:320px;max-width:560px;padding:0;overflow:hidden}.foundation-cat-ai-frame{display:block;width:100%;height:100%;border:0;overflow:hidden}.foundation-cat-float-host{position:fixed;z-index:50;width:86px;min-height:92px;touch-action:none}.foundation-cat-float-host .foundation-cat-ai-frame{pointer-events:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.app-shell,.app-shell.left-hidden,.app-shell.ai-hidden,.app-shell.left-hidden.ai-hidden{grid-template-columns:204px minmax(0,1fr);gap:10px;overflow:auto}.layout-resizer{display:none}.ai-panel{grid-column:1 / -1;min-height:340px;max-width:none}.workspace{min-height:calc(100vh - 24px)}}@media(max-width:760px){body{overflow:auto}.app-shell,.app-shell.left-hidden,.app-shell.ai-hidden,.app-shell.left-hidden.ai-hidden{display:block;height:auto;padding:10px}.left-nav,.workspace,.ai-panel{margin-bottom:10px}.left-nav{grid-template-rows:auto auto auto}.left-nav nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{overflow:visible}.workspace-head,.panel-head,.company-access header{display:grid}.head-actions,.search-box{width:100%}.metrics,.work-grid,.module-grid,.portal-scope,.scope-lists,.identity-grid,.audit-strip{grid-template-columns:1fr}.detail-panel{display:block}}