:root{--app-bg:#f2f4f8;--app-surface:#ffffffc7;--app-surface-solid:#fff;--app-surface-muted:#f7f8fbbd;--app-surface-raised:#ffffffe6;--app-border:#1c273e1c;--app-border-strong:#1c273e33;--app-hairline:#ffffffc7;--app-text:#111827;--app-text-muted:#5f6b7d;--app-text-subtle:#9aa4b5;--app-primary:#4f63d9;--app-primary-hover:#4053c6;--app-primary-soft:#4f63d91a;--app-success:#188c63;--app-success-soft:#188c631a;--app-warning:#a96f16;--app-warning-soft:#a96f161a;--app-danger:#c83f45;--app-danger-soft:#c83f451a;--app-info:#2f6db5;--app-info-soft:#2f6db51a;--app-radius-xs:4px;--app-radius-sm:6px;--app-radius-md:8px;--app-radius-lg:10px;--app-shadow-popover:0 18px 50px #121c2d2e, 0 1px 0 #ffffffbd inset;--app-shadow-subtle:0 14px 34px #121c2d12, 0 1px 0 #ffffffc7 inset;--app-shadow-resting:0 1px 2px #121c2d0b, 0 1px 0 #ffffffc7 inset;--app-sidebar-width:232px;--app-sidebar-collapsed-width:76px;--app-topbar-height:56px}html{background:linear-gradient(135deg, #ffffffd1 0 25%, transparent 25% 50%, #ffffff75 50% 75%, transparent 75%) 0 0 / 18px 18px, radial-gradient(circle at 18% 8%, #5e76e614, transparent 28%), radial-gradient(circle at 82% 0%, #3591c712, transparent 26%), linear-gradient(180deg, #fafbfc 0%, var(--app-bg) 48%, #eef1f6 100%)}body{color:var(--app-text);background:0 0}button,input,textarea,select{font:inherit}.el-button{border-radius:var(--app-radius-sm);font-weight:600}.el-button--primary{--el-button-bg-color:var(--app-primary);--el-button-border-color:var(--app-primary);--el-button-hover-bg-color:var(--app-primary-hover);--el-button-hover-border-color:var(--app-primary-hover)}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner{border-radius:var(--app-radius-sm)}.el-tag{border-radius:var(--app-radius-xs);font-weight:600}:root{--nav:#0b1224;--nav-2:#07101f;--nav-border:#94a3b829;--blue:#2f6bff;--bg:#f5f7fb;--card:#fff;--text:#1f2937;--muted:#6b7280}*{box-sizing:border-box}body{background:var(--app-bg);color:var(--app-text);margin:0;font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif}.login-wrap{background:radial-gradient(circle at 20% 20%,#345dff 0,#15264f 35%,#060b16 100%);grid-template-columns:1.2fr .8fr;min-height:100vh;display:grid}.login-hero{color:#fff;padding:80px}.login-card{background:#fffffff2;border-radius:24px;align-self:center;margin-right:12%;padding:36px;box-shadow:0 30px 80px #0005}.layout{height:100vh;display:flex;overflow:hidden}.side{color:#dbe7ff;z-index:5;background:radial-gradient(circle at 22% -8%,#0ea5e92e,#0000 34%),linear-gradient(#101827 0%,#08111f 100%);border-right:1px solid #94a3b824;flex-direction:column;gap:14px;width:264px;padding:16px 14px 14px;transition:width .24s,padding .24s,background .24s;display:flex;position:relative;box-shadow:inset -1px 0 #ffffff06,16px 0 42px #0f172a1a}.side.collapsed{width:76px;padding-left:10px;padding-right:10px;overflow:visible}.side.collapsed .text,.side.collapsed .brand-copy,.side.collapsed .user-copy,.side.collapsed .side-action .text{display:none}.side-top{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.side.collapsed .side-top{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px}.brand{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.brand-copy{flex-direction:column;min-width:0;display:flex}.brand-copy b{color:#f8fbff;font-size:17px;line-height:1.2}.brand-copy small{color:#8fa3c7;white-space:nowrap;margin-top:4px}.logo{background:linear-gradient(135deg,#60a5fafa,#06b6d4f2);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:grid;box-shadow:0 14px 28px #2563eb52,inset 0 1px #ffffff59}.side.collapsed .brand{justify-content:center}.side-toggle{color:#dbe7ff;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b82e;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;transition:all .2s;display:inline-flex;box-shadow:0 10px 24px #0000002e}.side-toggle span{font-size:20px;line-height:1;display:inline-block;transform:translateY(-1px)}.side.collapsed .side-toggle{width:30px;height:30px;margin-left:0}.side-toggle:hover{background:#2563ebb8;border-color:#94a3b842;transform:translateY(-1px)}.menu{scrollbar-width:thin;scrollbar-color:#94a3b847 transparent;flex:1;padding:2px 2px 4px 0;overflow:auto}.side.collapsed .menu{overflow:visible}.menu::-webkit-scrollbar{width:6px}.menu::-webkit-scrollbar-thumb{background:#94a3b83d;border-radius:999px}.menu-section{margin-bottom:12px;position:relative}.menu-section.active:after{content:"";pointer-events:none;opacity:.75;background:linear-gradient(#3b82f61a,#0000);border-radius:18px;position:absolute;inset:30px 2px 0}.side.collapsed .menu-section.active:after{display:none}.menu-section-head{color:#93a4c3;cursor:pointer;letter-spacing:.04em;text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;width:100%;padding:7px 8px 7px 10px;font-size:12px;font-weight:700;transition:all .2s;display:grid}.menu-section-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;display:inline-flex;overflow:hidden}.menu-section-icon{color:#bfdbfe;background:#94a3b81f;border-radius:6px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:13px;font-weight:800;display:inline-flex}.menu-section-icon .el-icon,.menu-icon .el-icon,.menu-section-rail .el-icon{font-size:inherit}.menu-section-head small{color:#c7d2fe;background:#94a3b81f;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:20px;font-size:11px;display:inline-flex}.menu-section-arrow{color:#b8c7e8;font-size:15px;line-height:1}.menu-section-items{gap:4px;display:grid}.menu a{color:#c4d0ee;z-index:1;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;min-height:42px;margin:0;padding:10px 11px;text-decoration:none;transition:background .2s,color .2s,transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.menu a:before{content:"";background:0 0;border-radius:999px;width:3px;transition:background .2s,box-shadow .2s;position:absolute;top:11px;bottom:11px;left:-8px}.menu a.router-link-active,.menu a:hover{color:#fff;background:#ffffff14;border-color:#94a3b829;transform:translate(1px)}.menu a.router-link-active{background:linear-gradient(135deg,#2563ebe6,#0891b2c7);border-color:#93c5fd57;box-shadow:0 14px 28px #2563eb38}.menu a.router-link-active:before{background:#67e8f9;box-shadow:0 0 12px #67e8f9e6}.menu-icon{letter-spacing:.02em;color:#dbeafe;background:#0f172a52;border:1px solid #94a3b81f;border-radius:9px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:inline-flex}.menu-tooltip{display:none}.menu a.router-link-active .menu-icon{background:#ffffff29}.side.collapsed .menu{align-content:start;gap:8px;padding:0;display:grid}.side.collapsed .menu-section{justify-items:center;margin-bottom:0;display:grid;position:relative}.menu-section-rail{color:#bfdbfe;cursor:pointer;z-index:2;background:#ffffff0b;border:1px solid #94a3b81f;border-radius:14px;justify-content:center;align-items:center;width:50px;height:44px;transition:all .2s;display:inline-flex;position:relative}.menu-section-rail span{background:#0f172a38;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:inline-flex}.menu-section-rail:hover,.menu-section-rail.open{color:#f8fafc;background:#ffffff17;border-color:#93c5fd3d;transform:translateY(-1px)}.menu-section-rail.active{background:linear-gradient(135deg,#2563ebfa,#0ea5e9e6);border-color:#93c5fd61;box-shadow:0 14px 28px #2563eb3d}.menu-section-rail.active:after{content:"";background:#67e8f9;border-radius:999px;width:3px;position:absolute;top:15px;bottom:15px;right:-6px;box-shadow:0 0 12px #67e8f9c7}.side.collapsed .menu-section-items{opacity:0;visibility:hidden;pointer-events:none;transform-origin:0 0;z-index:45;background:linear-gradient(#0f172afa,#070d19fa);border:1px solid #94a3b82e;border-radius:16px;justify-items:stretch;gap:6px;width:232px;max-height:min(430px,100vh - 104px);padding:12px;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:-6px;left:calc(100% + 14px);overflow:visible;transform:translate(-8px)scale(.98);box-shadow:0 24px 60px #0f172a47}.side.collapsed .menu-section-items:before{content:"";background:#0f172afa;border-bottom:1px solid #94a3b82e;border-left:1px solid #94a3b82e;width:12px;height:12px;position:absolute;top:20px;left:-6px;transform:rotate(45deg)}.side.collapsed .menu-section:hover .menu-section-items,.side.collapsed .menu-section:focus-within .menu-section-items,.side.collapsed .menu-section.flyout-open .menu-section-items{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)scale(1)}.menu-flyout-head{display:none}.side.collapsed .menu-flyout-head{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:12px;margin-bottom:2px;padding:4px 4px 10px;display:flex}.side.collapsed .menu-flyout-head strong{color:#f8fbff;font-size:14px}.side.collapsed .menu-flyout-head small{color:#8fa3c7;font-size:12px}.side.collapsed .menu a{border-radius:12px;justify-content:flex-start;gap:10px;width:100%;height:auto;min-height:40px;padding:9px 10px;position:relative}.side.collapsed .menu a:before{width:3px;top:14px;bottom:14px;left:-12px}.side.collapsed .menu-icon{border-radius:10px;width:30px;height:30px;font-size:10px}.side.collapsed .menu-section-items .text{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:inline;overflow:hidden}.side.collapsed .menu-tooltip{display:none}.side-user{border-top:1px solid #94a3b81f;gap:10px;padding-top:14px;display:grid}.user-card{background:linear-gradient(#fff1,#ffffff09);border:1px solid #94a3b824;border-radius:16px;gap:10px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff05}.user-card-main{align-items:center;gap:12px;min-width:0;display:flex}.user-avatar{color:#eff6ff;background:linear-gradient(135deg,#3b82f6f2,#0ea5e9cc);border-radius:14px;flex:none;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:grid;box-shadow:0 10px 20px #0ea5e92e}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.user-card strong{color:#f8fbff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.user-copy span{color:#93a4c3;font-size:12px;line-height:1.4}.user-role-pill{color:#dbe7ff;background:#94a3b829;border:1px solid #94a3b82e;border-radius:10px;justify-content:center;align-items:center;min-height:28px;padding:6px 10px;font-size:12px;line-height:1.2;display:inline-flex}.user-view-switch{gap:6px;display:grid}.user-view-switch span{color:#93a4c3;font-size:11px;line-height:1.2}.user-view-switch select{color:#e5eefc;background:#0f172ac7;border:1px solid #94a3b838;border-radius:10px;outline:none;width:100%;min-height:34px;padding:7px 30px 7px 10px;font-size:12px;line-height:1.2}.user-actions{gap:8px;display:grid}.side-action{color:#dbe7ff;cursor:pointer;background:#ffffff0a;border:1px solid #94a3b824;border-radius:16px;align-items:center;gap:12px;width:100%;padding:11px 12px;transition:all .2s;display:flex}.side-action:hover{background:#ffffff17;border-color:#94a3b838;transform:translateY(-1px)}.side-action.danger{color:#fecaca}.side-action-icon{letter-spacing:.02em;background:#94a3b81f;border:1px solid #94a3b829;border-radius:10px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:inline-flex}.side-action-copy{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.side-action-copy strong{color:currentColor;font-size:14px;font-weight:700;line-height:1.2}.side-action-copy small{color:#90a3c1;font-size:11px;line-height:1.2}.side-action.danger .side-action-copy small{color:#f7b2b2}.side.collapsed .side-user{justify-items:center;gap:8px}.side.collapsed .user-card{background:#ffffff0e;border-radius:18px;place-items:center;width:54px;height:54px;padding:0}.side.collapsed .user-card-main{justify-content:center}.side.collapsed .side-action{background:#ffffff0b;border-radius:18px;justify-content:center;width:54px;height:54px;padding:0}.side.collapsed .side-action-icon{width:34px;height:34px}.side.collapsed .side-action:hover,.side.collapsed .user-card:hover{background:#ffffff17;border-color:#94a3b838}.side{width:var(--app-sidebar-width);color:var(--app-text);border-right:1px solid var(--app-border);box-shadow:inset -1px 0 0 var(--app-hairline), 10px 0 36px #121c2d0a;-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:linear-gradient(#ffffffdb,#f6f8fcbd),radial-gradient(circle at 20% 0,#4f63d914,#0000 30%);gap:12px;padding:12px 10px}.side.collapsed{width:var(--app-sidebar-collapsed-width);padding-left:10px;padding-right:10px}.side-top{min-height:44px;padding:2px}.brand{gap:10px}.logo{border-radius:var(--app-radius-md);color:#fff;background:linear-gradient(145deg,#111827,#1f2937);width:36px;height:36px;box-shadow:0 10px 22px #11182738,inset 0 1px #ffffff29}.brand-copy b{color:var(--app-text);font-size:15px;font-weight:760}.brand-copy small{color:var(--app-text-subtle);margin-top:3px;font-size:12px}.side-toggle{border:1px solid var(--app-border);border-radius:var(--app-radius-sm);width:30px;height:30px;color:var(--app-text-muted);box-shadow:var(--app-shadow-resting);background:#ffffffd1}.side-toggle span{font-size:inherit;transform:none}.side-toggle:hover{background:var(--app-surface-raised);border-color:var(--app-border-strong);color:var(--app-text);transform:none}.menu{scrollbar-color:#68708247 transparent;padding:2px 0 4px}.menu::-webkit-scrollbar-thumb{background:#6870823d}.menu-section{margin-bottom:8px}.menu-section.active:after{display:none}.menu-section-head{border-radius:var(--app-radius-sm);color:#9aa4b5;letter-spacing:0;text-transform:none;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;min-height:28px;padding:4px 4px 4px 6px;font-size:11px;font-weight:720}.menu-section-title{gap:6px}.menu-section-icon{color:#8c96a8;background:0 0;border:0;border-radius:0;width:16px;height:16px}.menu-section-head small{color:#b0b8c7;background:0 0;border:0;border-radius:999px;min-width:20px;height:16px;font-size:10px}.menu-section-head:hover,.menu-section-head.active{color:#5f6b7d;background:0 0}.menu-section-arrow{width:16px;height:16px;color:var(--app-text-subtle);transition:transform .16s}.menu-section-arrow.open{transform:rotate(90deg)}.menu-section-items{gap:2px}.side:not(.collapsed) .menu-section-items{margin:2px 0 0 9px;padding-left:10px;position:relative}.side:not(.collapsed) .menu-section-items:before{content:"";background:#1c273e1a;border-radius:999px;width:1px;position:absolute;top:5px;bottom:5px;left:0}.menu a{border-radius:var(--app-radius-sm);min-height:34px;color:var(--app-text-muted);border:1px solid #0000;gap:8px;padding:6px 7px;font-size:13px;font-weight:620;transition:background .16s,color .16s,border-color .16s}.menu a:before{display:none}.menu a:hover{color:var(--app-text);border-color:var(--app-border);box-shadow:none;background:#ffffffbd;transform:none}.menu a.router-link-active{background:linear-gradient(180deg, #ffffffe0, #eff2ffc7), var(--app-primary-soft);color:var(--app-primary);border-color:#5b6ee138;transform:none;box-shadow:0 8px 18px #4f63d91a,inset 0 1px #fffc}.side:not(.collapsed) .menu a.router-link-active:after{content:"";background:var(--app-primary);border-radius:999px;width:3px;position:absolute;top:9px;bottom:9px;left:-11px}.menu-icon{border-radius:var(--app-radius-xs);width:22px;height:22px;color:var(--app-text-subtle);border:1px solid var(--app-border);background:#fffc;font-size:13px}.menu a.router-link-active .menu-icon{color:var(--app-primary);background:#fff;border-color:#5b6ee13d}.menu a .text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-section-rail{border:1px solid var(--app-border);border-radius:var(--app-radius-md);width:48px;height:40px;color:var(--app-text-muted);background:#ffffffd1}.menu-section-rail span{border-radius:var(--app-radius-sm);width:26px;height:26px;color:var(--app-text-muted);background:#f6f8fcc2}.menu-section-rail:hover,.menu-section-rail.open{background:var(--app-surface-muted);border-color:var(--app-border-strong);color:var(--app-text);transform:none}.menu-section-rail.active{color:var(--app-primary);background:linear-gradient(#ffffffe6,#eff2ffd1);border-color:#5b6ee13d;box-shadow:0 10px 24px #4f63d924,inset 0 1px #ffffffd1}.menu-section-rail.active:after{background:var(--app-primary);width:3px;box-shadow:none;top:10px;bottom:10px;right:-11px}.side.collapsed .menu{gap:7px}.side.collapsed .menu-section-items{border:1px solid var(--app-border);border-radius:var(--app-radius-md);width:238px;box-shadow:var(--app-shadow-popover);-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#fffffff0;gap:4px;padding:10px;top:-4px;left:calc(100% + 12px)}.side.collapsed .menu-section-items:before{background:var(--app-surface);border-left:1px solid var(--app-border);border-bottom:1px solid var(--app-border);top:18px;left:-6px}.side.collapsed .menu-flyout-head{border-bottom:1px solid var(--app-border);padding:3px 4px 8px}.side.collapsed .menu-flyout-head strong{color:var(--app-text)}.side.collapsed .menu-flyout-head small{color:var(--app-text-subtle)}.side.collapsed .menu a{min-height:36px;padding:7px 8px}.side.collapsed .menu a:hover,.side.collapsed .menu a.router-link-active{transform:none}.side.collapsed .menu-icon{border-radius:var(--app-radius-xs);width:25px;height:25px}.side.collapsed .menu-section-items .text{font-size:13px;font-weight:650}.side.collapsed .menu a:focus-visible{outline-offset:2px;outline:2px solid #5b6ee161}.user-card{border-radius:var(--app-radius-md);border:1px solid var(--app-border);box-shadow:var(--app-shadow-resting);background:#ffffffd6;gap:8px;padding:10px}.user-avatar{border-radius:var(--app-radius-md);color:#fff;background:linear-gradient(145deg,#111827,#1f2937);width:34px;height:34px;box-shadow:0 8px 18px #1118272e,inset 0 1px #ffffff29}.user-card strong{color:var(--app-text);font-size:13px}.user-copy span{color:var(--app-text-subtle);font-size:12px}.user-role-pill{border-radius:var(--app-radius-sm);border:1px solid var(--app-border);min-height:26px;color:var(--app-text-muted);background:#f6f8fcc2;justify-content:flex-start;padding:5px 8px;font-size:12px}.user-view-switch select{border-radius:var(--app-radius-sm);border:1px solid var(--app-border);min-height:32px;color:var(--app-text);background:#ffffffdb}.user-view-switch select:focus{border-color:#5b6ee170;box-shadow:0 0 0 2px #5b6ee11f}.side-action-icon{border-radius:var(--app-radius-xs);background:var(--app-surface-muted);border:1px solid var(--app-border);width:26px;height:26px;font-size:14px}.side-action-copy strong{font-size:13px}.side-action-copy small,.side-action.danger .side-action-copy small{color:var(--app-text-subtle)}.side-action.danger .side-action-icon{background:var(--app-danger-soft);border-color:#d645452e}.main{background:0 0;flex-direction:column;flex:1;min-width:0;display:flex}.content{z-index:1;flex:1;padding:18px;position:relative;overflow:auto}.card{background:var(--app-surface);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow-subtle);border:1px solid var(--app-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:18px}.page-title{color:var(--app-text);margin-bottom:14px;font-size:20px;font-weight:750}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.app-topbar{z-index:1200;height:var(--app-topbar-height);border-bottom:1px solid var(--app-border);box-shadow:0 1px 0 var(--app-hairline) inset, 0 10px 30px #121c2d0a;-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#ffffffb8;grid-template-columns:minmax(180px,260px) minmax(320px,640px) minmax(0,auto);align-items:center;gap:14px;padding:10px 18px;display:grid;position:relative}.topbar-route{gap:2px;min-width:0;display:grid}.topbar-route span{color:var(--app-text-subtle);font-size:12px;font-weight:700}.topbar-route strong{color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750;overflow:hidden}.topbar-search{border:1px solid var(--app-border);border-radius:var(--app-radius-md);max-width:640px;height:36px;box-shadow:0 1px 0 var(--app-hairline) inset;background:#f6f8fcc7;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px 0 11px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.topbar-search:focus-within{box-shadow:0 0 0 3px #4f63d91a, 0 1px 0 var(--app-hairline) inset;background:#ffffffe0;border-color:#4f63d96b}.topbar-search .el-icon{color:var(--app-text-subtle);font-size:15px}.topbar-search input{min-width:0;color:var(--app-text);background:0 0;border:0;outline:0;font-size:13px}.topbar-search kbd{border:1px solid var(--app-border);min-width:42px;height:22px;color:var(--app-text-subtle);box-shadow:0 1px 0 var(--app-hairline) inset;background:#ffffffb8;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.topbar-actions button{border:1px solid var(--app-border);border-radius:var(--app-radius-sm);height:32px;color:var(--app-text-muted);cursor:pointer;background:#ffffffc7;padding:0 10px;font-size:12px;font-weight:700}.topbar-account{z-index:1210;position:relative}.topbar-user{align-items:center;gap:7px;min-width:0;max-width:176px;display:inline-flex;height:38px!important;color:var(--app-text)!important;padding:4px 8px 4px 5px!important}.topbar-user .user-avatar{border-radius:var(--app-radius-sm);width:28px;height:28px}.topbar-user-copy{text-align:left;gap:1px;min-width:0;display:grid}.topbar-user-copy strong,.topbar-user-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-user-copy strong{color:var(--app-text);font-size:12px;line-height:1.2}.topbar-user-copy small{color:var(--app-text-subtle);font-size:11px;line-height:1.2}.topbar-user-arrow{width:14px;height:14px;color:var(--app-text-subtle);transition:transform .16s}.topbar-user-arrow.open{transform:rotate(90deg)}.topbar-account-menu{z-index:1220;border:1px solid var(--app-border);border-radius:var(--app-radius-md);width:272px;box-shadow:0 20px 60px #121c2d29, 0 1px 0 var(--app-hairline) inset;-webkit-backdrop-filter:blur(22px)saturate(1.12);backdrop-filter:blur(22px)saturate(1.12);background:linear-gradient(#fffffff5,#f7f9fce6),#ffffffd6;gap:7px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.account-menu-head{border-bottom:1px solid var(--app-border);align-items:center;gap:10px;padding:6px 6px 10px;display:flex}.account-menu-head div{gap:2px;min-width:0;display:grid}.account-menu-head strong,.account-menu-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu-head strong{color:var(--app-text);font-size:13px}.account-menu-head span{color:var(--app-text-subtle);font-size:12px}.account-menu-view{border:1px solid var(--app-border);border-radius:var(--app-radius-sm);box-shadow:0 1px 0 var(--app-hairline) inset;background:#ffffff9e;gap:6px;padding:9px;display:grid}.account-menu-view span{color:var(--app-text-subtle);font-size:11px;font-weight:750}.account-menu-view select{border:1px solid var(--app-border);border-radius:var(--app-radius-sm);width:100%;min-height:32px;color:var(--app-text);background:#ffffffdb;padding:0 8px;font-size:12px}.account-menu-item{border-radius:var(--app-radius-sm);width:100%;min-height:38px;color:var(--app-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:8px;padding:0 9px;font-size:13px;font-weight:650;display:flex}.account-menu-item:hover{color:var(--app-text);border-color:var(--app-border);box-shadow:0 1px 0 var(--app-hairline) inset;background:#ffffffc7}.account-menu-item.danger{color:var(--app-danger)}.account-menu-item.danger:hover{background:var(--app-danger-soft);color:var(--app-danger)}.topbar-actions button:hover{border-color:var(--app-border-strong);color:var(--app-text)}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat{background:linear-gradient(135deg,#fff,#eef4ff);border:1px solid #e8edf7;border-radius:20px;padding:20px}.stat .num{color:#2563eb;font-size:30px;font-weight:800}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.wide{grid-column:1/-1}.el-dialog.app-form-dialog{--dialog-width:760px;background:linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #e6edf7;border-radius:24px;margin:0 auto;overflow:hidden;box-shadow:0 28px 90px #0f172a29;width:min(var(--dialog-width), calc(100vw - 40px))!important}.el-dialog.app-form-dialog.app-form-dialog--md{--dialog-width:720px}.el-dialog.app-form-dialog.app-form-dialog--lg{--dialog-width:860px}.el-dialog.app-form-dialog.app-form-dialog--xl{--dialog-width:1080px}.el-dialog.app-form-dialog .el-dialog__header{background:linear-gradient(#fcfdff 0%,#f8fbff 100%);border-bottom:1px solid #edf2f8;margin-right:0;padding:20px 24px 16px}.el-dialog.app-form-dialog .el-dialog__title{color:#0f172a;letter-spacing:.01em;font-size:20px;font-weight:800}.el-dialog.app-form-dialog .el-dialog__headerbtn{background:#f8fafc;border-radius:10px;width:32px;height:32px;transition:all .2s;top:20px;right:20px}.el-dialog.app-form-dialog .el-dialog__headerbtn:hover{background:#eef4ff}.el-dialog.app-form-dialog .el-dialog__body{max-height:calc(100vh - 190px);padding:18px 24px 12px;overflow:auto}.el-dialog.app-form-dialog .el-dialog__footer{background:#fffffff5;border-top:1px solid #edf2f8;padding:14px 24px 18px}.el-dialog.app-form-dialog .el-form-item{margin-bottom:14px}.el-dialog.app-form-dialog .el-form-item__label{color:#334155;font-weight:600}.el-dialog.app-form-dialog .el-input__wrapper,.el-dialog.app-form-dialog .el-textarea__inner,.el-dialog.app-form-dialog .el-select__wrapper,.el-dialog.app-form-dialog .el-input-number,.el-dialog.app-form-dialog .el-date-editor.el-input,.el-dialog.app-form-dialog .el-date-editor.el-input__wrapper{border-radius:12px}.dialog-form-grid,.dialog-form-grid-3{gap:0 18px;display:grid}.dialog-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dialog-form-grid .wide,.dialog-form-grid-3 .wide{grid-column:1/-1}.pill{color:#4338ca;background:#eef2ff;border-radius:999px;padding:3px 8px;font-size:12px}@media (width<=900px){.login-wrap{grid-template-columns:1fr}.login-card{margin:20px}.stats,.grid{grid-template-columns:1fr}.el-dialog.app-form-dialog{border-radius:18px;width:calc(100vw - 24px)!important}.el-dialog.app-form-dialog .el-dialog__header,.el-dialog.app-form-dialog .el-dialog__body,.el-dialog.app-form-dialog .el-dialog__footer{padding-left:16px;padding-right:16px}.dialog-form-grid,.dialog-form-grid-3{grid-template-columns:1fr}.side{z-index:20;position:fixed;top:0;bottom:0;left:0}.side.collapsed{width:72px}.main{width:calc(100% - 76px);margin-left:76px}.side:not(.collapsed)+.main{width:calc(100% - 268px);margin-left:268px}}.data-insights{grid-template-columns:360px minmax(0,1fr);gap:16px;margin-bottom:16px;display:grid}.insight-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.insight-card{background:#f8fbff;border:1px solid #e8edf7;border-radius:8px;gap:6px;padding:14px;display:grid}.insight-card span{color:var(--muted);font-size:13px}.insight-card b{color:#2563eb;font-size:24px}.resource-chart{background:#fff;border:1px solid #e8edf7;border-radius:8px;height:180px}@media (width<=900px){.data-insights{grid-template-columns:1fr}.resource-chart{height:240px}}.browse-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:14px;display:grid}.browse-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:12px;min-height:220px;padding:18px;transition:box-shadow .2s,border-color .2s;display:grid;overflow:hidden}.browse-card:hover{border-color:#c7d7eb;box-shadow:0 8px 24px #00000014}.browse-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.browse-card-head b{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:600;line-height:1.4;display:inline-block;overflow:hidden}.browse-card h3{color:#111827;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:17px;line-height:1.35;display:-webkit-box;overflow:hidden}.browse-card p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.5;overflow:hidden}.browse-meta{color:#4b5563;gap:5px;font-size:12.5px;display:grid}.browse-meta span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-right:4px;line-height:1.6;display:block;overflow:hidden}.browse-card pre{white-space:pre-wrap;word-break:break-word;color:#374151;background:#f8fafc;border:1px solid #edf2f7;border-radius:8px;max-height:110px;margin:0;padding:10px;font-family:inherit;font-size:12.5px;line-height:1.6;overflow:auto}.supplier-info-badges{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.info-badge{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;background:#f3f4f6;border-radius:4px;max-width:120px;padding:2px 8px;font-size:12px;line-height:1.6;display:inline-block;overflow:hidden}.level-badge{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);font-weight:600}.product-catalog{grid-template-columns:240px minmax(0,1fr);gap:18px;display:grid}.taxonomy-panel{background:#fbfdff;border:1px solid #e5e7eb;border-radius:8px;align-self:start;max-height:calc(100vh - 170px);padding:14px;position:sticky;top:0;overflow:auto}.taxonomy-section{margin-bottom:4px}.taxonomy-title{color:#111827;margin:12px 0 8px;font-size:13px;font-weight:800}.taxonomy-title:first-child{margin-top:0}.taxonomy-panel button{text-align:left;color:#4b5563;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:9px 10px;line-height:1.3}.taxonomy-panel button:hover,.taxonomy-panel button.active{color:#2563eb;background:#eaf2ff;font-weight:700}.catalog-main{min-width:0}.product-filter-bar{align-items:center}.active-filter-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 14px;font-size:13px;display:flex}.price-chart{height:220px}.product-card{min-height:260px}@media (width<=1100px){.product-catalog{grid-template-columns:1fr}.taxonomy-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:none;display:grid;position:static}.taxonomy-title{grid-column:1/-1;margin:10px 0 0}}@media (width<=700px){.taxonomy-panel{grid-template-columns:1fr}}.document-insights{grid-template-columns:repeat(3,150px) minmax(0,1fr);gap:12px;margin-bottom:16px;display:grid}.doc-type-bars{background:#fff;border:1px solid #e8edf7;border-radius:8px;gap:8px;padding:12px;display:grid}.doc-type-row{grid-template-columns:90px minmax(0,1fr) 34px;align-items:center;gap:8px;font-size:13px;display:grid}.doc-type-row div{background:#eef2f7;border-radius:999px;height:8px;overflow:hidden}.doc-type-row i{background:#3b82f6;border-radius:999px;height:100%;display:block}.doc-type-row b{text-align:right;color:#2563eb}@media (width<=900px){.document-insights{grid-template-columns:1fr}}.document-toolbar{margin-bottom:10px}.upload-strip{background:#fbfdff;border:1px solid #e8edf7;border-radius:8px;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:12px;display:flex}.bookshelf{gap:18px;display:grid}.shelf-row{border-top:1px solid #e5e7eb;padding-top:14px}.shelf-title{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.shelf-title h3{margin:0;font-size:18px}.shelf-title span{color:var(--muted);font-size:13px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.book-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:10px minmax(0,1fr);min-height:210px;display:grid;overflow:hidden}.book-spine{background:#64748b}.book-spine.quote{background:#22c55e}.book-spine.contract{background:#f59e0b}.book-spine.cert{background:#8b5cf6}.book-spine.image{background:#3b82f6}.book-body{gap:9px;padding:14px;display:grid}.book-head{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.book-body h3{color:#111827;margin:0;font-size:17px;line-height:1.35}.book-body p{color:var(--muted);word-break:break-word;margin:0;line-height:1.5}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.doc-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;height:72vh}.image-preview{border-radius:8px;max-width:100%;max-height:72vh;margin:0 auto;display:block}.preview-fallback{text-align:center;color:var(--muted);background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:40px}.office-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;height:72vh;padding:18px;overflow:auto}.office-preview table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px}.office-preview td,.office-preview th{vertical-align:top;border:1px solid #dbe3ef;padding:6px 8px}.office-preview h1,.office-preview h2,.office-preview h3{margin:14px 0 10px}.office-preview p{line-height:1.7}.office-preview pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit}.word-preview{max-width:860px;margin:0 auto}.sheet-preview{margin-bottom:22px}.sheet-preview h3{background:#fff;padding:8px 0;position:sticky;top:0}.ppt-slide{background:#fbfdff;border:1px solid #dbe3ef;border-radius:8px;max-width:900px;min-height:260px;margin:0 auto 18px;padding:24px}.ppt-slide h3{color:#2563eb}.compare-insights{grid-template-columns:repeat(3,150px) minmax(0,1fr);gap:12px;margin-bottom:16px;display:grid}.compare-chart{background:#fff;border:1px solid #e8edf7;border-radius:8px;height:210px}@media (width<=900px){.compare-insights{grid-template-columns:1fr}}.commercial-page{min-height:calc(100vh - 150px)}.project-workspace{grid-template-columns:320px minmax(0,1fr);gap:18px;display:grid}.project-list{border-right:1px solid #e5e7eb;max-height:calc(100vh - 230px);padding-right:14px;overflow:auto}.project-card{text-align:left;cursor:pointer;width:100%;color:var(--text);background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:7px;margin-bottom:10px;padding:14px;display:grid}.project-card.active,.project-card:hover{background:#f4f8ff;border-color:#3b82f6}.project-card b{font-size:16px}.project-card small,.project-card span{color:var(--muted);line-height:1.5}.project-main{min-width:0}.relation-chart{background:#fbfdff;border:1px solid #e5e7eb;border-radius:8px;height:380px}.project-detail{margin-top:18px}.doc-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.doc-head.compact h2{margin:10px 0 8px;font-size:26px}.relationship-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.relationship-summary span{color:#374151;background:#f8fafc;border:1px solid #edf2f7;border-radius:8px;padding:10px;line-height:1.6}.timeline{gap:14px;display:grid}.timeline-item{grid-template-columns:110px minmax(0,1fr);gap:14px;display:grid}.timeline-date{color:var(--muted);padding-top:10px}.timeline-body{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.timeline-title{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.timeline-title span{color:var(--muted)}.timeline-body pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;line-height:1.75}.timeline-next{color:#4b5563;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.timeline-next span{background:#f8fafc;border:1px solid #edf2f7;border-radius:8px;padding:10px;line-height:1.6}@media (width<=900px){.project-workspace{grid-template-columns:1fr}.project-list{border-bottom:1px solid #e5e7eb;border-right:0;max-height:none;padding-bottom:12px;padding-right:0}.relationship-summary,.timeline-next,.timeline-item{grid-template-columns:1fr}.doc-head{display:block}}.app-workspace-page{gap:16px;display:grid}.app-page-header{border:1px solid var(--app-border);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow-subtle);-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:linear-gradient(#ffffffe6 0%,#ffffffad 100%),radial-gradient(circle at 5% 0,#4f63d912,#0000 32%);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:14px 16px;display:grid}.app-page-header__main{min-width:0}.app-page-header__eyebrow{min-height:20px;color:var(--app-primary);letter-spacing:0;align-items:center;margin-bottom:4px;font-size:12px;font-weight:800;display:inline-flex}.app-page-header h1{color:var(--app-text);margin:0;font-size:19px;font-weight:750;line-height:1.25}.app-page-header p{max-width:760px;color:var(--app-text-muted);margin:5px 0 0;font-size:13px;line-height:1.65}.app-page-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.app-page-header__meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.app-meta-pill{border:1px solid var(--app-border);border-radius:var(--app-radius-sm);min-height:24px;box-shadow:0 1px 0 var(--app-hairline) inset;color:var(--app-text-muted);background:#f6f8fcbd;align-items:center;gap:6px;padding:3px 7px;font-size:12px;font-weight:600;display:inline-flex}.app-meta-pill strong{color:var(--app-text);font-size:13px}.app-toolbar-surface{border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);box-shadow:var(--app-shadow-resting);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.app-filter-bar{border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);box-shadow:var(--app-shadow-resting);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.app-filter-bar__main,.app-filter-bar__actions{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.app-filter-bar__actions{justify-content:flex-end}.app-status-tag{border:1px solid var(--app-border);border-radius:var(--app-radius-xs);min-height:22px;box-shadow:0 1px 0 var(--app-hairline) inset;color:var(--app-text-muted);white-space:nowrap;background:#f6f8fcc2;align-items:center;gap:5px;padding:2px 7px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.app-status-tag i{background:currentColor;border-radius:999px;width:6px;height:6px}.app-status-tag--primary{background:var(--app-primary-soft);color:var(--app-primary);border-color:#5b6ee13d}.app-status-tag--success{background:var(--app-success-soft);color:var(--app-success);border-color:#1f9d723d}.app-status-tag--warning{background:var(--app-warning-soft);color:var(--app-warning);border-color:#b7791f42}.app-status-tag--danger{background:var(--app-danger-soft);color:var(--app-danger);border-color:#d645453d}.app-status-tag--info{background:var(--app-info-soft);color:var(--app-info);border-color:#3975c63d}.app-metric-card{border:1px solid var(--app-border);border-radius:var(--app-radius-md);min-height:70px;box-shadow:var(--app-shadow-resting);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffffe0,#ffffffb8),#ffffff8f;align-items:flex-start;gap:9px;padding:10px;display:flex}.app-metric-card--compact{min-height:58px;padding:9px}.app-metric-card__icon{border-radius:var(--app-radius-md);width:30px;height:30px;color:var(--app-text-muted);background:#f6f8fcc2;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-metric-card__body{gap:4px;min-width:0;display:grid}.app-metric-card__body span{color:var(--app-text-muted);font-size:12px;font-weight:700}.app-metric-card__body strong{color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:760;line-height:1.15;overflow:hidden}.app-metric-card__body small{color:var(--app-text-subtle);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.app-metric-card--primary{border-color:#5b6ee12e}.app-metric-card--primary .app-metric-card__icon{background:var(--app-primary-soft);color:var(--app-primary)}.app-metric-card--success{border-color:#1f9d7233}.app-metric-card--success .app-metric-card__icon{background:var(--app-success-soft);color:var(--app-success)}.app-metric-card--warning{border-color:#b7791f38}.app-metric-card--warning .app-metric-card__icon{background:var(--app-warning-soft);color:var(--app-warning)}.app-metric-card--danger{border-color:#d6454533}.app-metric-card--danger .app-metric-card__icon{background:var(--app-danger-soft);color:var(--app-danger)}.app-metric-card--info .app-metric-card__icon{background:var(--app-info-soft);color:var(--app-info)}.app-action-card{border:1px solid var(--app-border);border-radius:var(--app-radius-md);width:100%;min-width:0;min-height:92px;color:inherit;cursor:pointer;text-align:left;box-shadow:var(--app-shadow-resting);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffffe6,#ffffffb3),#ffffff94;gap:8px;padding:10px;transition:border-color .16s,box-shadow .16s,background .16s,transform .16s;display:grid}.app-action-card:hover{border-color:var(--app-border-strong);background:var(--app-surface-raised);box-shadow:var(--app-shadow-subtle);transform:translateY(-1px)}.app-action-card:disabled{cursor:not-allowed;opacity:.58}.app-action-card--strong{border-color:#5b6ee138}.app-action-card--compact{gap:8px;min-height:90px;padding:10px}.app-action-card__topline,.app-action-card__main,.app-action-card__foot{align-items:center;gap:10px;min-width:0;display:flex}.app-action-card__topline{justify-content:space-between}.app-action-card__badge{border:1px solid var(--app-border);border-radius:var(--app-radius-xs);min-height:22px;color:var(--app-text-muted);background:#f6f8fcbd;align-items:center;padding:2px 7px;font-size:12px;font-weight:750;display:inline-flex}.app-action-card__suffix{color:var(--app-text-subtle);align-items:center;display:inline-flex}.app-action-card__icon{border-radius:var(--app-radius-md);width:32px;height:32px;color:var(--app-text-muted);background:#f6f8fccc;flex:none;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.app-action-card__copy{gap:4px;min-width:0;display:grid}.app-action-card__copy strong{color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:760;line-height:1.25;overflow:hidden}.app-action-card__copy span{color:var(--app-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.app-action-card__foot{justify-content:space-between;align-items:end}.app-action-card__foot b{color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:760;line-height:1.1;overflow:hidden}.app-action-card__foot small{max-width:62%;color:var(--app-text-subtle);text-align:right;font-size:12px;line-height:1.4}.app-action-card--primary .app-action-card__badge,.app-action-card--primary .app-action-card__icon{background:var(--app-primary-soft);color:var(--app-primary);border-color:#5b6ee133}.app-action-card--success .app-action-card__badge,.app-action-card--success .app-action-card__icon{background:var(--app-success-soft);color:var(--app-success);border-color:#1f9d7233}.app-action-card--warning .app-action-card__badge,.app-action-card--warning .app-action-card__icon{background:var(--app-warning-soft);color:var(--app-warning);border-color:#b7791f38}.app-action-card--danger .app-action-card__badge,.app-action-card--danger .app-action-card__icon{background:var(--app-danger-soft);color:var(--app-danger);border-color:#d6454533}.app-action-card--info .app-action-card__badge,.app-action-card--info .app-action-card__icon{background:var(--app-info-soft);color:var(--app-info);border-color:#3975c633}.app-section-panel{border:1px solid var(--app-border);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffffe0,#ffffffb3),#ffffff94;padding:14px}.app-section-panel--dense{padding:14px}.app-section-panel__head{grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:12px;margin-bottom:10px;display:grid}.app-section-panel__title{min-width:0}.app-section-panel__title span{min-height:18px;color:var(--app-primary);align-items:center;font-size:12px;font-weight:800;display:inline-flex}.app-section-panel__title h3{color:var(--app-text);margin:4px 0 0;font-size:15px;font-weight:750;line-height:1.25}.app-section-panel__meta{color:var(--app-text-muted);justify-items:end;gap:3px;font-size:12px;display:grid}.app-section-panel__meta strong,.app-section-panel__meta b{color:var(--app-text);font-size:13px}.app-section-panel__actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.app-empty-state{border:1px dashed var(--app-border-strong);border-radius:var(--app-radius-md);text-align:center;background:#f6f8fcb3;align-content:center;place-items:center;gap:8px;min-height:160px;padding:24px;display:grid}.app-empty-state strong{color:var(--app-text);font-size:14px}.app-empty-state span{max-width:360px;color:var(--app-text-muted);font-size:13px;line-height:1.5}.app-empty-state__actions{margin-top:4px}.app-panel{border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);box-shadow:var(--app-shadow-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-compact-card{border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);box-shadow:var(--app-shadow-resting)}.dashboard-shell.card,.dashboard-shell{box-shadow:none;background:0 0;border:0;padding:0}.dashboard-page,.commercial-page{min-width:0}.dashboard-page .dashboard-hero{display:none}.dashboard-page .hero-status-card,.dashboard-page .shortcut-card,.dashboard-page .metric-card,.dashboard-page .panel,.commercial-page .workspace-panel,.commercial-page .summary-card,.commercial-page .project-card,.commercial-page .kanban-card,.commercial-page .org-overview-card,.commercial-page .campus-card,.commercial-page .org-card,.commercial-page .contact-quick-card,.commercial-page .contact-placeholder-card{border-color:var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);box-shadow:none}.dashboard-page .shortcut-card:hover,.dashboard-page .metric-card:hover,.dashboard-page .panel:hover,.commercial-page .project-card:hover,.commercial-page .kanban-card:hover{border-color:var(--app-border-strong);box-shadow:var(--app-shadow-subtle);transform:none}.commercial-page .commercial-toolbar{border:1px solid var(--app-border);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow-resting);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffffd6,#ffffff9e),#ffffff94;margin-bottom:12px;padding:12px}.commercial-page .commercial-kpis{margin-bottom:12px}.commercial-page .kpi-item,.dashboard-page .todo-summary-card,.dashboard-page .closure-card{border-color:var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface-muted)}.dashboard-page .metric-board,.commercial-page .commercial-kpis{gap:10px}.dashboard-page .metric-board .app-metric-card,.commercial-page .commercial-kpis .app-metric-card{min-width:0}.dashboard-page .metric-board .app-metric-card:hover{border-color:var(--app-border-strong);box-shadow:var(--app-shadow-subtle)}.dashboard-page .app-section-panel.panel{border-color:var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);box-shadow:var(--app-shadow-subtle);padding:18px}.commercial-page .quick-filter-chip{border-radius:var(--app-radius-sm)}.commercial-page .commercial-toolbar{margin-bottom:12px}.commercial-page .commercial-toolbar .el-input{flex:0 0 240px}.commercial-page .commercial-toolbar .view-switch,.commercial-page .commercial-toolbar .quick-filter-group{margin:0}.commercial-page .project-card.active,.commercial-page .kanban-card.active{border-color:var(--app-primary);background:var(--app-primary-soft)}.commercial-page.card{box-shadow:none;background:0 0;border:0;padding:0}.commercial-page .overview-shell{gap:12px}.commercial-page .el-tabs__header{margin-bottom:12px}.commercial-page .el-tabs__nav-wrap:after{background:var(--app-border);height:1px}.commercial-page .el-tabs__item{height:36px;color:var(--app-text-muted);font-weight:700}.commercial-page .el-tabs__item.is-active{color:var(--app-text)}.commercial-page .project-selector-panel{border-radius:var(--app-radius-md);box-shadow:var(--app-shadow-subtle);background:linear-gradient(#ffffffdb,#ffffff9e),#ffffff94;padding:12px}.commercial-page .list-header{border-bottom:1px solid var(--app-border);min-height:30px;color:var(--app-text);padding:0 2px 9px;font-size:13px;font-weight:780}.commercial-page .list-header .count{color:var(--app-text-subtle);font-size:12px}.commercial-page .project-selector-grid{gap:7px}.commercial-page .project-card{border-color:var(--app-border);box-shadow:0 1px 0 var(--app-hairline) inset;background:#ffffffad;padding:10px}.commercial-page .project-card.active{background:linear-gradient(180deg, #ffffffe6, #eff2ffc2), var(--app-primary-soft);box-shadow:0 10px 24px #4f63d91a, 0 1px 0 var(--app-hairline) inset}.commercial-page .project-card b,.commercial-page .kanban-card-title{color:var(--app-text);font-weight:760}.commercial-page .project-card-customer,.commercial-page .project-card-meta,.commercial-page .project-card small,.commercial-page .kanban-card-meta,.commercial-page .kanban-card-footer{color:var(--app-text-muted)}.commercial-page .deal-header,.commercial-page .overview-container>.workspace-panel,.commercial-page .summary-card{border-color:var(--app-border);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow-resting);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffffe0,#ffffffad),#ffffff94}.commercial-page .deal-header{padding:14px}.commercial-page .deal-header h2{color:var(--app-text);font-size:20px;font-weight:780}.commercial-page .eyebrow{color:var(--app-primary);font-weight:800}.commercial-page .summary-cards{gap:10px}.commercial-page .summary-card{min-height:78px;padding:11px}.commercial-page .summary-card b{color:var(--app-text);font-size:19px}.commercial-page .dashboard-grid,.commercial-page .dashboard-grid.lower{gap:12px}.commercial-page .workspace-panel{padding:14px}.commercial-page .section-title{color:var(--app-text);font-size:14px}.commercial-page .kanban-board{gap:10px}.commercial-page .kanban-column{border-color:var(--app-border);border-radius:var(--app-radius-md);box-shadow:0 1px 0 var(--app-hairline) inset;background:#f6f8fcb8}.commercial-page .kanban-column-header{color:#fff;background:#111827c2;min-height:34px;padding:8px 10px}.commercial-page .kanban-card{border-color:var(--app-border);border-radius:var(--app-radius-sm);box-shadow:0 1px 0 var(--app-hairline) inset;background:#ffffffc7}.commercial-page .pipeline-stage-card{border-color:var(--app-border);border-radius:var(--app-radius-md);min-height:82px;box-shadow:0 1px 0 var(--app-hairline) inset;background:#ffffffb3}.commercial-page .pipeline-stage-card.current{background:linear-gradient(180deg, #ffffffe6, #eff2ffc2), var(--app-primary-soft);box-shadow:0 10px 24px #4f63d91a, 0 1px 0 var(--app-hairline) inset;border-color:#5b6ee142}.commercial-page .pipeline-stage-order{color:var(--app-text-muted);box-shadow:0 1px 0 var(--app-hairline) inset;background:#f6f8fce6}.dashboard-page .todo-type,.dashboard-page .todo-priority,.dashboard-page .feature-tag{color:inherit;background:0 0;border-color:#0000}.dashboard-page .feature-tags{gap:8px}@media (width<=900px){.app-page-header{grid-template-columns:1fr;align-items:start;padding:16px}.app-page-header__actions{justify-content:flex-start}.app-topbar{grid-template-columns:1fr;height:auto}.topbar-search,.topbar-actions{display:none}.app-filter-bar{grid-template-columns:1fr}.app-filter-bar__actions{justify-content:flex-start}}