:root{font-family:Inter,Roboto,Arial,Microsoft JhengHei,sans-serif;color:#162033;background:#eef3f8;--brand: #1d5b7d;--toolbar-bg: #123f5a;--toolbar-bg-2: #174f70;--brand-soft: #e6f2f8;--line: #d8e1eb;--muted: #64748b;--panel: #ffffff;--warning: #d97706;--danger: #dc2626;--success: #16a34a}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.app-shell.theme-benq{--brand: #46298C;--toolbar-bg: #351f70;--toolbar-bg-2: #46298C;--brand-soft: #f0ecfb}.app-loading{position:fixed;right:18px;bottom:18px;z-index:30;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand);box-shadow:0 10px 28px #0f172a24;font-size:13px;font-weight:700}.toolbar{min-height:64px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(180deg,var(--toolbar-bg-2),var(--toolbar-bg));border-bottom:1px solid #0d3148;box-shadow:0 2px 12px #0f172a29;z-index:4}.brand{display:flex;align-items:center;gap:10px;min-width:178px}.brand strong,.brand span{display:block}.brand strong{color:#fff;font-size:18px;line-height:1.2;letter-spacing:0}.brand span{color:#c6d9e6;font-size:11px;margin-top:1px}.toolbar-filters,.toolbar-actions{display:flex;align-items:center;gap:8px;min-width:0}.toolbar-filters{flex-wrap:nowrap}.toolbar-actions{justify-content:flex-end;flex-wrap:nowrap}.toolbar-field{display:grid;gap:3px;flex:0 0 auto;color:#d8e7f0;font-size:11px;font-weight:700}.toolbar-field span{line-height:1;white-space:nowrap}.toolbar-field select{width:100%}.year-field{width:96px}.month-field{width:78px}.company-field{width:132px}.business-field{width:188px}.toolbar select,.toolbar input,.right-panel input,.right-panel select,.snapshot-form input{height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 10px;color:#223044}.search-box{display:flex;align-items:center;gap:8px;min-width:260px;flex:1 1 300px;max-width:380px;height:36px;border:1px solid rgba(214,231,241,.46);border-radius:7px;padding:0 10px;color:#c6d9e6;background:#fffffff5;align-self:end;cursor:text}.search-box svg{flex:none}.search-box button{width:20px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:none;border:0;padding:0;background:transparent;color:#7b8ba0}.search-box button:hover{color:var(--brand)}.search-box input{height:34px;min-width:0;flex:1;border:0;outline:0;background:transparent;padding:0;color:#223044;line-height:34px}.search-box input::placeholder{color:#7b8ba0;opacity:1}.custom-field,.custom-select{position:relative}.custom-select-trigger{width:100%;height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(214,231,241,.46);border-radius:7px;background:#fff;color:#223044;padding:0 10px;text-align:left}.custom-select-trigger b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.custom-select-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:max(100%,180px);max-height:280px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 34px #0f172a29}.custom-select-menu button{width:100%;min-height:32px;border:0;border-radius:6px;background:transparent;color:#243449;padding:0 9px;text-align:left;white-space:nowrap}.custom-select-menu button:hover,.custom-select-menu button.is-selected{background:var(--brand-soft);color:var(--brand);font-weight:800}.toolbar .toolbar-button,.toolbar .icon-button{border-color:#d6e7f16b;background:#ffffff1a;color:#f8fbfd}.toolbar .toolbar-button:hover,.toolbar .icon-button:hover{background:#ffffff2e}.toolbar .toolbar-button.primary{background:#e7f5fb;border-color:#e7f5fb;color:var(--brand);font-weight:800}.toolbar .toolbar-button.outline{background:#ffffff1f;border-color:#e7f5fb99;color:#f8fbfd}.toolbar-button,.icon-button,.primary-action,.secondary-action,.danger-action{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:7px;color:#243449;padding:0 10px;white-space:nowrap;line-height:1}.toolbar-button.primary,.primary-action{background:var(--brand);border-color:var(--brand);color:#fff}.toolbar-button.outline,.secondary-action{border-color:#9ab6c8;color:var(--brand);background:#fff}.secondary-action:disabled{opacity:.55;cursor:not-allowed}.danger-action{color:var(--danger);border-color:#fecaca;background:#fff7f7}.icon-button{width:36px;padding:0;flex:none}.icon-button.tiny{width:24px;height:22px;border:0;background:transparent}.badge-button{position:relative}.badge-button b{min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#fff0d8;color:#9a5700;font-size:11px}.more-menu{position:relative;display:none}.more-menu summary{list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-menu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:12;width:150px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 34px #0f172a29}.more-menu-panel button{width:100%;height:34px;display:flex;align-items:center;gap:8px;border:0;border-radius:6px;background:transparent;color:#243449;padding:0 9px;text-align:left;white-space:nowrap}.more-menu-panel button:hover{background:#f1f5f9}.workspace{position:relative;min-height:0;display:grid;grid-template-columns:var(--sidebar-width, 292px) 6px minmax(0,1fr);overflow:hidden;transition:grid-template-columns .18s ease}.workspace.sidebar-collapsed{grid-template-columns:48px minmax(0,1fr)}.sidebar,.right-panel{background:var(--panel);border-right:1px solid var(--line)}.sidebar{min-height:0;display:grid;grid-template-rows:48px minmax(0,1fr);overflow:hidden}.sidebar.is-collapsed{display:flex;align-items:flex-start;justify-content:center;padding-top:12px}.sidebar-body{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.sidebar-rail-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand)}.sidebar-resizer{width:6px;cursor:col-resize;background:transparent;border-right:1px solid var(--line)}.sidebar-resizer:hover,.sidebar-resizer:active{background:#dbeafe;border-right-color:#9ab6c8}.right-panel{position:absolute;top:0;right:0;bottom:0;z-index:6;width:318px;border-right:0;border-left:1px solid var(--line);padding:16px;overflow:auto;overscroll-behavior:contain;box-shadow:-18px 0 38px #0f172a1f;transform:translate(100%);transition:transform .22s ease}.right-panel.is-open{transform:translate(0)}.panel-heading,.panel-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-heading{height:48px;padding:0 14px;border-bottom:1px solid var(--line)}.panel-heading span{display:flex;gap:10px;color:var(--muted)}.sidebar-heading-title{min-width:0;display:flex;align-items:center;gap:8px}.sidebar-heading-title b{min-width:28px;height:20px;display:grid;place-items:center;padding:0 7px;border-radius:999px;background:#eef5fa;color:var(--brand);font-size:12px;font-weight:800}.tree-control-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 0}.tree-control-row button{min-width:0;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-size:12px;font-weight:700}.tree-control-row button:disabled{color:#94a3b8;background:#f8fafc;cursor:not-allowed}.unit-tree{padding:10px 8px}.tree-row{width:100%;min-height:32px;display:flex;align-items:center;gap:3px;border:0;border-radius:6px;background:transparent;color:#26364d;text-align:left}.tree-row.active{background:var(--brand-soft);color:var(--brand);font-weight:700;box-shadow:inset 3px 0 0 var(--brand)}.tree-row.is-drop-target:hover{outline:1px dashed var(--brand);background:#f0f8fc}.tree-drag-handle{flex:none;color:#94a3b8;cursor:grab}.tree-toggle{width:20px;height:24px;flex:none;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:inherit;padding:0}.tree-toggle:disabled{opacity:1}.tree-select{min-width:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;border:0;background:transparent;color:inherit;padding:4px 6px 4px 0;text-align:left}.tree-select small{color:var(--muted);font-size:10px;font-weight:700}.tree-row.active .tree-select small{color:var(--brand)}.tree-spacer{width:14px}.tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-section{margin:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfdff}.section-title{display:flex;justify-content:space-between;font-weight:700;font-size:13px;margin-bottom:10px}.section-title b{background:#eef2f7;border-radius:999px;min-width:24px;text-align:center;color:var(--muted)}.mini-person,.mini-unit{width:100%;display:flex;align-items:center;gap:8px;text-align:left;border:0;background:transparent;padding:6px 0;color:#26364d}.mini-person small{display:block;color:var(--muted);font-size:11px}.avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#d9eaf3;color:var(--brand);font-weight:800;font-size:11px;flex:none}.avatar.large{width:42px;height:42px;font-size:13px}.person-avatar{position:relative;overflow:hidden;background:#e6f2f8;color:#155a7b}.person-avatar:before{content:"";position:absolute;left:50%;top:9px;width:15px;height:15px;background:currentColor;border-radius:50%;transform:translate(-50%)}.person-avatar:after{content:"";position:absolute;left:50%;bottom:-6px;width:34px;height:22px;background:currentColor;border-radius:50% 50% 10% 10%/72% 72% 18% 18%;transform:translate(-50%)}.person-avatar.is-qisda{background:#d9edf8;color:#155a7b}.person-avatar.is-benq{background:#ede7fb;color:#402079}.person-avatar.is-bqp{background:#e2f2f1;color:#146b66}.link-button{border:0;background:transparent;color:var(--brand);padding:4px 0}.canvas-shell{position:relative;min-width:0;background:#f7fafc;overflow:hidden;user-select:none;overscroll-behavior:contain}.canvas-fallback,.component-error{min-width:0;height:100%;display:grid;place-content:center;gap:8px;background:#f7fafc;color:var(--muted);text-align:center}.canvas-fallback strong,.component-error strong{color:var(--brand)}.canvas-fallback span,.component-error span{font-size:13px}.canvas-shell .react-flow{background:transparent;touch-action:none}.canvas-shell .react-flow__pane{cursor:grab}.canvas-shell .react-flow__pane.dragging,.canvas-shell .react-flow__pane:active{cursor:grabbing}.canvas-shell .react-flow__node.draggable{cursor:grab}.canvas-shell .react-flow__node.dragging{cursor:grabbing}.canvas-empty-state{position:absolute;inset:0;z-index:5;display:grid;place-content:center;gap:8px;background:#f7fafcdb;color:var(--muted);text-align:center;pointer-events:none}.canvas-empty-state strong{color:var(--brand);font-size:18px}.canvas-empty-state span{font-size:13px}.flow-grade-line{height:1px;border-top:1px solid rgba(29,91,125,.16);pointer-events:none}.flow-grade-line span{position:absolute;left:0;top:-13px;padding:3px 8px;border-radius:999px;background:#e8f4fa;color:var(--brand);font-size:11px;font-weight:700}.floating-fit{position:absolute;left:18px;bottom:18px;z-index:3;height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand)}.zoom-toolbar{position:absolute;left:18px;bottom:58px;z-index:3;display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:0 8px 20px #0f172a14}.zoom-toolbar span{min-width:46px;text-align:center;color:#243449;font-size:13px;font-weight:800}.canvas-legend{position:absolute;right:18px;bottom:18px;z-index:3;display:flex;gap:14px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fffffff0;color:var(--muted);font-size:12px}.canvas-legend span{display:flex;align-items:center;gap:6px}.legend-solid,.legend-dashed{width:28px;height:0;border-top:2px solid #64748b}.legend-dashed{border-top-color:var(--brand);border-top-style:dashed}.presentation-workbench{position:relative;min-width:0;min-height:0;background:#d8dee7;overflow:hidden;user-select:none}.presentation-viewport{width:100%;height:100%;overflow:auto;padding:42px;cursor:grab;overscroll-behavior:contain}.presentation-viewport:active{cursor:grabbing}.presentation-stage{position:relative;margin:auto;transform-origin:top left}.slide-page{position:absolute;inset:0 auto auto 0;transform-origin:top left;overflow:hidden;background:#fff;border:1px solid #c8d2df;box-shadow:0 22px 55px #0f172a3d;color:#35156f}.slide-confidential{position:absolute;left:0;top:0;width:250px;height:30px;display:grid;place-items:center;background:#f20f13;color:#fff;font-weight:800;font-size:18px}.slide-period{position:absolute;right:0;top:0;width:170px;height:35px;display:grid;place-items:center;background:#35156f;color:#fff;font-weight:800;font-size:17px}.slide-title{position:absolute;left:110px;right:260px;top:54px;margin:0;color:#35156f;font-size:46px;line-height:1.15;font-weight:900;letter-spacing:0;white-space:normal;overflow:visible;text-overflow:clip}.slide-grade-legend{position:absolute;top:66px;right:38px;z-index:3;display:grid;gap:16px;color:#35156f;font-size:16px;font-weight:800}.slide-layout-warning{position:absolute;left:110px;top:126px;z-index:4;max-width:1040px;padding:6px 10px;border:1px solid #f59e0b;background:#fffbeb;color:#92400e;font-size:15px;font-weight:800}.slide-grade-legend div{display:grid;grid-template-columns:28px auto;align-items:center;gap:7px}.slide-lines{position:absolute;inset:0;overflow:visible;pointer-events:none}.slide-grade-line{stroke:#9bd0ff;stroke-width:4}.slide-grade-label{fill:#180d55;font-size:19px;font-weight:800;pointer-events:none}.slide-org-line{fill:none;stroke:#35156f;stroke-width:2.5}.slide-org-line.is-dashed{stroke-dasharray:10 8}.slide-unit-group{position:absolute;z-index:2;color:#35156f;cursor:grab;touch-action:none}.slide-unit-group:active{cursor:grabbing}.slide-unit-card{position:relative;border:2px solid #35156f;background:#fff;text-align:center;box-shadow:0 0 #35156f00;font-family:Gill Sans MT,Microsoft JhengHei,sans-serif;letter-spacing:0;overflow:visible}.slide-unit-group.is-selected .slide-unit-card{outline:4px solid rgba(29,91,125,.26);box-shadow:0 0 0 2px var(--brand)}.slide-unit-card.is-drop-target{outline:5px solid #dc2626;box-shadow:0 0 0 3px #dc262629}.slide-unit-meta{position:absolute;left:0;top:-18px;width:var(--unit-card-width, 100%);min-width:0;height:18px;color:#35156f;font-size:max(11px,calc(var(--unit-font-size, 16px) - 2px));line-height:18px;font-weight:800;pointer-events:none}.slide-unit-meta span{position:absolute;top:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-unit-meta span:first-child{left:0;text-align:left}.slide-unit-meta span:last-child{right:-4px;text-align:right}.slide-unit-name{position:absolute;left:0;right:0;top:0;height:50%;display:grid;place-items:center;gap:1px;min-width:0;min-height:0;padding:5px 12px;border-bottom:1px solid #35156f;font-size:var(--unit-font-size, 16px);font-weight:800;line-height:1.2}.slide-unit-name span{max-width:100%;overflow-wrap:anywhere;word-break:normal}.slide-unit-name.is-nowrap span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;word-break:keep-all}.slide-unit-manager{position:absolute;left:var(--unit-icon-reserve, 32px);right:var(--unit-icon-reserve, 32px);top:50%;bottom:0;display:flex;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:26px;padding:2px 4px;font-size:calc(var(--unit-font-size, 16px) + 1px);line-height:1.2;font-weight:700;pointer-events:none}.slide-unit-manager span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-unit-manager small{color:inherit;font-size:inherit;font-weight:inherit;white-space:nowrap}.slide-unit-pgrades{position:absolute;left:8px;bottom:6px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:3px;max-width:calc(100% - 42px);pointer-events:none}.slide-unit-add-child,.slide-unit-staff-toggle{position:absolute;z-index:4;width:22px;height:22px;display:grid;place-items:center;border:2px solid #35156f;border-radius:50%;background:#fff;color:#35156f;cursor:pointer;padding:0;box-shadow:0 2px 5px #140d3d29}.slide-unit-add-child:hover,.slide-unit-staff-toggle:hover{background:#f4f8fb;color:#0d6f99;border-color:#0d6f99}.slide-unit-add-child{right:-12px;bottom:-12px}.slide-unit-staff-toggle{left:50%;bottom:-12px;transform:translate(-50%)}.slide-staff-list{margin-top:8px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--staff-row-count, 5),19px);grid-auto-columns:max-content;row-gap:2px;column-gap:18px;width:max-content;margin-left:calc(var(--unit-card-width, 100%) / 2);transform:translate(-50%);color:#35156f;font-family:Gill Sans MT,Microsoft JhengHei,sans-serif;font-size:15px;line-height:1.2}.slide-staff-list button{min-width:max-content;height:19px;display:flex;align-items:center;gap:5px;border:0;background:transparent;color:inherit;cursor:grab;padding:0;text-align:left;touch-action:none}.slide-staff-list button:active{cursor:grabbing}.slide-staff-list button .grade-shape,.slide-staff-list button .grade-placeholder,.slide-staff-list button .grade-star,.slide-external-staff-list button .grade-shape,.slide-external-staff-list button .grade-placeholder,.slide-external-staff-list button .grade-star{flex:0 0 15px;width:15px;height:15px;display:block}.slide-staff-list button span{min-width:max-content;font-size:inherit;line-height:19px;white-space:nowrap}.slide-staff-list button.is-technical-grade>span:last-child,.slide-external-staff-list button.is-technical-grade>span:last-child,.employee-row.is-technical-grade span:last-child{color:#d24e01;font-weight:800}.slide-external-staff-list{position:absolute;display:grid;grid-template-columns:34px max-content;align-items:start;column-gap:7px;color:#35156f;font-family:Gill Sans MT,Microsoft JhengHei,sans-serif;line-height:1.2;pointer-events:auto}.slide-external-staff-rows{display:grid;gap:2px}.slide-external-staff-list button{height:19px;display:flex;align-items:center;gap:5px;border:0;background:transparent;color:inherit;cursor:grab;padding:0;text-align:left;touch-action:none;white-space:nowrap}.slide-external-staff-list button:active{cursor:grabbing}.slide-external-staff-list button>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:inherit;line-height:19px;white-space:nowrap}.slide-external-leader-line{width:34px;height:0;margin-top:9px;border-top:2px solid #35156f}.slide-overflow-note{position:absolute;left:110px;bottom:34px;padding:5px 8px;border:1px solid #d9cafa;background:#fbf8ff;color:#6b4ca0;font-size:14px;font-weight:800}.slide-empty-state{position:absolute;inset:0;display:grid;place-content:center;gap:10px;background:#ffffffd1;color:#64748b;text-align:center}.slide-empty-state strong{color:#35156f;font-size:24px}.presentation-control-row{position:absolute;left:18px;bottom:18px;z-index:6;display:flex;align-items:center;gap:8px}.zoom-control-group{position:relative}.presentation-control-row .zoom-toolbar,.presentation-control-row .floating-fit,.presentation-control-row .layout-action-group{position:static;left:auto;bottom:auto}.presentation-control-row .zoom-toolbar{height:34px;padding:0 4px;box-shadow:none}.presentation-control-row .zoom-toolbar .icon-button{width:30px;height:30px}.zoom-value-button{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:70px;height:30px;padding:0 6px;border:0;border-radius:5px;background:transparent;color:#243449;cursor:pointer}.zoom-value-button:hover,.zoom-value-button[aria-expanded=true]{background:#eef2f7}.zoom-value-button span{min-width:42px}.zoom-popover{position:absolute;left:0;bottom:calc(100% + 8px);z-index:8;width:244px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fffffffc;box-shadow:0 18px 42px #0f172a33;color:#243449}.zoom-popover>strong{display:block;margin-bottom:7px;font-size:14px}.zoom-preset-list{display:grid;gap:2px}.zoom-preset{display:flex;align-items:center;gap:9px;min-height:31px;padding:4px 7px;border:0;border-radius:6px;background:transparent;color:#243449;text-align:left;cursor:pointer}.zoom-preset:hover{background:#f1f5f9}.zoom-preset i{width:15px;height:15px;border:1px solid #8793a3;border-radius:50%;box-shadow:inset 0 0 0 3px #fff}.zoom-preset.is-selected i{border-color:var(--brand);background:var(--brand)}.zoom-fit-option{margin-top:3px;border-top:1px solid #edf0f4;border-radius:0 0 6px 6px}.zoom-custom-row{display:grid;grid-template-columns:auto minmax(58px,1fr) auto auto;align-items:center;gap:6px;margin-top:7px;padding-top:9px;border-top:1px solid #edf0f4;font-size:13px}.zoom-custom-row input{width:100%;height:30px;padding:0 6px;border:1px solid #b9c2ce;border-radius:5px;color:#243449;font:inherit}.zoom-custom-row button{height:30px;padding:0 9px;border:1px solid var(--brand);border-radius:5px;background:var(--brand);color:#fff;cursor:pointer}.zoom-popover>small{display:block;margin-top:7px;color:#718096;font-size:11px}.presentation-control-row .floating-fit{display:inline-flex;align-items:center;gap:6px;padding:0 10px}.presentation-zoom{left:18px;bottom:64px}.presentation-auto-layout{left:126px;bottom:18px;display:inline-flex;align-items:center;gap:6px;padding:0 10px}.layout-action-group{position:absolute;left:126px;bottom:18px;z-index:5}.layout-action-group .presentation-auto-layout{position:static}.layout-popover{position:absolute;left:0;bottom:calc(100% + 8px);display:grid;gap:5px;width:230px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fffffffa;box-shadow:0 14px 34px #0f172a29}.layout-popover button{min-height:34px;border:0;border-radius:6px;background:transparent;color:#25344a;font-weight:800;text-align:left;cursor:pointer}.layout-popover button:hover{background:#f1f5f9;color:var(--brand)}.layout-settings-toggle{left:420px;bottom:18px;display:inline-flex;align-items:center;gap:6px;padding:0 10px}.display-scope-toggle{left:282px;bottom:18px;display:inline-flex;align-items:center;gap:6px;padding:0 10px}.layout-settings-panel{position:absolute;right:18px;top:18px;z-index:6;width:min(330px,calc(100% - 36px));max-height:calc(100% - 36px);overflow:auto;display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fffffffa;box-shadow:0 18px 45px #0f172a2e;color:#243449}.layout-settings-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.layout-settings-title strong{font-size:15px}.layout-settings-title span{color:var(--muted);font-size:11px;font-weight:800}.layout-number-setting{display:grid;grid-template-columns:96px minmax(0,1fr) 64px;align-items:center;gap:8px;color:#475569;font-size:12px;font-weight:800}.layout-number-setting input[type=number]{width:64px;height:30px;border:1px solid var(--line);border-radius:6px;padding:0 6px}.layout-number-setting input[type=range]{min-width:0}.layout-color-setting,.layout-toggle-setting{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#475569;font-size:12px;font-weight:800}.layout-color-setting input{width:44px;height:30px;border:0;background:transparent}.layout-toggle-setting{justify-content:flex-start}.layout-toggle-setting input{width:16px;height:16px}.display-scope-panel{position:absolute;right:364px;top:18px;z-index:6;width:min(390px,calc(100% - 36px));max-height:calc(100% - 36px);overflow:auto;display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fffffffa;box-shadow:0 18px 45px #0f172a2e;color:#243449}.scope-root-summary{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.scope-root-summary span{color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.scope-root-summary strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#243449;font-size:13px}.scope-field{display:grid;gap:6px;color:#475569;font-size:12px;font-weight:800}.scope-field select{width:100%;height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#243449;padding:0 9px}.scope-section{display:grid;gap:8px}.scope-section-title{color:#475569;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:0}.scope-grade-list{display:flex;flex-wrap:wrap;gap:7px}.scope-grade-chip{height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#334155;font-size:12px;font-weight:800}.scope-grade-chip input{width:14px;height:14px}.scope-unit-tree{max-height:440px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fbfdff}.scope-tree-row{min-height:30px;display:grid;grid-template-columns:18px minmax(0,1fr) auto 24px;align-items:center;gap:6px;border-radius:6px;color:#26364d}.scope-tree-row:hover{background:#f1f5f9}.scope-tree-row input{width:14px;height:14px}.scope-tree-row small{color:var(--muted);font-size:10px;font-weight:900}.scope-tree-row.is-hidden{color:#94a3b8;text-decoration:line-through}.scope-tree-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750}.unit-node{position:relative;width:230px;min-height:132px;border:1px solid #cfd9e4;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a14;color:#1f2f45}.unit-node.is-selected{border-color:var(--brand);box-shadow:0 0 0 3px #1d5b7d26,0 8px 24px #0f172a17}.unit-meta{position:absolute;top:-21px;height:18px;display:flex;align-items:center;gap:4px;color:var(--muted);font-size:11px;font-weight:700}.unit-code{left:3px}.unit-count{right:3px}.unit-body{padding:22px 14px 8px;text-align:center}.unit-name{font-weight:800;min-height:22px}.unit-manager{margin-top:12px;font-weight:700;color:#334155}.unit-title{margin-top:3px;color:var(--muted);font-size:12px}.concurrent-tag{color:var(--warning);margin-left:4px}.unit-footer{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 6px}.node-handle{opacity:.35}.employee-list{border-top:1px solid var(--line);padding:6px 8px 8px}.employee-row{width:100%;height:24px;display:flex;align-items:center;gap:6px;border:0;border-radius:5px;background:transparent;color:#334155;font-size:12px}.employee-row:hover{background:#f1f5f9}.employee-row.is-selected{background:#e6f2f8;color:var(--brand);font-weight:800;box-shadow:inset 3px 0 0 var(--brand)}.secretary-card{position:absolute;left:238px;top:38px;min-width:132px;display:grid;grid-template-columns:18px 1fr;gap:2px 5px;align-items:center;padding:8px;border:1px solid #f2d487;border-radius:8px;background:#fff8db;font-size:11px;color:#4b3a06;box-shadow:0 6px 16px #785b0017}.secretary-card:before{content:"";position:absolute;left:-18px;top:22px;width:18px;border-top:1px solid #d6a92f}.secretary-card small{grid-column:2;color:#826a18}.grade-placeholder{display:inline-block}.grade-star{color:#eab308}.grade-shape{display:inline-block;flex:none}.grade-p10{background:#00f;clip-path:polygon(50% 100%,0 0,100% 0)}.grade-p9{background:#f60;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.grade-p8{background:red;transform:rotate(45deg) scale(.86)}.grade-p7{background:#00638e}.grade-p6{background:#00638e;clip-path:polygon(50% 0,0 100%,100% 100%)}.grade-p5{background:#008e00;clip-path:polygon(0 0,0 100%,100% 100%)}.grade-t0,.grade-t1,.grade-t2,.grade-t3,.grade-t4,.grade-t5,.grade-t6{background:#fff;border-radius:50%}.right-panel h2{margin:0;font-size:17px}.right-panel.empty{display:flex;flex-direction:column;gap:10px;color:var(--muted)}.right-panel label{display:grid;gap:6px;margin-top:13px;color:#475569;font-size:12px;font-weight:700}.right-panel input,.right-panel select{width:100%}.panel-title-actions{display:flex;align-items:center;gap:8px}.panel-action{height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;padding:0 12px;background:#fff;color:var(--brand);font-weight:800}.panel-action:hover{background:var(--brand-soft)}.info-row{display:grid;gap:6px;padding:11px 0;border-bottom:1px solid #eef2f7}.info-row span{color:#64748b;font-size:12px;font-weight:700}.info-row strong{min-height:20px;color:#243449;font-size:14px;line-height:1.45;word-break:break-word}.draft-banner{margin-top:12px;padding:8px 10px;border:1px solid #bae6fd;border-radius:7px;background:#f0f9ff;color:#075985;font-size:12px;font-weight:800}.panel-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.panel-edit-actions .primary-action,.panel-edit-actions .secondary-action{margin-top:0}.manager-combobox{position:relative}.manager-search{height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted)}.manager-search input{height:34px;min-width:0;border:0;padding:0;outline:0;color:#243449;background:transparent}.manager-search input::placeholder{color:#94a3b8;opacity:1}.manager-options{position:absolute;z-index:6;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 14px 30px #0f172a24}.manager-options button{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-radius:6px;padding:7px 8px;background:transparent;color:#26364d;text-align:left}.manager-options button:hover{background:var(--brand-soft);color:var(--brand)}.manager-options span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-options small{flex:none;color:var(--muted);font-size:11px;font-weight:700}.manager-empty{padding:10px 8px;color:var(--muted);font-size:12px}.profile-strip{display:flex;align-items:center;gap:10px;padding:12px;margin-top:14px;border-radius:8px;background:#f8fafc;border:1px solid var(--line)}.profile-strip small{display:block;color:var(--muted)}.secondary-action,.danger-action,.primary-action{width:100%;margin-top:12px}.unit-create-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.unit-create-actions .primary-action{width:100%;margin-top:0}.inline-warning{padding:8px;margin-top:10px;border:1px solid #fed7aa;border-radius:7px;background:#fff7ed;color:#9a3412;font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#0f172a52}.modal{width:min(760px,calc(100vw - 40px));max-height:calc(100vh - 54px);overflow:auto;background:#fff;border-radius:10px;box-shadow:0 24px 70px #0f172a47}.modal-loading{width:180px;height:74px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--brand);font-weight:800;box-shadow:0 24px 70px #0f172a47}.modal.wide{width:min(1180px,calc(100vw - 40px))}.modal-header{position:sticky;top:0;z-index:1;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#fff}.modal-header h2{margin:0;font-size:18px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 18px}.steps span{padding:9px;border-radius:7px;background:#f1f5f9;color:var(--muted);text-align:center;font-size:12px;font-weight:700}.steps span.active{background:var(--brand-soft);color:var(--brand)}.period-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;padding:0 18px 16px}.period-grid .toolbar-field{color:var(--text);font-size:12px}.period-grid input,.period-grid select{border:1px solid var(--line);border-radius:6px;padding:9px 10px;background:#fff;color:var(--text)}.file-grid,.summary-cards,.diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 18px 16px}.file-card,.summary-card{min-height:88px;display:grid;align-content:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfdff}.file-card input{width:100%}.file-card small{color:var(--muted);font-size:11px;font-weight:700;line-height:1.4}.import-file-note{margin:-8px 18px 16px;color:var(--muted);font-size:12px;font-weight:700}.required{color:var(--danger);margin-left:2px}.summary-card span{color:var(--muted);font-size:12px}.summary-card strong{font-size:28px;color:var(--brand)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:0 18px 16px}.modal-actions .primary-action,.modal-actions .secondary-action{width:auto;margin-top:0;padding:0 14px}.action-confirm-body{display:grid;gap:8px;padding:18px;color:#243449}.action-confirm-body p{margin:0;font-size:15px;font-weight:800}.action-confirm-body small{color:var(--muted);line-height:1.5}.action-confirm-actions{border-top:1px solid var(--line);padding-top:14px}.toolbar-feedback{position:fixed;top:76px;right:18px;z-index:25;padding:10px 13px;border:1px solid #bae6fd;border-radius:8px;background:#f0f9ff;color:#075985;font-size:13px;font-weight:800;box-shadow:0 14px 34px #0f172a24}.table-wrap{margin:0 18px 18px;overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f8fafc;color:#475569}tr.error td:first-child{color:var(--danger);font-weight:700}tr.warning td:first-child{color:var(--warning);font-weight:700}.issue-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:16px 18px}.issue-tabs span,.status-pill{padding:6px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:700}.issue-action-row,.version-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--line)}.issue-action-row button,.version-row button,.export-actions button{height:30px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand)}.snapshot-note{margin:0;padding:14px 18px 0;color:#475569;font-size:13px;line-height:1.6;font-weight:700}.snapshot-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:stretch;gap:10px;padding:16px 18px}.snapshot-form input,.snapshot-form button{height:38px;margin:0}.snapshot-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,1.2fr);gap:0;border-top:1px solid var(--line)}.snapshot-list{min-height:260px;border-right:1px solid var(--line)}.snapshot-row{align-items:stretch;padding:10px 12px 10px 18px}.snapshot-row.is-previewing{background:#f0f9ff}.snapshot-name-button{height:auto!important;min-height:44px;flex:1;display:grid;align-content:center;justify-items:start;padding:0;border:0!important;background:transparent!important;color:#243449!important;text-align:left}.snapshot-name-button:hover strong{color:var(--brand);text-decoration:underline}.snapshot-row-actions{display:flex;align-items:center;gap:8px}.version-row small{display:block;color:var(--muted);margin-top:2px}.snapshot-preview{min-height:320px;display:grid;grid-template-rows:auto 1fr;gap:12px;padding:14px 18px 18px;background:#fbfdff;overflow:auto}.snapshot-preview.empty{place-items:center;color:var(--muted);font-weight:800}.snapshot-preview-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#243449}.snapshot-preview-title span{color:var(--muted);font-size:12px;font-weight:800}.snapshot-preview-stage{position:relative;align-self:start;justify-self:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.snapshot-preview-inner{position:relative;transform-origin:top left}.snapshot-preview-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.snapshot-preview-lines path{fill:none;stroke:var(--purple);stroke-width:3}.snapshot-preview-lines path.is-dashed{stroke-dasharray:12 9}.snapshot-preview-unit{position:absolute;display:grid;grid-template-rows:20px 1fr;place-items:center;border:2px solid var(--purple);background:#fff;color:var(--purple);font-weight:900;font-size:18px;text-align:center}.snapshot-preview-unit b{align-self:start;justify-self:start;margin:-19px 0 0;font-size:14px;background:#fff}.snapshot-preview-unit span{padding:0 8px}.status-pill.draft{background:#ede9fe;color:#6d28d9}.status-pill.published{background:#dbeafe;color:var(--brand)}.diff-grid{grid-template-columns:repeat(3,1fr);align-items:start}.diff-column{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfdff;min-height:180px}.diff-column h3{margin:0 0 10px;font-size:14px}.diff-column p{margin:7px 0;color:#475569;font-size:12px}.import-preview-section{display:grid;gap:10px;padding:0 18px 18px}.import-preview-section>h3{margin:0;color:#243449;font-size:15px}.import-preview-section .table-wrap{margin:0}.import-diff-grid{padding:0;grid-template-columns:repeat(3,minmax(0,1fr))}.import-diff-table{display:grid;gap:8px}.import-diff-table-head,.import-diff-row{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:10px}.import-diff-table-head{position:sticky;top:0;z-index:1;padding:0 0 6px;border-bottom:1px solid var(--line);background:#fbfdff;color:var(--muted);font-size:11px;font-weight:900}.import-diff-table-head span:last-child{text-align:center}.import-diff-group{display:grid;gap:4px;padding-top:2px}.import-diff-group h4{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:10px;margin:0;padding:7px 2px 7px 8px;border-radius:6px;background:#eef6ff;color:#0f3d5a;font-size:12px}.import-diff-group h4 input{justify-self:center;width:14px;height:14px}.import-diff-row{margin:0;padding:4px 2px 4px 8px;color:#475569;font-size:12px}.import-diff-row input{justify-self:center;width:14px;height:14px}.import-diff-row>span{min-width:0}.import-empty-note{margin:0;color:var(--muted);font-size:13px}.export-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:16px 18px}.export-preview{margin:0 18px 16px;height:260px;border:1px solid var(--line);border-radius:8px;background:#eef3f8;padding:12px;display:grid;place-items:center;overflow:hidden;color:var(--brand)}.export-preview-frame{position:relative;overflow:hidden;background:#fff;box-shadow:0 8px 22px #0f172a24}.export-preview [data-export-preview-canvas]{position:absolute;left:0;top:0}.export-sandbox{position:fixed;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none;z-index:-1}.export-sandbox [data-export-preview-canvas]{position:relative!important}.export-render-root .slide-unit-add-child,.export-render-root .slide-unit-staff-toggle{display:none!important}.export-actions{justify-content:flex-start}.details-list{display:grid;grid-template-columns:160px 1fr;gap:0;padding:16px 18px 20px}.details-list dt,.details-list dd{margin:0;padding:10px 0;border-bottom:1px solid var(--line)}.details-list dt{color:var(--muted);font-weight:700}@media(max-width:1500px){.toolbar{grid-template-columns:auto minmax(0,1fr);gap:10px}.brand{min-width:164px}.brand span{display:none}.toolbar-actions{grid-column:2;grid-row:1}.toolbar-filters{grid-column:1 / -1;grid-row:2;overflow:visible}.toolbar-button{padding:0 8px}.business-field{width:172px}.search-box{min-width:260px;flex-basis:320px;max-width:none}.right-panel{width:300px}}@media(max-width:1320px){.toolbar-actions{gap:6px}.toolbar-button{padding:0 7px;font-size:13px}.icon-button{width:34px}}@media(max-width:1180px){.toolbar-filters{overflow-x:auto;padding-bottom:2px}.secondary-action-button,.action-save,.action-publish{display:none}.more-menu{display:block}.snapshot-layout{grid-template-columns:1fr}.snapshot-list{border-right:0}}@media(max-width:1024px){.toolbar{grid-template-columns:1fr;align-items:stretch}.brand{min-width:0}.toolbar-actions{grid-column:1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.toolbar-filters{grid-column:1;grid-row:3;flex-wrap:wrap;overflow:visible}.year-field,.month-field{width:92px}.company-field{width:128px}.business-field{width:min(220px,calc(50vw - 22px))}.search-box{min-width:min(260px,100%);max-width:none;flex:1 1 280px}.workspace{grid-template-columns:236px 6px minmax(0,1fr)}.workspace.sidebar-collapsed{grid-template-columns:48px minmax(0,1fr)}.right-panel{width:min(340px,44vw)}}@media(max-width:760px){.app-shell{height:100dvh}.toolbar{max-height:42dvh;overflow-y:auto;padding:8px;gap:8px}.toolbar-actions{gap:6px}.action-import,.action-issues{padding:0 8px}.toolbar-filters{gap:6px}.year-field,.month-field,.company-field,.business-field{width:calc(50% - 3px)}.search-box{flex-basis:100%;width:100%}.workspace{grid-template-columns:1fr;grid-template-rows:minmax(220px,40dvh) minmax(0,1fr)}.sidebar-resizer{display:none}.workspace.sidebar-collapsed{grid-template-columns:1fr;grid-template-rows:48px minmax(0,1fr)}.sidebar{position:relative;inset:auto;grid-row:1;z-index:8;width:100%;box-shadow:none}.sidebar.is-collapsed{width:100%;height:48px;justify-content:flex-start;padding:7px}.canvas-shell{grid-column:1;grid-row:2}.right-panel{inset:auto 0 0;width:100%;max-height:62dvh;border-left:0;border-top:1px solid var(--line);box-shadow:0 -18px 38px #0f172a29;transform:translateY(100%)}.right-panel.is-open{transform:translateY(0)}.canvas-legend{right:10px;left:10px;bottom:10px;justify-content:center;flex-wrap:wrap}.zoom-toolbar{left:58px;bottom:58px}.floating-fit{left:58px;bottom:18px}}@media(max-width:480px){.brand strong{font-size:14px}.brand span{display:none}.toolbar-button{padding:0 7px}.year-field,.month-field,.company-field,.business-field,.sidebar{width:100%}.right-panel{max-height:70dvh;padding:14px}.modal,.modal.wide{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.period-grid,.file-grid,.summary-cards,.diff-grid,.export-options,.snapshot-form,.details-list{grid-template-columns:1fr}}