.appShell{display:grid;grid-template-columns:64px minmax(0,1fr);min-height:100vh;background:var(--bg-app)}.appShell .appShellRail{height:100vh;position:-webkit-sticky;position:sticky;top:0}.appShellMain{display:flex;flex-direction:column;min-width:0;min-height:100vh}.appShellTopBar{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:56px;flex:none;display:flex;align-items:center;gap:14px;padding:0 22px;background:var(--top-bar);border-bottom:1px solid var(--line-faint)}.appShellCrumbs{display:inline-flex;align-items:center;gap:8px;min-width:0}.appShellCrumbCurrent{color:var(--text-hi);font-weight:600;font-size:15px}.appShellTopActions{margin-left:auto;gap:12px}.appShellSearch,.appShellTopActions{display:inline-flex;align-items:center}.appShellSearch{position:relative;width:min(440px,30vw)}.appShellSearchIcon{position:absolute;left:12px;width:16px;height:16px;opacity:.7;pointer-events:none}.appShellSearch input{width:100%;height:36px;border-radius:999px;border:1px solid var(--line-soft);background:var(--surface-2);color:var(--text);font-size:13px;padding:0 40px 0 36px}.appShellSearch input:focus{outline:none;border-color:var(--line-active)}.appShellKbd{position:absolute;right:10px;font-family:Geist Mono,monospace;font-size:11px;color:var(--text-muted);border:1px solid var(--line-soft);border-radius:6px;padding:1px 5px;pointer-events:none}.appShellBell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--line-soft);background:var(--surface-2);color:var(--text-2);cursor:pointer}.appShellBell:hover{color:var(--text-hi);border-color:var(--line-cool)}.appShellBell .visualIcon{width:18px;height:18px}.appShellBellShell{position:relative;display:inline-flex}.appShellBell:disabled{cursor:default;opacity:.6}.appShellBellBadge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--brand-violet-2);color:var(--text-hi);font-family:Geist Mono,monospace;font-size:10px;line-height:17px;text-align:center;box-shadow:0 0 0 2px var(--top-bar)}.appShellBellPanel{position:absolute;top:calc(100% + 10px);right:0;z-index:200;width:min(360px,calc(100vw - 24px));max-height:min(70vh,520px);overflow-y:auto;border-radius:14px;border:1px solid var(--line-cool);background:var(--panel-raised);box-shadow:0 18px 44px rgba(3,8,20,.5)}.appShellBellPanelHead{position:-webkit-sticky;position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line-faint);background:var(--panel-raised);font-size:13px;font-weight:600;color:var(--text)}.appShellBellPanelMeta{font-size:12px;font-weight:400;color:var(--text-muted)}.appShellBellEmpty{margin:0;padding:22px 14px;text-align:center;font-size:13px;color:var(--text-muted)}.appShellBellList{list-style:none;margin:0;padding:4px;display:flex;flex-direction:column;gap:2px}.appShellBellItem{width:100%;display:flex;flex-direction:column;gap:3px;padding:10px 12px 10px 20px;border:none;border-radius:10px;background:none;text-align:left;cursor:pointer;position:relative}.appShellBellItem:hover{background:var(--hover-faint)}.appShellBellItem[data-unread=true]:before{content:"";position:absolute;left:8px;top:14px;width:6px;height:6px;border-radius:999px;background:var(--brand-violet-2)}.appShellBellItemTitle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text)}.appShellBellItemCount{font-family:Geist Mono,monospace;font-size:11px;color:var(--text-muted)}.appShellBellItemBody{font-size:12px;color:var(--text-2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.appShellBellItemTime{font-family:Geist Mono,monospace;font-size:11px;color:var(--text-faint)}.appShellContent{flex:1 1;min-height:0;overflow:auto;background:radial-gradient(circle at 82% 8%,rgba(15,75,94,.16),transparent 34%),radial-gradient(circle at 6% 4%,rgba(57,65,128,.18),transparent 30%),var(--bg-app)}.appShell .shellPage{max-width:1240px;margin:0 auto;padding:34px clamp(20px,5vw,64px) 96px}.appShell .mono{font-family:Geist Mono,monospace;font-feature-settings:"tnum" 1}.appShell .big{font-size:17px}.appShell .pageHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}.appShell .pageKicker{margin:0 0 8px;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.appShell .pageTitle{margin:0;color:var(--text-hi);font-size:clamp(28px,3.4vw,36px);font-weight:700;letter-spacing:-.01em;line-height:1.05}.appShell .pageSub{margin:10px 0 0;color:var(--text-muted);font-size:14px}.appShell .pageActions{display:inline-flex;align-items:center;gap:10px}.appShell .pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line-soft);background:var(--surface-2);color:var(--text-2);font-size:12.5px;white-space:nowrap}.appShell .pill .visualIcon{width:14px;height:14px;opacity:.85}.appShell .pill.pillSolid{background:var(--surface-4);border-color:var(--line-cool);color:var(--text-hi)}.appShell .btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.appShell .btn .visualIcon{width:16px;height:16px}.appShell .btn.btnSecondary{background:var(--surface-3);border-color:var(--line-cool);color:var(--text-hi)}.appShell .btn.btnSecondary:hover{background:var(--surface-4)}.appShell .btn.btnPrimary{background:var(--brand-button);border-color:var(--brand-indigo-1);color:#fff;box-shadow:0 10px 26px rgba(72,80,206,.24)}.appShell .btn.btnDanger{background:rgba(255,126,158,.12);border-color:rgba(255,126,158,.4);color:var(--danger)}.appShell .btn.btnSm{height:32px;padding:0 12px;border-radius:8px;font-size:12.5px}.appShell .statGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;margin-bottom:22px}.appShell .statCard{border:1px solid var(--line-soft);border-radius:16px;background:linear-gradient(180deg,var(--panel-raised),var(--panel));padding:18px 18px 14px;display:flex;flex-direction:column;gap:8px}.appShell .statLabel{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:13px}.appShell .statIcon{display:inline-flex;color:var(--text-faint)}.appShell .statIcon .visualIcon{width:16px;height:16px}.appShell .statVal{display:flex;align-items:baseline;gap:6px;color:var(--text-hi);font-size:30px;font-weight:700;font-family:Geist Mono,monospace;letter-spacing:-.02em}.appShell .statUnit{font-family:var(--font-sans,inherit);font-size:13px;font-weight:500;color:var(--text-muted)}.appShell .statDelta{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--text-muted)}.appShell .statDelta .visualIcon{width:13px;height:13px}.appShell .statDelta.is-up{color:var(--success)}.appShell .statDelta.is-down{color:var(--danger)}.appShell .statSpark{display:flex;align-items:flex-end;gap:6px;height:52px;margin-top:6px}.appShell .statSpark span{flex:1 1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--brand-violet-1),var(--brand-indigo-2));opacity:.92}.appShell .statSpark.isCool span{background:linear-gradient(180deg,#3a557f,#1d2c49)}.appShell .vlPanel{border:1px solid var(--line-soft);border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--panel-alt));padding:22px 24px;margin-bottom:20px}.appShell .secHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.appShell .secTitle{margin:0;color:var(--text-hi);font-size:17px;font-weight:700}.appShell .secDesc{margin:6px 0 0;color:var(--text-muted);font-size:13px}.appShell .insightsSplitRow{display:grid;grid-template-columns:1.45fr 1fr;grid-gap:20px;gap:20px}.appShell .insightsSplitRow>.vlPanel{margin-bottom:20px}.appShell .brandBars{display:flex;flex-direction:column;gap:14px}.appShell .brandBar{display:grid;grid-template-columns:150px minmax(0,1fr) 92px;align-items:center;grid-gap:16px;gap:16px}.appShell .brandBarName{display:inline-flex;align-items:center;gap:9px;color:var(--text-2);font-size:13.5px}.appShell .brandChip{width:11px;height:11px;border-radius:4px;flex:none}.appShell .brandBarTrack{height:9px;border-radius:999px;background:var(--surface-2);overflow:hidden}.appShell .brandBarTrack i{display:block;height:100%;border-radius:999px}.appShell .brandBarN{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:8px}.appShell .brandBarN .big{color:var(--text-hi);font-weight:700}.appShell .brandBarMtd{color:var(--success);font-size:11px}.appShell .overallNum{display:flex;align-items:baseline;gap:10px;margin:14px 0 6px}.appShell .overallNum .mono{color:var(--text-hi);font-size:46px;font-weight:700;letter-spacing:-.02em}.appShell .overallLbl{color:var(--text-muted);font-size:13px}.appShell .overallDelta{margin-bottom:18px}.appShell .splitBar{display:flex;height:12px;border-radius:999px;overflow:hidden;margin-bottom:16px}.appShell .splitBar span{display:block;height:100%}.appShell .splitLegend{display:flex;flex-direction:column;gap:10px}.appShell .splitLegend>div{display:flex;align-items:center;gap:9px;color:var(--text-2);font-size:13px}.appShell .splitLegend b{margin-left:auto;color:var(--text-hi)}.appShell .legendDot{width:9px;height:9px;border-radius:999px;flex:none}.appShell .tblWrap{overflow-x:auto}.appShell .vlTbl{width:100%;border-collapse:collapse}.appShell .vlTbl th{text-align:left;padding:0 14px 12px;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line-soft);white-space:nowrap}.appShell .vlTbl td{padding:14px;border-bottom:1px solid var(--line-faint);color:var(--text-2);font-size:13.5px;vertical-align:middle}.appShell .vlTbl tbody tr:last-child td{border-bottom:none}.appShell .vlTbl tbody tr:hover td{background:rgba(23,38,66,.4)}.appShell .cellUser{display:inline-flex;align-items:center;gap:11px}.appShell .avatarSm{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex:none}.appShell .cellName{color:var(--text-hi);font-weight:600}.appShell .cellMeta{color:var(--text-muted);font-size:11.5px}.appShell .approvedCell{display:inline-flex;align-items:center;gap:12px}.appShell .approvedCell .big{color:var(--text-hi);font-weight:700}.appShell .rateCell{display:flex;align-items:center;gap:10px}.appShell .barMini{width:88px;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.appShell .barMini.sm{width:56px}.appShell .barMini i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-violet-1),var(--brand-indigo-1))}.appShell .barMini i.isGood{background:var(--success)}.appShell .barMini i.isOk{background:var(--warning)}.appShell .barMini i.isLow{background:var(--danger)}.appShell .bottleneckGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:12px;gap:12px}.appShell .bottleneck{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line-soft);border-radius:14px;background:var(--surface-2)}.appShell .bottleneckMain{flex:1 1;min-width:0}.appShell .bottleneckName{color:var(--text-hi);font-size:13.5px;font-weight:600}.appShell .bottleneckReason{color:var(--text-muted);font-size:12px;margin-top:3px}.appShell .bottleneckRight{text-align:right}.appShell .bottleneckDays{color:var(--text-2);font-size:13px;margin-bottom:5px}.appShell .statusBadge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--line-soft);font-size:11.5px;font-weight:500;white-space:nowrap}.appShell .statusBadgeDot{width:6px;height:6px;border-radius:999px;background:currentColor}.appShell .statusBadge.isApproved{color:var(--success);border-color:rgba(110,231,162,.32);background:rgba(110,231,162,.1)}.appShell .statusBadge.isReview{color:var(--brand-violet-2);border-color:rgba(143,97,255,.34);background:rgba(143,97,255,.12)}.appShell .statusBadge.isPending{color:var(--warning);border-color:rgba(255,194,102,.3);background:rgba(255,194,102,.1)}.appShell .statusBadge.isRejected{color:var(--danger);border-color:rgba(255,126,158,.32);background:rgba(255,126,158,.1)}@media (max-width:1100px){.appShell .statGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.appShell .insightsSplitRow{grid-template-columns:1fr}}@media (max-width:767px){.appShell{grid-template-columns:1fr}.appShell .appShellRail,.appShell .appShellSearch{display:none}.appShell .statGrid{grid-template-columns:1fr}.appShell .hideMobile{display:none!important}.appShell .brandBar{grid-template-columns:120px minmax(0,1fr) 72px;gap:10px}}@media (max-width:520px){.appShell .hideSm{display:none!important}}.appShell .shellPage.shellPageNarrow{max-width:1000px}.appShell .statGrid.statGrid3{grid-template-columns:repeat(3,minmax(0,1fr))}.appShell .alignRight{text-align:right}.appShell .segBtns button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--line-soft);background:var(--surface-2);color:var(--text-2);cursor:pointer}.appShell .segBtns button:hover{color:var(--text-hi);border-color:var(--line-cool)}.appShell .segBtns .visualIcon{width:16px;height:16px}.appShell .approvalList{display:flex;flex-direction:column;gap:14px}.appShell .approvalCard{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid var(--line-soft);border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel-alt))}.appShell .approvalThumb{position:relative;width:116px;height:66px;flex:none;border-radius:10px;background:linear-gradient(150deg,#2a3a63,var(--panel-raised));display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.85)}.appShell .approvalThumb .visualIcon{width:22px;height:22px}.appShell .approvalDur{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:6px;background:rgba(5,9,18,.72);color:var(--text-hi);font-size:11px}.appShell .approvalMain{flex:1 1;min-width:0}.appShell .approvalTitle{color:var(--text-hi);font-size:15px;font-weight:600}.appShell .approvalSub{color:var(--text-muted);font-size:13px;margin-top:3px}.appShell .approvalTags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.appShell .approvalActions{display:inline-flex;align-items:center;gap:8px;flex:none}.appShell .approvalsNotice{color:var(--text-muted);font-size:14px}.appShell .approvalsNotice.isError{color:var(--danger);border-color:rgba(255,126,158,.34)}.appShell .approvalsEmpty{display:flex;align-items:center;gap:16px}.appShell .approvalsEmptyMark{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;border-radius:12px;background:var(--surface-3);border:1px solid var(--line-cool);color:var(--brand-violet-2)}.appShell .approvalsEmptyMark .visualIcon{width:22px;height:22px}.appShell .approvalsEmptyTitle{color:var(--text-hi);font-size:15px;font-weight:600}.appShell .approvalsEmptyText{margin:4px 0 0;color:var(--text-muted);font-size:13px;max-width:60ch}.appShell .approvalsEmpty .btn{margin-left:auto;flex:none}.appShell .repChart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;grid-gap:10px;gap:10px;height:220px;margin-top:18px;padding-top:10px}.appShell .repBar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px}.appShell .repBarFill{position:relative;width:100%;max-width:46px;min-height:4px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--brand-violet-1),var(--brand-indigo-2))}.appShell .repBarVal{position:absolute;top:-20px;left:50%;transform:translateX(-50%);color:var(--text-2);font-size:12px}.appShell .repBarLbl{color:var(--text-muted);font-size:11.5px}@media (max-width:767px){.appShell .statGrid.statGrid3{grid-template-columns:1fr}.appShell .approvalCard{flex-wrap:wrap}.appShell .approvalThumb{width:92px;height:54px}.appShell .repChart{height:170px;gap:5px}}.appShell .settingsLayout{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:26px;gap:26px;align-items:start}.appShell .settingsNav{display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:78px}.appShell .settingsNavItem{display:inline-flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.appShell .settingsNavItem .visualIcon{width:17px;height:17px}.appShell .settingsNavItem:hover{color:var(--text-hi);background:var(--surface-2)}.appShell .settingsNavItem.isActive{color:var(--text-hi);background:var(--surface-4);border-color:var(--line-cool)}.appShell .settingsBody{min-width:0}.appShell .profileAvatarRow{display:flex;align-items:center;gap:16px;margin:18px 0 22px}.appShell .avatarLg{width:56px;height:56px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-button);color:#fff;font-size:16px;font-weight:700;flex:none}.appShell .formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.appShell .field{display:flex;flex-direction:column;gap:7px;min-width:0}.appShell .field.fieldWide{grid-column:1/-1}.appShell .field>span{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.appShell .vlInput,.appShell .vlSelect,.appShell .vlTextarea{width:100%;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:10px;color:var(--text-hi);font-size:14px;font-family:inherit;padding:0 12px;height:42px}.appShell .vlTextarea{height:auto;min-height:92px;padding:12px;resize:vertical;line-height:1.5}.appShell .vlInput:focus,.appShell .vlSelect:focus,.appShell .vlTextarea:focus{outline:none;border-color:var(--line-active)}.appShell .vlInput:disabled{color:var(--text-muted);background:var(--surface-3);cursor:not-allowed}.appShell .prefRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0}.appShell .prefName{color:var(--text-hi);font-size:14px;font-weight:600}.appShell .prefSub{color:var(--text-muted);font-size:12.5px;margin-top:3px}.appShell .vlDivider{border:none;border-top:1px solid var(--line-faint);margin:14px 0}.appShell .vlToggle{position:relative;width:44px;height:26px;flex:none;border-radius:999px;border:1px solid var(--line-soft);background:var(--surface-3);cursor:pointer;transition:background .18s ease,border-color .18s ease;padding:0}.appShell .vlToggle i{position:absolute;top:50%;left:3px;width:18px;height:18px;border-radius:999px;background:#c6d2ec;transform:translateY(-50%);transition:left .18s ease,background .18s ease}.appShell .vlToggle.isOn{background:var(--brand-toggle);border-color:transparent}.appShell .vlToggle.isOn i{left:23px;background:#fff}.appShell .settingsSaveRow{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.appShell .settingsSaveError{margin-top:8px;text-align:right;font-size:13px;color:var(--danger,#ef4444)}.appShell .btn.btnGhost{background:transparent;border-color:transparent;color:var(--text-muted)}.appShell .btn.btnGhost:hover{color:var(--text-hi)}.appShell .settingsPlaceholder{display:flex;align-items:center;gap:16px}@media (max-width:860px){.appShell .settingsLayout{grid-template-columns:1fr}.appShell .settingsNav{position:static;flex-direction:row;flex-wrap:wrap}.appShell .settingsNavItem{width:auto}.appShell .formGrid{grid-template-columns:1fr}}.adminMobileTopBar[hidden],.adminSidebarBackdrop[hidden],.adminSidebarDrawer[hidden]{display:none!important}.appShell .adminCrumbRoot{color:var(--text-muted);font-size:14px}.appShell .adminCrumbSep{color:var(--text-faint)}.appShell .adminConsole{display:grid;grid-template-columns:232px minmax(0,1fr);grid-gap:26px;gap:26px;align-items:start}.appShell .adminConsoleNav{display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:78px}.appShell .adminConsoleNavItem{display:inline-flex;align-items:center;gap:11px;width:100%;height:42px;padding:0 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.appShell .adminConsoleNavItem .visualIcon{width:18px;height:18px;flex:none}.appShell .adminConsoleNavLabel{flex:1 1}.appShell .adminConsoleNavItem:hover{color:var(--text-hi);background:var(--surface-2)}.appShell .adminConsoleNavItem.isActive{color:var(--text-hi);background:var(--surface-4);border-color:var(--line-cool)}.appShell .adminNavCount{font-size:11.5px;color:var(--text-muted);background:var(--surface-3);border-radius:999px;padding:1px 8px}.appShell .adminConsoleNavItem.isActive .adminNavCount{color:var(--text-hi)}.appShell .adminConsoleBody{min-width:0}.appShell .adminOrgSettingRow{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding-top:14px;border-top:1px solid var(--line-faint)}.appShell .adminOrgSettingCopy{display:grid;grid-gap:4px;gap:4px;min-width:0}.appShell .adminOrgSettingCopy strong{color:var(--text);font-size:14px;font-weight:650}.appShell .adminOrgSettingCopy span{color:var(--text-muted);font-size:12.5px;line-height:1.45}.appShell .adminOrgSettingRow .vlToggle:disabled{cursor:wait;opacity:.58}.appShell .adminOverview{display:flex;flex-direction:column;gap:20px}.appShell .adminStatRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.appShell .adminStat{text-align:left;border:1px solid var(--line-soft);border-radius:16px;background:linear-gradient(180deg,var(--panel-raised),var(--panel));padding:16px 18px;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.appShell .adminStat:hover{border-color:var(--line-cool);transform:translateY(-1px)}.appShell .adminStat.isAccent{border-color:rgba(143,97,255,.4);background:linear-gradient(180deg,rgba(112,97,255,.16),var(--panel))}.appShell .adminStatTop{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:13px}.appShell .adminStatTop .visualIcon{width:16px;height:16px;color:var(--text-faint)}.appShell .adminStatVal{color:var(--text-hi);font-size:30px;font-weight:700;letter-spacing:-.02em;margin:8px 0 2px}.appShell .adminStatSub{color:var(--text-muted);font-size:12px}.appShell .adminOverviewCols{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:20px;gap:20px}.appShell .adminOverviewCols>.vlPanel{margin-bottom:0}.appShell .roleBars{display:flex;flex-direction:column;gap:14px;margin-top:4px}.appShell .roleBar{display:grid;grid-template-columns:130px minmax(0,1fr) 32px;align-items:center;grid-gap:14px;gap:14px}.appShell .roleBarLabel{display:inline-flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px}.appShell .roleBarDot{width:9px;height:9px;border-radius:999px;flex:none}.appShell .roleBarTrack{height:9px;border-radius:999px;background:var(--surface-2);overflow:hidden}.appShell .roleBarTrack i{display:block;height:100%;border-radius:999px;min-width:4px}.appShell .roleBarN{text-align:right;color:var(--text-hi);font-weight:700}.appShell .adminMutedNote{margin:16px 0 0;color:var(--text-muted);font-size:12.5px;line-height:1.5}.appShell .attnList{display:flex;flex-direction:column;gap:10px}.appShell .attnRow{display:flex;align-items:center;gap:12px}.appShell .attnIcon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:9px;background:var(--surface-3);border:1px solid var(--line-soft);color:var(--text-faint)}.appShell .attnIcon .visualIcon{width:16px;height:16px}.appShell .attnMain{flex:1 1;min-width:0}.appShell .attnTitle{color:var(--text-hi);font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appShell .attnSub{color:var(--text-muted);font-size:12px;margin-top:2px}.appShell .btn.btnBlock{width:100%;justify-content:center;margin-top:14px}.appShell .actFeed{display:flex;flex-direction:column}.appShell .actRow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-faint)}.appShell .actRow:last-child{border-bottom:none}.appShell .actIcon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border-radius:8px;background:var(--surface-2);color:var(--text-faint)}.appShell .actIcon .visualIcon{width:15px;height:15px}.appShell .actText{flex:1 1;min-width:0;color:var(--text-2);font-size:13px}.appShell .actText b{color:var(--text-hi)}.appShell .actWhen{color:var(--text-muted);font-size:12px;text-transform:capitalize}@media (max-width:1100px){.appShell .adminStatRow{grid-template-columns:repeat(2,minmax(0,1fr))}.appShell .adminOverviewCols{grid-template-columns:1fr}}@media (max-width:860px){.appShell .adminConsole{grid-template-columns:1fr}.appShell .adminConsoleNav{position:static;flex-direction:row;flex-wrap:wrap}.appShell .adminConsoleNavItem{width:auto}.appShell .adminStatRow{grid-template-columns:1fr}}.shareRevamped{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg,#070c19);overflow:hidden;padding:0;margin:0}.shareTopBar{gap:12px;height:54px;padding:0 14px;background:var(--top-bar,#0a1020);border-bottom:1px solid var(--line-faint,#1a2235);flex:none}.shareTopBar,.shareTopLeft{display:flex;align-items:center}.shareTopLeft{gap:10px;min-width:0;flex:1 1}.shareTopBrand{flex-shrink:0;display:flex;align-items:center}.shareTopTitle{display:flex;flex-direction:column;gap:1px;min-width:0}.shareTopKicker{font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint,#6b7fa0)}.shareTopAssetName{font-size:14px;font-weight:600;color:var(--text-hi,#edf3ff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shareTopRight{display:flex;align-items:center;gap:8px;flex-shrink:0}.shareTopSearchWrap{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2,#111b2f);border:1px solid var(--line-soft,#1f2b44);border-radius:var(--r-md,8px);padding:0 10px;height:34px;width:min(180px,22vw);color:var(--text-muted,#8ea4ca);transition:border-color .14s}.shareTopSearchWrap:focus-within{border-color:var(--brand-indigo-1,#6366f1)}.shareTopSearchWrap .visualIcon{width:15px;height:15px;flex-shrink:0;opacity:.6}.shareTopSearchWrap input{flex:1 1;min-width:0;border:none;background:transparent;color:var(--text-2,#c5d4ed);font-size:13px;outline:none;font-family:inherit}.shareTopSearchWrap input::placeholder{color:var(--text-faint,#6b7fa0)}.shareTopBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:var(--r-md,8px);border:1px solid var(--line-soft,#1f2b44);background:var(--surface-2,#111b2f);color:var(--text-2,#c5d4ed);font-size:12.5px;font-weight:500;cursor:pointer;transition:background .14s,border-color .14s;font-family:inherit}.shareTopBtn:hover{background:var(--surface-3,#1a263d);border-color:var(--line-strong,#2f4264)}.shareTopBtn[data-active=true]{border-color:var(--brand-indigo-1,#6366f1);background:rgba(99,102,241,.15);color:#c7c9ff}.shareTopBtn:disabled{opacity:.5;cursor:not-allowed}.shareTopBtn .visualIcon{width:16px;height:16px}.shareDownloadError{margin:0;padding:6px 14px;font-size:12px;color:var(--danger,#ff6b6b);background:var(--danger-bg,hsla(0,100%,71%,.1))}.shareDownloadError,.sharePasswordStrip{border-bottom:1px solid var(--line-faint,#1a2235)}.sharePasswordStrip{padding:10px 14px;background:var(--surface-1,#0d1525)}.sharePasswordForm{display:flex;align-items:center;gap:8px}.sharePasswordLabel{display:inline-flex;align-items:center;gap:6px;flex:1 1;min-width:0;background:var(--surface-2,#111b2f);border:1px solid var(--line-soft,#1f2b44);border-radius:var(--r-md,8px);padding:0 10px;height:36px}.sharePasswordLabel .visualIcon{width:15px;height:15px;color:var(--text-faint,#6b7fa0);flex-shrink:0}.sharePasswordLabel input{flex:1 1;min-width:0;border:none;background:transparent;color:var(--text-2,#c5d4ed);font-size:13px;outline:none;font-family:inherit}.sharePasswordSubmit{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:36px;padding:0 14px;border-radius:var(--r-md,8px);border:1px solid var(--brand-indigo-1,#6366f1);background:linear-gradient(135deg,var(--brand-indigo-1,#6366f1),var(--brand-indigo-2,#a78bfa));color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.shareLoadingState{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-muted,#8ea4ca);font-size:14px}.shareSpinner{width:28px;height:28px;border:2.5px solid var(--line-soft,#1f2b44);border-top-color:var(--brand-indigo-1,#6366f1);border-radius:50%;animation:shareSpin .7s linear infinite}@keyframes shareSpin{to{transform:rotate(1turn)}}.shareErrorState{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted,#8ea4ca);text-align:center;padding:20px}.shareErrorState .visualIcon{width:32px;height:32px;color:var(--danger,#ff6b6b)}.shareErrorState h2{margin:0;font-size:18px;color:var(--text-hi,#edf3ff)}.shareErrorState p{margin:0;font-size:14px;max-width:44ch}.shareMid{flex:1 1;display:grid;grid-template-columns:minmax(0,1fr) auto var(--share-side-width,360px);min-height:0;overflow:hidden}.shareMid.panel-hidden{grid-template-columns:1fr}.shareSideResizeHandle{width:8px;display:flex;align-items:center;justify-content:center;cursor:col-resize;background:transparent;position:relative;z-index:5;touch-action:none}.shareSideResizeHandle:before{content:"";position:absolute;inset:0 3px;background:var(--line-faint,#1a2235);transition:background .14s}.shareSideResizeHandle:active:before,.shareSideResizeHandle:hover:before{background:rgba(99,102,241,.55)}.shareSideResizeGrip{position:relative;z-index:1;width:2px;height:30px;border-radius:2px;background:var(--line-strong,#2f4264);transition:background .14s}.shareSideResizeHandle:active .shareSideResizeGrip,.shareSideResizeHandle:hover .shareSideResizeGrip{background:#fff}.shareStageWrap{display:flex;flex-direction:column;min-width:0;min-height:0;background:#04070e}.shareStage{flex:1 1;min-height:0;display:flex;flex-direction:column}.shareRevamped .unifiedPlayerMedia{width:100%;margin:0;gap:0;background:#000;grid-template-rows:minmax(0,1fr) auto;min-height:0;flex:1 1}.shareRevamped .unifiedPlayerCanvas{position:relative;width:100%;min-height:0;height:100%;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}.shareRevamped .unifiedPlayerVideo{width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain!important;object-position:center center;background:#000}.shareRevamped .unifiedPlayerControls{border:none;border-top:1px solid var(--line-faint,#1a2235);border-radius:0;background:var(--top-bar,#0a1020);padding:10px 16px 12px;gap:8px;margin-top:0;font-family:var(--font-sans)}.shareRevamped .unifiedPlayerButton{border-color:rgba(76,101,155,.58);background:rgba(16,30,69,.84);color:#deebff}.shareRevamped .unifiedPlayerButton:hover{border-color:rgba(186,95,255,.66);background:rgba(39,59,123,.86)}.shareRevamped .unifiedPlayerButton[data-active=true]{border-color:rgba(47,213,255,.75);background:linear-gradient(140deg,rgba(131,91,255,.72),rgba(47,213,255,.58));color:#f7fbff}.shareRevamped .unifiedPlayerTime{color:#e4edff}.shareRevamped .unifiedPlayerTime.dim{color:#9fb3e7}.shareRevamped .unifiedPlayerSeek,.shareRevamped .unifiedPlayerVolume{background:rgba(145,168,230,.28)}.shareRevamped .unifiedPlayerOverlayPlay{min-width:62px;height:62px;border-radius:50%;border:1px solid hsla(0,0%,100%,.25);background:rgba(6,10,20,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sharePlayerFallback{flex:1 1;color:var(--text-muted,#8ea4ca);font-size:14px;text-align:center;padding:40px}.sharePlayerFallback,.shareSplitHandle{display:flex;align-items:center;justify-content:center}.shareSplitHandle{flex:none;height:18px;cursor:row-resize;touch-action:none;background:var(--top-bar,#0a1020);border-top:1px solid var(--line-faint,#1a2235);border-bottom:1px solid var(--line-faint,#1a2235);-webkit-user-select:none;-moz-user-select:none;user-select:none}.shareSplitHandleGrip{width:40px;height:4px;border-radius:999px;background:var(--line-strong,#2f4264);transition:background .14s}.shareSplitHandle:active .shareSplitHandleGrip,.shareSplitHandle:hover .shareSplitHandleGrip{background:var(--brand-indigo-1,#6366f1)}.shareSidePanel{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg,#070c19);overflow:hidden}.shareSideTabs{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:4px;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line-faint,#1a2235);background:var(--top-bar,#0a1020)}.shareSideTabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;border-radius:var(--r-md,8px);border:1px solid var(--line-soft,#1f2b44);background:var(--surface-2,#111b2f);color:var(--text-muted,#8ea4ca);font-size:12.5px;font-weight:500;cursor:pointer;transition:background .14s,border-color .14s,color .14s;font-family:inherit}.shareSideTabs button .visualIcon{width:14px;height:14px}.shareSideTabs button:hover{background:var(--surface-3,#1a263d);color:var(--text-2,#c5d4ed)}.shareSideTabs button[data-active=true]{background:var(--accent-soft,rgba(99,102,241,.15));border-color:var(--brand-indigo-1,#6366f1);color:#d1d3ff}.shareSideCount{font-family:var(--font-mono,monospace);font-size:10.5px;background:var(--surface-4,#1e2a42);color:var(--text-2,#c5d4ed);border-radius:999px;padding:1px 7px;margin-left:2px}.shareCommentsPanel,.shareSideBody{flex:1 1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.shareCommentsHeader{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line-faint,#1a2235);flex:none}.shareCommentsHeader h3{margin:0;font-size:13px;font-weight:600;color:var(--text-hi,#edf3ff)}.shareCommentsCount{font-family:var(--font-mono,monospace);font-size:11px;color:var(--text-faint,#6b7fa0);margin-right:auto}.shareCommentsActions{display:flex;gap:2px}.shareIconBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;border-radius:var(--r-sm,6px);border:none;background:transparent;color:var(--text-faint,#6b7fa0);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .14s,color .14s;padding:0}.shareIconBtn .visualIcon{width:16px;height:16px}.shareIconBtn:hover{background:var(--hover-faint,rgba(56,78,118,.25));color:var(--text-2,#c5d4ed)}.shareIconBtn[data-active=true]{color:var(--brand-indigo-1,#6366f1)}.shareCommentFilters{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line-faint,#1a2235);flex:none}.shareFilterSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-2,#111b2f);border:1px solid var(--line-soft,#1f2b44);border-radius:var(--r-sm,6px);color:var(--text-2,#c5d4ed);font-size:12px;padding:4px 8px;cursor:pointer;font-family:inherit}.shareFilterToggle{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted,#8ea4ca);cursor:pointer}.shareFilterToggle input{accent-color:var(--brand-indigo-1,#6366f1)}.shareNote{margin:0;padding:10px 12px;font-size:13px;color:var(--text-muted,#8ea4ca)}.shareNoteError{color:var(--danger,#ff6b6b)}.shareCommentList{flex:1 1;min-height:0;overflow-y:auto;padding:0;margin:0;list-style:none}.shareCommentItem{padding:12px;border-bottom:1px solid var(--line-faint,#1a2235);cursor:pointer;transition:background .12s}.shareCommentItem:hover{background:rgba(99,102,241,.04)}.shareCommentItem[data-selected=true]{background:rgba(99,102,241,.08);border-left:2px solid var(--brand-indigo-1,#6366f1)}.shareCommentItem[data-resolved=true]{opacity:.6}.shareCommentHead{display:flex;align-items:center;gap:8px;margin-bottom:6px}.shareCommentAvatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--brand-indigo-1,#6366f1),var(--brand-indigo-2,#a78bfa));color:#fff;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.shareCommentMeta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.shareCommentMeta strong{font-size:13px;font-weight:600;color:var(--text-hi,#edf3ff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shareCommentMeta time,.shareCommentSerial{font-size:11px;color:var(--text-faint,#6b7fa0)}.shareCommentSerial{font-family:var(--font-mono,monospace);flex-shrink:0}.shareCommentBody{padding-left:36px}.shareCommentBody p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-2,#c5d4ed)}.shareTimecodeChip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono,monospace);font-size:11.5px;color:var(--accent,#6366f1);background:var(--accent-soft,rgba(99,102,241,.12));border:1px solid rgba(99,102,241,.3);border-radius:var(--r-xs,4px);padding:2px 8px;cursor:pointer;margin-bottom:4px;transition:background .12s}.shareTimecodeChip:hover{background:rgba(99,102,241,.2)}.shareTimecodeChip.active{background:var(--brand-indigo-1,#6366f1);color:#fff;border-color:transparent}.shareTimecodeChip.active span{margin-left:2px;opacity:.7}.shareReplyList{list-style:none;margin:6px 0 0 36px;border-left:2px solid var(--line-soft,#1f2b44);padding:0 0 0 10px}.shareReplyItem{padding:6px 0}.shareReplyHead{display:flex;align-items:center;gap:8px;margin-bottom:2px}.shareReplyHead strong{font-size:12.5px;color:var(--text-hi,#edf3ff)}.shareReplyHead time{font-size:11px;color:var(--text-faint,#6b7fa0)}.shareReplyItem p{margin:0;font-size:13px;line-height:1.5;color:var(--text-2,#c5d4ed)}.shareCommentEmpty{padding:24px 12px;text-align:center;color:var(--text-faint,#6b7fa0);font-size:13px}.shareComposer{flex:none;border-top:1px solid var(--line-faint,#1a2235);padding:10px 12px;background:var(--top-bar,#0a1020);display:flex;flex-direction:column;gap:8px}.shareComposerRow{display:flex;align-items:center;gap:6px}.shareComposerInput{flex:1 1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-soft,#1f2b44);background:var(--surface-2,#111b2f);color:var(--text-2,#c5d4ed);border-radius:var(--r-md,8px);padding:8px 12px;font-size:13px;outline:none;font-family:inherit;transition:border-color .14s}.shareComposerInput:focus{border-color:var(--brand-indigo-1,#6366f1)}.shareComposerInput::placeholder{color:var(--text-faint,#6b7fa0)}.shareComposerActions{display:flex;align-items:center;justify-content:space-between}.shareComposerIcons{display:flex;gap:2px}.shareComposerSubmit{display:flex;align-items:center;gap:8px}.shareAudienceLabel{font-size:12px;color:var(--text-faint,#6b7fa0);display:inline-flex;align-items:center;gap:4px}.shareAudienceLabel:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success,#6ee7a2)}.shareSendBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:34px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--brand-indigo-1,#6366f1),var(--brand-indigo-2,#a78bfa));color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .14s}.shareSendBtn:hover{filter:brightness(1.1)}.shareSendBtn:disabled{opacity:.4;cursor:not-allowed}.shareSendBtn .visualIcon{width:16px;height:16px}.shareCommentsDisabled{padding:14px 12px;text-align:center}.shareCommentsDisabled p{margin:0;font-size:13px;color:var(--text-faint,#6b7fa0)}.shareGeneralChat{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.shareChatList{flex:1 1;min-height:0;overflow-y:auto;padding:0;margin:0;list-style:none}.shareChatItem{padding:10px 12px;border-bottom:1px solid var(--line-faint,#1a2235)}.shareChatHead{display:flex;align-items:center;gap:8px;margin-bottom:4px}.shareChatHead strong{font-size:13px;font-weight:600;color:var(--text-hi,#edf3ff)}.shareChatHead time{font-size:11px;color:var(--text-faint,#6b7fa0);margin-left:auto}.shareChatItem p{margin:0;padding-left:36px;font-size:13.5px;line-height:1.5;color:var(--text-2,#c5d4ed)}.shareChatComposer{flex:none;display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line-faint,#1a2235);background:var(--top-bar,#0a1020)}@media (max-width:960px){.shareTopSearchWrap{display:none}}@media (max-width:767px){.shareMid{grid-template-columns:1fr;display:flex;flex-direction:column}.shareMid.has-panel .shareStageWrap{flex:0 0 55%;min-height:0}.shareSidePanel{border-top:1px solid var(--line-faint,#1a2235);flex:1 1 45%;min-height:0}}