.login-screen{display:grid;place-items:center;height:100%;padding:var(--space-5)}.login-card{display:flex;flex-direction:column;gap:var(--space-4);width:min(380px,100%);padding:var(--space-6);border-radius:var(--radius-2xl);border-color:var(--panel-border)}.login-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.login-logo{display:block;height:40px;width:auto}.login-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.02em}.login-sub{font-size:var(--text-label);color:var(--on-surface-variant)}.login-error{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--error-container);color:var(--on-error-container);font-size:var(--text-label)}.login-submit{margin-top:var(--space-2);height:42px;font-size:var(--text-body)}.login-note{font-size:var(--text-caption);color:var(--on-surface-variant);text-align:center}.login-mock{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--warning-container);border:1px solid color-mix(in srgb,var(--warning) 22%,transparent);color:var(--on-warning-container);font-size:var(--text-caption);line-height:1.45;cursor:pointer}.login-mock input{margin-top:2px;accent-color:var(--warning);width:16px;height:16px;flex-shrink:0}.live-mock .live-dot{background:var(--warning-strong)}.podium-wrap{max-width:580px}.dash-split{display:flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-2)}.dash-split-main{font-family:var(--font-display);font-size:40px;font-weight:500;letter-spacing:-.04em;line-height:1}.dash-split{margin-top:var(--space-3)}.dash-split-rest{font-size:var(--text-caption);color:var(--on-surface-variant)}.dash-free-none .metric-label:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--warning-strong)}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);align-items:end}.podium-place{display:flex;flex-direction:column;text-align:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-container-low);border:1px solid var(--hairline);border-bottom:0;overflow:hidden}.podium-body{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:158px;padding:var(--space-3) var(--space-2) var(--space-2)}.podium-rank{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:700;color:var(--on-surface);background:var(--gray-150)}.podium-1 .podium-rank{color:var(--gray-0);background:var(--gray-900)}.podium-2 .podium-rank{color:var(--gray-0);background:var(--gray-500)}.podium-3 .podium-rank{color:var(--on-surface);background:var(--sheet);box-shadow:inset 0 0 0 1.5px var(--gray-400)}.podium-name{margin-top:2px;font-size:var(--text-body);font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-family:var(--font-display);font-size:30px;font-weight:500;letter-spacing:-.04em;line-height:1.1}.podium-unit{font-size:var(--text-caption);color:var(--on-surface-variant)}.podium-detail{margin-top:var(--space-1);font-size:var(--text-caption);line-height:1.45;color:var(--on-surface-variant)}.podium-warn{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:var(--text-caption);color:var(--warning)}.podium-step{width:100%;margin-top:auto;background:var(--gray-300)}.podium-1 .podium-step{height:44px;background:var(--gray-900)}.podium-2 .podium-step{height:26px}.podium-3 .podium-step{height:12px}:root{--task-receipt: #19191c;--task-transfer: #8e8e96;--task-putaway: #3f3f45;--task-pick: #b9b9c0;--task-control: #55555c;--task-shipment: #cdcdd3;--task-return: #72727a;--task-count: #a3a3aa;--task-production: #2b2b30;--task-replenishment: #64646b;--task-other: #dcdce0}:root[data-theme=dark]{--task-receipt: #f2f2f4;--task-transfer: #8d8d96;--task-putaway: #cfcfd5;--task-pick: #5d5d65;--task-control: #aeaeb6;--task-shipment: #4a4a52;--task-return: #9a9aa2;--task-count: #6e6e77;--task-production: #e4e4e8;--task-replenishment: #7d7d86;--task-other: #3a3a40}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-3)}.type-tile{--tile: var(--task-other);display:flex;flex-direction:column;gap:2px;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--hairline);background:var(--sheet);box-shadow:var(--elevation-1)}.type-tile[data-type=RECEIPT]{--tile: var(--task-receipt)}.type-tile[data-type=PUTAWAY]{--tile: var(--task-putaway)}.type-tile[data-type=REPLENISHMENT]{--tile: var(--task-replenishment)}.type-tile[data-type=PICK]{--tile: var(--task-pick)}.type-tile[data-type=CONTROL]{--tile: var(--task-control)}.type-tile[data-type=SHIPMENT]{--tile: var(--task-shipment)}.type-tile[data-type=COUNT]{--tile: var(--task-count)}.type-tile[data-type=B_TO_A_TRANSFER]{--tile: var(--task-transfer)}.type-tile[data-type=PRODUCTION]{--tile: var(--task-production)}.type-tile[data-type=RETURN_TO_MX]{--tile: var(--task-return)}.type-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.type-name{font-size:var(--text-label);font-weight:550;letter-spacing:0;text-transform:none;color:var(--on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-flag{display:inline-flex;align-items:center;gap:3px;flex:none;font-size:var(--text-caption);font-weight:650;color:var(--warning)}.type-open{display:flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-2);font-family:var(--font-display);font-size:34px;font-weight:500;letter-spacing:-.04em;line-height:1.1}.type-unit{font-size:var(--text-caption);font-weight:400;letter-spacing:0;color:var(--on-surface-variant)}.type-bar{display:flex;gap:2px;height:4px;margin-top:var(--space-3);border-radius:var(--radius-full);overflow:hidden;background:var(--gray-150)}.type-bar>span{flex-basis:0;min-width:0}.type-bar-queued{background:var(--on-surface)}.type-bar-held{background:var(--gray-400)}.type-bar-stalled{background:var(--warning-strong)}.type-split{display:flex;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-caption);color:var(--on-surface-variant)}.type-done{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--hairline);font-size:var(--text-caption);color:var(--on-surface-variant)}.dash-zero{color:var(--outline)}.fill-layout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-5, 20px);align-items:start}@media(max-width:900px){.fill-layout{grid-template-columns:minmax(0,1fr)}}.fill-donut{display:grid;gap:var(--space-2);justify-items:center}.fill-tables{display:grid;gap:var(--space-4);min-width:0}.fill-title{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-body);font-weight:600;letter-spacing:-.01em;color:var(--on-surface)}.fill-title>svg{color:var(--outline)}.fill-note{margin:var(--space-1) 0 var(--space-2);font-size:var(--text-caption);color:var(--on-surface-variant)}.fill-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.fill-row{display:grid;grid-template-columns:minmax(90px,150px) minmax(0,1fr) auto 56px;align-items:center;gap:var(--space-3)}.fill-name{font-size:var(--text-label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fill-track{height:8px;border-radius:var(--radius-full);background:var(--gray-150);overflow:hidden}.fill-bar{display:block;height:100%;border-radius:var(--radius-full);background:var(--primary);transition:width var(--duration) var(--ease)}.fill-bar.full{background:var(--warning-strong)}.fill-qty,.fill-percent{font-size:var(--text-caption);color:var(--on-surface-variant);text-align:right;white-space:nowrap}.fill-percent{font-weight:650;color:var(--on-surface)}@media(max-width:640px){.fill-row{grid-template-columns:minmax(80px,1fr) auto 52px}.fill-track{display:none}}.period{position:relative;display:inline-flex}.period .period-range{border:1px solid var(--hairline);position:absolute;top:calc(100% + var(--space-2));right:0;z-index:20;display:flex;align-items:flex-end;gap:var(--space-2);flex-wrap:wrap;width:max-content;max-width:min(440px,calc(100vw - 2 * var(--space-4)));padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-container-lowest);box-shadow:var(--elevation-3)}.period-field{display:grid;gap:2px;font-size:var(--text-caption);color:var(--on-surface-variant)}.period-field .input{width:150px}.period-compare{display:inline-flex;align-items:center;gap:6px;flex-basis:100%;font-size:var(--text-label);cursor:pointer}.metric-delta{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 8px;border-radius:var(--radius-full);background:var(--gray-100);border:1px solid var(--hairline);font-family:var(--font);font-size:var(--text-caption);font-weight:600;letter-spacing:0;line-height:1;color:var(--on-surface-variant);font-variant-numeric:tabular-nums}.metric-delta.up{background:var(--success-container);border-color:color-mix(in srgb,var(--success) 18%,transparent);color:var(--on-success-container)}.metric-delta.up:before{content:"↑"}.metric-delta.down{background:var(--warning-container);border-color:color-mix(in srgb,var(--warning) 20%,transparent);color:var(--on-warning-container)}.metric-delta.down:before{content:"↓"}.leader-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-3)}.leader-card{--tile: var(--task-other);display:grid;gap:2px;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--hairline);background:var(--sheet);box-shadow:var(--elevation-1)}.leader-card[data-type=RECEIPT]{--tile: var(--task-receipt)}.leader-card[data-type=PUTAWAY]{--tile: var(--task-putaway)}.leader-card[data-type=REPLENISHMENT]{--tile: var(--task-replenishment)}.leader-card[data-type=PICK]{--tile: var(--task-pick)}.leader-card[data-type=CONTROL]{--tile: var(--task-control)}.leader-card[data-type=SHIPMENT]{--tile: var(--task-shipment)}.leader-card[data-type=COUNT]{--tile: var(--task-count)}.leader-card[data-type=B_TO_A_TRANSFER]{--tile: var(--task-transfer)}.leader-card[data-type=PRODUCTION]{--tile: var(--task-production)}.leader-card[data-type=RETURN_TO_MX]{--tile: var(--task-return)}.leader-type{font-size:var(--text-caption);font-weight:550;color:var(--on-surface-variant)}.leader-name{margin-top:2px;font-size:var(--text-body);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-stats{font-size:var(--text-caption);color:var(--on-surface-variant)}.leader-warn{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:var(--text-caption);color:var(--warning)}.leader-next{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--hairline);font-size:var(--text-caption);color:var(--on-surface-variant)}.leaders-block{margin-top:var(--space-4);display:grid;gap:var(--space-2)}.type-volume{margin-top:2px;font-size:var(--text-caption);color:var(--on-surface-variant)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-label);font-weight:550;letter-spacing:-.005em;line-height:1;cursor:pointer;white-space:nowrap;transition:box-shadow var(--duration) var(--ease),transform var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:currentColor;opacity:0;transition:opacity var(--duration-fast) var(--ease);pointer-events:none}.btn:hover:not(:disabled):after{opacity:calc(var(--state-hover) / 100)}.btn:active:not(:disabled):after{opacity:calc(var(--state-press) / 100)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{cursor:not-allowed;opacity:.42}.btn-filled{background:var(--primary);color:var(--on-primary);box-shadow:inset 0 1px #ffffff1f,var(--elevation-1)}.btn-filled:after{background:var(--on-primary)}.btn-filled:hover:not(:disabled):after{opacity:.12}.btn-tonal{background:var(--gray-150);color:var(--on-surface)}:root[data-theme=dark] .btn-tonal{background:var(--surface-container-high)}.btn-outlined{background:var(--sheet);color:var(--on-surface);border-color:var(--hairline-strong);box-shadow:var(--elevation-1)}.btn-outlined:hover:not(:disabled){border-color:var(--outline)}.btn-text{background:transparent;color:var(--on-surface);padding:0 var(--space-3)}.btn-danger{background:var(--error);color:var(--on-error)}.btn-danger:after{background:#fff}.btn-danger-text{color:var(--error)}.btn-sm{min-height:30px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-caption)}.btn-icon{min-height:36px;width:36px;padding:0;border-radius:var(--radius-md);background:transparent;color:var(--on-surface-variant)}.btn-icon:hover:not(:disabled){color:var(--on-surface)}.card{border-radius:var(--radius-lg);padding:var(--space-5);background:var(--sheet);border:1px solid var(--hairline)}.card-glass{position:relative;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5) var(--space-5)}.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--radius-full);border:1px solid transparent;font-size:var(--text-caption);font-weight:500;letter-spacing:0;line-height:1;white-space:nowrap;background:var(--gray-100);border-color:var(--hairline);color:var(--gray-700)}:root[data-theme=dark] .badge{background:var(--surface-container-high)}.badge-success{background:var(--success-container);border-color:color-mix(in srgb,var(--success) 18%,transparent);color:var(--on-success-container)}.badge-warning{background:var(--warning-container);border-color:color-mix(in srgb,var(--warning) 22%,transparent);color:var(--on-warning-container)}.badge-error{background:var(--error-container);border-color:color-mix(in srgb,var(--error) 20%,transparent);color:var(--on-error-container)}.badge-info{background:var(--info-container);border-color:color-mix(in srgb,var(--info) 20%,transparent);color:var(--on-info-container)}.badge-tag{background:var(--sheet);border-color:var(--hairline-strong);color:var(--on-surface);border-radius:var(--radius-xs)}:root[data-theme=dark] .badge-tag{background:transparent}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--gray-400)}.badge-success.badge-dot:before{background:var(--success-strong)}.badge-warning.badge-dot:before{background:var(--warning-strong)}.badge-error.badge-dot:before{background:var(--error-strong)}.badge-info.badge-dot:before{background:var(--info-strong)}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--hairline);background:var(--sheet);box-shadow:var(--elevation-1);overflow:hidden}.table-scroll{overflow:auto;max-height:calc(100vh - 220px);max-height:calc(100dvh - 220px)}.th-inner{display:inline-flex;align-items:center;gap:4px}.th-sort{font-size:10px;color:var(--on-surface)}.th-filter{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:2px;border:0;border-radius:6px;background:transparent;color:var(--on-surface-variant);opacity:0;cursor:pointer;transition:opacity var(--duration-fast) var(--ease)}th:hover .th-filter,.th-filter:focus-visible{opacity:.8}.th-filter:hover{opacity:1;background:var(--gray-150)}.th-filter.active{opacity:1;color:var(--on-info);background:var(--info)}.col-menu{position:fixed;z-index:60;width:260px;max-height:min(420px,70vh);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--hairline);background:var(--sheet);box-shadow:var(--elevation-3);text-transform:none;letter-spacing:normal;font-weight:400}.col-menu-sort{display:flex;gap:var(--space-2)}.col-menu-sort .btn{flex:1;justify-content:center}.col-menu-sort .btn.on{background:var(--gray-900);color:var(--gray-0)}.col-menu-list{flex:1;min-height:60px;overflow-y:auto;border:1px solid var(--hairline);border-radius:var(--radius-md);padding:4px 0}.col-menu-list label{display:flex;align-items:center;gap:8px;padding:4px 10px;font-size:var(--text-label);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-menu-list label:hover{background:var(--nav-hover-bg)}.col-menu-list .all{font-weight:600;border-bottom:1px solid var(--hairline)}.col-menu-foot{display:flex;justify-content:space-between;gap:var(--space-2)}table.data{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-label)}table.data th{position:sticky;top:0;z-index:1;height:38px;padding:0 var(--space-4);text-align:left;font-size:var(--text-caption);font-weight:550;letter-spacing:.01em;color:var(--on-surface-variant);background:var(--surface-container-low);border-bottom:1px solid var(--hairline);white-space:nowrap}table.data td{padding:10px var(--space-4);border-bottom:1px solid var(--hairline);vertical-align:middle;color:var(--on-surface)}table.data tbody tr:last-child td{border-bottom:0}table.data tbody tr{transition:background-color var(--duration-fast) var(--ease)}table.data tbody tr:hover{background:var(--surface-container-low)}table.data td.right,table.data th.right{text-align:right}table.data td.right{font-variant-numeric:tabular-nums}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);text-align:center;color:var(--on-surface-variant)}.state-icon{box-sizing:content-box;padding:14px;border-radius:50%;background:var(--gray-100);border:1px solid var(--hairline);color:var(--gray-500)}:root[data-theme=dark] .state-icon{background:var(--surface-container-high)}.state-title{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--on-surface)}.state-hint{max-width:48ch;font-size:var(--text-label);line-height:1.55}.state-error .state-icon{background:var(--error-container);border-color:color-mix(in srgb,var(--error) 18%,transparent);color:var(--error)}.state-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-150) 37%,var(--gray-100) 63%);background-size:400% 100%;animation:skeleton 1.4s ease infinite}:root[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--surface-container) 25%,var(--surface-container-high) 37%,var(--surface-container) 63%);background-size:400% 100%}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--text-label);font-weight:550;color:var(--on-surface)}.input{height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--hairline-strong);background:var(--sheet);color:var(--on-surface);font-size:var(--text-label);box-shadow:0 1px 1px #10101408;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)}.input:hover{border-color:var(--gray-400)}.input:focus{outline:none;border-color:var(--on-surface);box-shadow:var(--focus-ring)}.input:disabled{background:var(--surface-container-low);color:var(--on-surface-variant);cursor:not-allowed}.input::placeholder{color:var(--outline)}select.input{padding-right:32px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2372727a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px}select.input[multiple]{padding-right:var(--space-3);background-image:none}textarea.input{height:auto;min-height:80px;padding:var(--space-2) var(--space-3);line-height:1.5;resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--on-surface)}.table-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-4);border-top:1px solid var(--hairline);background:var(--surface-container-low);font-size:var(--text-caption);color:var(--on-surface-variant)}.table-foot-note{display:inline-flex;align-items:center;gap:var(--space-2)}.table-foot-note:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--warning-strong)}.picker{position:relative}.picker-list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;padding:4px;background:var(--sheet);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--elevation-3)}.picker-item{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);background:none;border:0;border-radius:var(--radius-sm);color:var(--on-surface);font:inherit;font-size:var(--text-label);cursor:pointer}.picker-item:hover{background:var(--nav-hover-bg)}.picker-empty{padding:var(--space-2) var(--space-3);color:var(--on-surface-variant);font-size:var(--text-caption)}.picker-chosen{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-container-low);border:1px solid var(--hairline);border-radius:var(--radius-md);min-height:36px}.line-editor{display:grid;gap:var(--space-2)}.line-editor-row{display:grid;grid-template-columns:1fr 96px 34px;gap:var(--space-2);align-items:start}.line-editor-row .btn{padding:0;min-width:34px;height:36px}.pager{display:flex;flex:1;align-items:center;justify-content:space-between;gap:var(--space-3)}.pager-info{color:var(--on-surface-variant);white-space:nowrap}.pager-buttons{display:inline-flex;gap:var(--space-2)}.lag{display:inline-flex;align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--hairline);background:var(--surface-container-low);font-size:var(--text-caption);color:var(--on-surface-variant)}.lag-dot{width:7px;height:7px;border-radius:50%;background:var(--success-strong)}.lag-stale .lag-dot{background:var(--warning-strong)}.lag-error{background:var(--error-container);color:var(--on-error-container);border-color:color-mix(in srgb,var(--error) 20%,transparent)}.lag-error .lag-dot{background:var(--error-strong)}.segmented{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-md);background:var(--gray-150)}:root[data-theme=dark] .segmented{background:var(--surface-container-high)}.segmented-item{padding:0 var(--space-3);height:30px;border:none;border-radius:7px;background:transparent;color:var(--on-surface-variant);font-size:var(--text-label);font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.segmented-item:hover{color:var(--on-surface)}.segmented-item.active{background:var(--sheet);color:var(--on-surface);font-weight:600;box-shadow:0 1px 2px #10101414,0 0 0 1px #1010140a}.tabs{display:flex;align-items:flex-end;gap:var(--space-5);border-bottom:1px solid var(--hairline);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;padding:0 0 10px;border:0;background:transparent;color:var(--outline);font-size:var(--text-body);font-weight:500;white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease)}.tab:hover{color:var(--on-surface)}.tab.active{color:var(--on-surface);font-weight:600}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--on-surface)}.tab-count{margin-left:6px;padding:1px 6px;border-radius:var(--radius-full);background:var(--pill-bg);color:var(--pill-fg);font-size:11px;font-weight:600}.dialog{width:min(460px,calc(100vw - 32px));padding:var(--space-5);border:1px solid var(--hairline);border-radius:var(--radius-xl);background:var(--sheet);color:var(--on-surface)}.dialog-wide{width:min(560px,calc(100vw - 32px));max-height:min(84vh,760px)}.dialog-card{width:min(960px,calc(100vw - 32px));max-height:min(88vh,900px)}.dialog-body{overflow-y:auto;min-height:0}.dialog::backdrop{background:#0a0a0c61}.dialog[open]{display:flex;flex-direction:column;gap:var(--space-4);animation:dialog-in var(--duration) var(--ease-out)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.dialog-head{display:flex;align-items:flex-start;gap:var(--space-3)}.dialog-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);background:var(--gray-100);border:1px solid var(--hairline);color:var(--on-surface)}:root[data-theme=dark] .dialog-icon{background:var(--surface-container-high)}.dialog-icon.danger{background:var(--error-container);border-color:color-mix(in srgb,var(--error) 20%,transparent);color:var(--error)}.dialog-title{font-size:var(--text-title);font-weight:600;letter-spacing:-.015em;line-height:1.3}.dialog-desc{margin-top:var(--space-1);font-size:var(--text-label);line-height:1.5;color:var(--on-surface-variant)}.dialog-error{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--error-container);border:1px solid color-mix(in srgb,var(--error) 20%,transparent);color:var(--on-error-container);font-size:var(--text-label)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-4);margin-top:var(--space-1);border-top:1px solid var(--hairline)}.field-row{display:flex;align-items:center;gap:var(--space-2)}.field-row>.input{flex:1;min-width:0}.field-hint{font-size:var(--text-caption);line-height:1.5;color:var(--on-surface-variant)}.kv{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:var(--space-2) var(--space-4);font-size:var(--text-label)}.kv dt{color:var(--on-surface-variant)}.kv dd{margin:0;overflow-wrap:anywhere}.json-view{margin:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-container-low);border:1px solid var(--hairline);font-family:var(--font-mono);font-size:var(--text-caption);line-height:1.6;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.notice{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-container-low);border:1px solid var(--hairline);box-shadow:inset 3px 0 0 var(--gray-400);color:var(--on-surface);font-size:var(--text-label);line-height:1.5}.notice>svg{flex-shrink:0;margin-top:1px;color:var(--on-surface-variant)}.notice[role=alert]{background:var(--error-container);border-color:color-mix(in srgb,var(--error) 20%,transparent);box-shadow:inset 3px 0 0 var(--error-strong);color:var(--on-error-container)}.notice[role=alert]>svg{color:var(--error)}.notice[role=status]{box-shadow:inset 3px 0 0 var(--info-strong)}.drawer,.drawer.glass-thick{position:fixed;top:10px;right:10px;bottom:10px;z-index:40;width:min(560px,calc(100vw - 20px));display:flex;flex-direction:column;background:var(--sheet);border:1px solid var(--hairline);border-radius:var(--radius-xl);box-shadow:var(--elevation-3);animation:drawer-in var(--duration) var(--ease-out)}@keyframes drawer-in{0%{transform:translate(24px);opacity:0}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--hairline)}.drawer-title{font-size:var(--text-title);font-weight:600;letter-spacing:-.015em}.drawer-sub{margin-top:2px;font-size:var(--text-caption);color:var(--on-surface-variant)}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.cell-sub{font-size:var(--text-caption);color:var(--on-surface-variant)}.link-btn{padding:0;border:none;background:none;color:var(--on-surface);font-weight:550;cursor:pointer;text-decoration:underline;text-decoration-color:var(--hairline-strong);text-underline-offset:3px;transition:text-decoration-color var(--duration-fast) var(--ease)}.link-btn:hover{text-decoration-color:var(--on-surface)}.version-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.version-head{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.version-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.perm-group{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--hairline)}.perm-domain{font-family:var(--font-mono);font-size:var(--text-caption);font-weight:600;color:var(--on-surface)}.perm-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.donut{position:relative;display:grid;place-items:center;width:180px;height:180px;flex:none}.donut-svg{width:100%;height:100%}.donut-track{stroke:var(--gray-150)}.donut-center{position:absolute;text-align:center;pointer-events:none}.donut-value{font-family:var(--font-display);font-size:28px;font-weight:500;letter-spacing:-.035em;line-height:1.1}.donut-label{font-size:var(--text-caption);color:var(--on-surface-variant)}.col-grip{position:absolute;top:0;right:-4px;width:9px;height:100%;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.col-grip:after{content:"";position:absolute;top:30%;right:4px;width:1px;height:40%;background:var(--hairline-strong)}.col-grip:hover:after,body.col-resizing .col-grip:after{background:var(--on-surface);width:2px}body.col-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}table.data.fixed{table-layout:fixed}table.data.fixed td,table.data.fixed th{overflow:hidden;text-overflow:ellipsis}.col-reset{align-self:flex-start;margin-top:var(--space-2)}table.data .select-col{width:44px;padding-right:0}table.data tbody tr.selected{background:var(--surface-container)}table.data tbody tr.clickable{cursor:pointer}table.data tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--on-surface)}table.data tbody tr.clickable:focus-visible{outline:2px solid var(--on-surface);outline-offset:-2px}table.data td.mono,table.data td>.mono{white-space:nowrap}.map-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-4);align-items:start}.map-sections{display:flex;flex-direction:column;gap:var(--space-4);max-height:calc(100vh - 260px);overflow-y:auto}.map-wh{display:flex;flex-direction:column;gap:var(--space-2)}.map-wh-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-2);font-size:var(--text-caption);font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}.map-section-list{display:flex;flex-direction:column;border-radius:var(--radius-md);background:color-mix(in srgb,var(--on-surface) 4%,transparent);overflow:hidden}.map-section{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease)}.map-section+.map-section:before{content:"";position:absolute;top:0;left:var(--space-3);right:0;height:1px;background:var(--outline-variant);opacity:.5}.map-section:hover{background:color-mix(in srgb,var(--on-surface) 5%,transparent)}.map-section.active{background:color-mix(in srgb,var(--primary) 16%,transparent)}.map-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-label);font-weight:600}.map-section-sub{font-size:var(--text-caption);color:var(--on-surface-variant)}.map-fill{height:4px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--on-surface) 10%,transparent);overflow:hidden}.map-fill-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--tertiary));transition:width var(--duration) var(--ease)}.map-plan{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.map-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.map-canvas{overflow:auto;max-height:calc(100vh - 320px);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-container-lowest) 55%,transparent)}.map-grid{display:grid;gap:2px;width:max-content;min-width:100%}.map-row-label{position:sticky;left:0;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-2);font-size:9px;font-weight:600;color:var(--on-surface-variant);background:linear-gradient(90deg,var(--backdrop) 60%,transparent)}.map-col-label{font-size:9px;font-weight:600;color:var(--on-surface-variant);text-align:center}.map-cell{width:var(--cell-size, 18px);height:var(--cell-size, 18px);padding:0;border:1px solid transparent;border-radius:3px;cursor:pointer;transition:transform var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.map-cell:hover{transform:scale(1.35);z-index:2;box-shadow:var(--elevation-2)}.map-cell.selected{outline:2px solid var(--on-surface);outline-offset:1px;z-index:3}.map-cell.state-empty,.rack-cell.state-empty{background:color-mix(in srgb,var(--on-surface) 7%,transparent)}.map-cell.state-partial,.rack-cell.state-partial{background:color-mix(in srgb,var(--primary) 55%,transparent)}.map-cell.state-full,.rack-cell.state-full{background:var(--primary)}.map-cell.state-blocked,.rack-cell.state-blocked{background:var(--error)}.map-cell.state-inactive,.rack-cell.state-inactive{background:transparent;border-color:var(--outline-variant)}.map-cell.state-no-putaway,.rack-cell.state-no-putaway{background:color-mix(in srgb,var(--warning) 45%,transparent)}.map-cell.abc-a,.rack-cell.abc-a{background:#f97316}.map-cell.abc-b,.rack-cell.abc-b{background:#fbbf24}.map-cell.abc-c,.rack-cell.abc-c{background:#60a5fa}.map-cell.zone-a,.rack-cell.zone-a{background:#fbe3cf}.map-cell.zone-b,.rack-cell.zone-b{background:#faf0d2}.map-cell.zone-c,.rack-cell.zone-c{background:#dfeaf9}.map-cell.zone-none,.rack-cell.zone-none{background:color-mix(in srgb,var(--on-surface) 7%,transparent)}.map-cell.tone-mismatch,.rack-cell.tone-mismatch{border-color:var(--error);box-shadow:inset 0 0 0 1.5px var(--error)}.tone-warn{color:var(--error)}.map-cell.heat-0,.rack-cell.heat-0{background:color-mix(in srgb,var(--on-surface) 7%,transparent)}.map-cell.heat-1,.rack-cell.heat-1{background:#ffe08a}.map-cell.heat-2,.rack-cell.heat-2{background:#ff9f43}.map-cell.heat-3,.rack-cell.heat-3{background:#e5484d}.map-cell-gap{width:var(--cell-size, 18px);height:var(--cell-size, 18px);border-radius:3px;border:1px dashed var(--outline-variant);opacity:.35}.map-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-caption);color:var(--on-surface-variant)}.map-legend-item{display:inline-flex;align-items:center;gap:var(--space-2)}.map-legend-note{flex-basis:100%;color:var(--on-surface-variant)}.map-swatch{width:12px;height:12px;border-radius:3px;border:1px solid transparent}.map-detail{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:1100px){.map-layout{grid-template-columns:1fr}.map-sections{max-height:260px}}.map-plan-tools{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.aisle-scene{position:relative;height:min(60vh,520px);min-height:320px;border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-container) 60%,transparent),transparent);touch-action:none}.aisle-scene canvas{display:block;border-radius:var(--radius-md)}.aisle-tip{position:absolute;z-index:2;display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-container-highest);border:1px solid var(--outline-variant);box-shadow:var(--shadow-2);font-size:var(--text-caption);pointer-events:none;max-width:280px}.map-axis{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-caption);color:var(--on-surface-variant)}.aisle-plan{display:flex;align-items:flex-end;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.rack{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.rack-body{position:relative;min-width:48px;padding:3px;border-radius:var(--radius-sm);border-left:3px solid var(--outline);border-right:3px solid var(--outline);background:var(--surface-container-lowest)}.rack-level{position:absolute;left:3px;right:3px;display:flex;gap:2px;align-items:stretch;border-bottom:2px solid var(--outline-variant);padding-bottom:2px}.rack-gap{position:absolute;left:3px;right:3px;border-bottom:2px dashed color-mix(in srgb,var(--outline-variant) 60%,transparent)}.rack-axis .rack-body{width:58px;min-width:58px;border:none;background:none;padding-right:var(--space-2)}.rack-axis .rack-level{border-bottom:none;align-items:flex-end;justify-content:flex-end}.rack-axis-label{font-size:10px;white-space:nowrap;color:var(--on-surface-variant)}.rack-cell{min-width:3px;padding:0;border:1px solid color-mix(in srgb,var(--outline) 45%,transparent);border-radius:2px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.rack-cell:hover{outline:2px solid var(--primary);outline-offset:1px}.rack-cell.selected{outline:2px solid var(--on-surface);outline-offset:1px}.rack-foot{text-align:center;font-size:var(--text-caption);color:var(--on-surface-variant);white-space:nowrap}.map-summary{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-4);align-items:start;margin-bottom:var(--space-4)}@media(max-width:900px){.map-summary{grid-template-columns:minmax(0,1fr)}}.map-total{display:grid;gap:4px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-container-lowest);border:1px solid var(--outline-variant)}.map-total-value{font-size:34px;font-weight:650;letter-spacing:-.035em;line-height:1.05}.map-total-label{font-size:var(--text-caption);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant)}.map-total-track{height:8px;margin-top:var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb,var(--on-surface) 8%,transparent);overflow:hidden}.map-total-bar{display:block;height:100%;border-radius:var(--radius-full);background:var(--primary)}.map-total-note{font-size:var(--text-caption);color:var(--on-surface-variant)}.map-total-warn{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:var(--text-caption);color:var(--error)}.map-summary-table td,.map-summary-table th{white-space:nowrap}.map-share{margin-left:6px;font-size:var(--text-caption);color:var(--on-surface-variant)}.map-summary-total td{font-weight:650;border-top:2px solid var(--outline-variant)}.cell-chip{width:20px;height:20px;border-radius:var(--radius-sm);border:1px solid var(--outline-variant);flex:0 0 auto}.cell-sums{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);padding:var(--space-3);border:1px solid var(--outline-variant);border-radius:var(--radius-md);background:var(--surface-container-lowest)}.cell-sum{display:flex;flex-direction:column;gap:2px;min-width:0}.cell-sum-label{font-size:var(--text-caption);color:var(--on-surface-variant)}.cell-sum-value{font-size:var(--text-title);font-weight:600}.cell-sum-hint{font-size:var(--text-caption);color:var(--on-surface-variant)}.cell-section{font-weight:600;font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-variant)}.cell-unknown{font-size:var(--text-caption);color:var(--on-surface-variant);font-style:italic}.cell-sum-value.tone-error{color:var(--error)}.cell-sum-value.tone-warning{color:var(--warning)}.m3d{--m3d-bg: #0b0c0e;--m3d-panel: rgba(16, 18, 21, .86);--m3d-panel-solid: #111316;--m3d-line: rgba(220, 224, 230, .16);--m3d-line-strong: rgba(220, 224, 230, .42);--m3d-text: #e9ebee;--m3d-dim: #8d939b;--m3d-accent: #e8c547;--m3d-danger: #e0584d;--m3d-ok: #7fd18b;--m3d-bracket: rgba(236, 238, 241, .75);--m3d-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;position:relative;height:calc(100vh - 128px);min-height:620px;overflow:hidden;border-radius:10px;background:var(--m3d-bg);color:var(--m3d-text);font-family:var(--m3d-mono);font-size:12px;letter-spacing:.02em;isolation:isolate}.m3d button{font-family:inherit}.m3d-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.m3d-canvas canvas{display:block}.m3d-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.m3d-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:6px;text-align:center;color:var(--m3d-dim)}.m3d-brackets{background:linear-gradient(var(--m3d-bracket),var(--m3d-bracket)) left top / 10px 1px no-repeat,linear-gradient(var(--m3d-bracket),var(--m3d-bracket)) left top / 1px 10px no-repeat,linear-gradient(var(--m3d-bracket),var(--m3d-bracket)) right top / 10px 1px no-repeat,linear-gradient(var(--m3d-bracket),var(--m3d-bracket)) right top / 1px 10px no-repeat,linear-gradient(var(--m3d-bracket),var(--m3d-bracket)) left bottom / 10px 1px no-repeat,linear-gradient(var(--m3d-bracket),var(--m3d-bracket)) left bottom / 1px 10px no-repeat,linear-gradient(var(--m3d-bracket),var(--m3d-bracket)) right bottom / 10px 1px no-repeat,linear-gradient(var(--m3d-bracket),var(--m3d-bracket)) right bottom / 1px 10px no-repeat,var(--m3d-panel);border:1px solid var(--m3d-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.m3d-kicker{color:var(--m3d-dim);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.m3d-mono{font-family:var(--m3d-mono)}.m3d-muted{color:var(--m3d-dim)}.m3d-top{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:12px;pointer-events:none}.m3d-top>*{pointer-events:auto}.m3d-title{display:flex;align-items:center;gap:10px;padding:8px 14px}.m3d-title h1{margin:0;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.m3d-title-mark{font-size:18px;color:var(--m3d-text)}.m3d-seg{display:flex;padding:3px;gap:2px;margin-left:auto;background:var(--m3d-panel);border:1px solid var(--m3d-line);border-radius:4px}.m3d-seg-layers{margin-left:0}.m3d-seg button{border:0;background:transparent;color:var(--m3d-dim);padding:5px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-radius:3px;cursor:pointer}.m3d-seg button:hover{color:var(--m3d-text)}.m3d-seg button.active{background:#e9ebee1f;color:var(--m3d-text);box-shadow:inset 0 0 0 1px var(--m3d-line-strong)}.m3d-banner{position:absolute;top:70px;left:50%;transform:translate(-50%);padding:8px 14px;color:var(--m3d-accent);z-index:3}.m3d-banner-low{top:auto;bottom:150px}.m3d-left{position:absolute;top:70px;left:12px;bottom:140px;width:340px;display:flex;flex-direction:column;gap:10px;pointer-events:none}.m3d-card{pointer-events:auto;max-height:100%;display:flex;flex-direction:column;padding:12px 14px;min-height:0}.m3d-hint p{margin:8px 0 0;line-height:1.5;color:#c3c8ce}.m3d-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--m3d-line)}.m3d-card-title{font-size:16px;font-weight:700;letter-spacing:.06em;margin-top:2px;word-break:break-word}.m3d-icon-btn{width:26px;height:26px;border:1px solid var(--m3d-line);background:transparent;color:var(--m3d-text);border-radius:3px;cursor:pointer;font-size:16px;line-height:1}.m3d-card-body{overflow-y:auto;min-height:0;padding-top:8px;scrollbar-width:thin}.m3d-sub{color:var(--m3d-dim);margin-bottom:8px;line-height:1.4}.m3d-facts{display:grid;gap:4px}.m3d-fact{display:flex;justify-content:space-between;gap:10px;padding:2px 0}.m3d-fact span{color:var(--m3d-dim);text-transform:uppercase;font-size:10.5px;letter-spacing:.08em}.m3d-fact b{font-weight:600;text-align:right}.m3d-tone-accent{color:var(--m3d-accent)}.m3d-tone-danger{color:var(--m3d-danger)}.m3d-tone-ok{color:var(--m3d-ok)}.m3d-tone-muted{color:var(--m3d-dim)}.m3d-section-title{margin:12px 0 6px;padding-top:8px;border-top:1px dashed var(--m3d-line);color:var(--m3d-dim);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.m3d-lp{border:1px solid var(--m3d-line);padding:6px 8px;margin-bottom:6px}.m3d-lp-head{display:flex;justify-content:space-between;align-items:center;font-weight:700}.m3d-lp-order{color:var(--m3d-accent);margin-top:3px}.m3d-pill{border:1px solid var(--m3d-line-strong);padding:1px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.m3d-sku{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:baseline;padding:3px 0}.m3d-sku-name{color:#c3c8ce;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:system-ui,sans-serif;letter-spacing:0}.m3d-lines{margin-top:8px;display:grid;gap:4px}.m3d-line{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;padding:5px 6px;border:1px solid var(--m3d-line)}.m3d-line-main{min-width:0}.m3d-line-top{display:flex;justify-content:space-between;gap:6px}.m3d-line-qty{display:grid;justify-items:end;font-size:11px}.m3d-line-qty span{color:var(--m3d-dim);font-size:10px}.m3d-dot{width:7px;height:7px;border-radius:50%;background:var(--m3d-accent)}.m3d-line-ok .m3d-dot{background:var(--m3d-ok)}.m3d-line-danger .m3d-dot{background:var(--m3d-danger)}.m3d-line-muted .m3d-dot{background:var(--m3d-dim)}.m3d-line-ok{opacity:.72}.m3d-zoom{position:absolute;right:12px;bottom:150px;display:grid;gap:4px}.m3d-zoom button{width:32px;height:32px;border:1px solid var(--m3d-line-strong);background:var(--m3d-panel);color:var(--m3d-text);font-size:16px;cursor:pointer;border-radius:3px}.m3d-zoom .m3d-fpv-btn{font-size:10px;font-weight:700;letter-spacing:.06em}.m3d-zoom .m3d-fpv-btn.active{background:var(--m3d-accent);color:#11130f;border-color:var(--m3d-accent)}.m3d-crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;translate:-50% -50%;pointer-events:none;background:linear-gradient(#f3f4f6,#f3f4f6) center / 2px 8px no-repeat,linear-gradient(#f3f4f6,#f3f4f6) center / 8px 2px no-repeat;border:1px solid rgba(243,244,246,.55);border-radius:50%;box-shadow:0 0 0 1px #0b0c0e99;z-index:3}.m3d-fpv-hint{position:absolute;left:50%;bottom:140px;translate:-50% 0;display:grid;gap:3px;justify-items:center;padding:8px 14px;font-size:11px;text-align:center;z-index:3;pointer-events:none}.m3d-fpv-hint b{color:var(--m3d-accent);letter-spacing:.16em}.m3d-zoom button:hover{background:#e9ebee1f}.m3d-route-chip{position:absolute;right:12px;bottom:312px;padding:8px 12px;display:grid;gap:2px}.m3d-route-chip b{color:var(--m3d-accent);font-size:16px}.m3d-bottom{position:absolute;left:12px;right:12px;bottom:12px;background:var(--m3d-panel);border:1px solid var(--m3d-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.m3d-tabs{display:flex;gap:2px;padding:6px 6px 0}.m3d-tabs button{border:1px solid var(--m3d-line);border-bottom:0;background:#ffffff05;color:var(--m3d-dim);padding:6px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.m3d-tabs button.active{color:var(--m3d-text);background:#e9ebee1a;border-color:var(--m3d-line-strong)}.m3d-strip{display:flex;gap:8px;padding:8px;min-height:62px;overflow-x:auto;border-top:1px solid var(--m3d-line);scrollbar-width:thin;align-items:center}.m3d-chip{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:8px;row-gap:2px;align-items:center;min-width:220px;max-width:300px;padding:6px 8px;border:1px solid var(--m3d-line);background:#ffffff05;color:var(--m3d-text);text-align:left;cursor:pointer}.m3d-chip:hover,.m3d-chip.active{border-color:var(--m3d-line-strong);background:#e9ebee14}.m3d-chip.active{box-shadow:inset 0 0 0 1px var(--m3d-text)}.m3d-chip-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m3d-chip-sub{grid-column:1 / 3;color:var(--m3d-dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m3d-chip-go{grid-row:1 / 3;grid-column:3;border:1px solid var(--m3d-line);width:22px;height:22px;display:grid;place-items:center;color:var(--m3d-dim)}.m3d-status{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--m3d-dim);padding:1px 5px;border:1px solid var(--m3d-line)}.m3d-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--m3d-dim)}.m3d-status-live:before{background:var(--m3d-ok);box-shadow:0 0 6px var(--m3d-ok)}.m3d-status-idle:before{background:var(--m3d-accent)}.m3d-status-stale:before{background:#5b6068}.m3d-status-none:before{background:#3a3e44}.m3d-status-control:before{background:var(--m3d-accent)}.m3d-status-shipping:before{background:#f3f4f6}.m3d-status-stored:before{background:#8a9099}.m3d-stats{display:flex;gap:8px;align-items:stretch;flex-wrap:nowrap}.m3d-stat{flex:0 0 auto;display:grid;gap:2px;padding:6px 10px;border:1px solid var(--m3d-line);min-width:96px}.m3d-stat span{color:var(--m3d-dim);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.m3d-stat b{font-size:15px}.m3d-legend{display:flex;flex-wrap:wrap;gap:4px 12px;align-content:center;padding:0 8px;font-size:11px;color:#c3c8ce}.m3d-legend span{display:inline-flex;align-items:center;gap:5px}.m3d-legend .sw{width:10px;height:10px;display:inline-block}.sw-full{background:#c6cbd3}.sw-partial{background:#8a9099}.sw-blocked{background:#d0453b}.sw-accent{background:#e8c547}.sw-pass{border:1px solid #e8c547;background:linear-gradient(45deg,transparent 45%,#e8c547 45% 55%,transparent 55%)}.m3d-label,.m3d-tag{position:absolute;left:0;top:0;white-space:nowrap;font-family:var(--m3d-mono);will-change:transform}.m3d-label{translate:-50% -50%;font-size:10px;letter-spacing:.14em;color:#c9ced6;text-transform:uppercase}.m3d-label-hall{font-size:12px;color:#eef0f3;translate:0 -50%}.m3d-label-zone{color:#e3e6ea;background:#0b0c0eb3;border:1px solid rgba(220,224,230,.25);padding:2px 6px}.m3d-label-row{font-weight:700;color:#eef0f3;padding:1px 4px;border:1px solid rgba(220,224,230,.35);background:#0b0c0ebf}.m3d-label-door{font-size:9.5px;font-weight:700;color:#11130f;background:#e8c547;padding:1px 4px}.m3d-label-pallet{font-size:9px;color:#f2d66b;background:#0b0c0ebf;padding:1px 4px}.m3d-label-stop{font-size:10px;color:#11130f;background:var(--m3d-accent, #e8c547);padding:1px 5px;font-weight:700}.m3d-label-select{translate:-50% -110%;font-size:11px;font-weight:700;color:#0b0c0e;background:#f3f4f6;padding:2px 7px}.m3d-tag{translate:-8px -100%;display:inline-flex;align-items:center;gap:6px;padding:3px 7px 3px 4px;font-size:10px;letter-spacing:.06em;color:#eef0f3;background:#0b0c0ed1;border:1px solid rgba(220,224,230,.35)}.m3d-tag b{font-weight:700}.m3d-tag span:last-child{color:#9aa0a8}.m3d-tag-sq{width:9px;height:9px;background:#f3f4f6;box-shadow:0 0 0 2px #0b0c0ee6,0 0 0 3px #f3f4f699}.m3d-tag-forklift .m3d-tag-sq{background:#e8c547}.m3d-tag-idle .m3d-tag-sq{opacity:.8}.m3d-tag-stale{opacity:.45}.m3d-tooltip{position:absolute;left:0;top:0;display:none;pointer-events:none;padding:2px 6px;font-size:10.5px;background:#f3f4f6f0;color:#0b0c0e;font-weight:700;letter-spacing:.06em;z-index:4}@media(max-width:900px){.m3d-left{width:calc(100% - 24px);bottom:auto;max-height:45%}.m3d-seg-layers{display:none}}.abcxyz{margin-bottom:var(--space-4)}.abcxyz-scroll{overflow-x:auto}.abcxyz-grid{width:100%;min-width:240px;border-collapse:separate;border-spacing:2px;table-layout:fixed}.abcxyz-grid th{font-weight:400;text-align:left}.abcxyz-grid thead th:first-child,.abcxyz-grid tbody th{width:132px}.abcxyz-corner{font-size:var(--text-caption);color:var(--on-surface-variant);padding:var(--space-2)}.abcxyz-axis{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--on-surface);font:inherit;cursor:pointer}.abcxyz-axis strong{font-size:var(--text-label)}.abcxyz-axis span{font-size:var(--text-caption);color:var(--on-surface-variant)}.abcxyz-axis:hover,.abcxyz-axis[aria-pressed=true]{background:var(--surface-container-high)}.abcxyz-cell{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);width:100%;min-height:56px;padding:var(--space-3);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:var(--surface-container-lowest);color:var(--on-surface);font:inherit;cursor:pointer;transition:box-shadow .12s ease}.abcxyz-cell:hover{box-shadow:0 0 0 2px var(--outline-variant)}.abcxyz-cell[aria-pressed=true]{box-shadow:0 0 0 2px var(--primary)}.abcxyz-cell:focus-visible,.abcxyz-axis:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.abcxyz-code{font-size:var(--text-caption);font-weight:650;color:var(--on-surface-variant)}.abcxyz-count{font-size:var(--text-title);font-weight:650;font-variant-numeric:tabular-nums}.abcxyz-count.is-empty{color:var(--outline);font-weight:400}.abcxyz-rule{margin:var(--space-3) 0 0;font-size:var(--text-caption);color:var(--on-surface-variant)}@media(max-width:640px){.abcxyz{padding:var(--space-3)}.abcxyz-grid{min-width:0}.abcxyz-grid thead th:first-child,.abcxyz-grid tbody th{width:32px}.abcxyz-axis{padding:var(--space-1)}.abcxyz-axis span,.abcxyz-code{display:none}.abcxyz-corner{visibility:hidden}.abcxyz-cell{justify-content:center;min-height:44px;padding:var(--space-2) 0}.abcxyz-count{font-size:var(--text-label)}}@media(forced-colors:active){.abcxyz-cell[aria-pressed=true]{outline:3px solid Highlight}}.staff-name{display:flex;flex-direction:column;gap:2px}.staff-muted{color:var(--on-surface-variant);font-size:12px}.staff-date{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--on-surface-variant)}.staff-date .input{width:150px}.staff-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}.lp-type-filter{width:auto;min-width:132px}.lp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);padding:var(--space-3);border:1px solid var(--outline-variant);border-radius:var(--radius-md);background:var(--surface-container-lowest)}.lp-fact{display:flex;flex-direction:column;gap:2px;min-width:0}.lp-fact-label{font-size:var(--text-caption);color:var(--on-surface-variant)}.lp-fact-value{font-size:var(--text-title);font-weight:600;overflow-wrap:anywhere}.lp-section{font-weight:600;font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-variant)}.sku-facts{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--space-4);align-items:start;padding:var(--space-3);border:1px solid var(--outline-variant);border-radius:var(--radius-md);background:var(--surface-container-lowest)}@media(max-width:720px){.sku-facts{grid-template-columns:minmax(0,1fr)}}.sku-photo{display:flex;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden;border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:var(--surface)}.sku-photo img{width:100%;height:100%;object-fit:contain}.sku-photo-empty{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:var(--text-caption);color:var(--on-surface-variant)}.sku-kv{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-2) var(--space-3);align-content:start}@media(max-width:860px){.sku-kv{grid-template-columns:auto minmax(0,1fr)}}.sku-sub{display:block;font-size:var(--text-caption);color:var(--on-surface-variant)}.sku-missing{font-size:var(--text-caption);color:var(--on-surface-variant);font-style:italic}.sku-codes{display:flex;flex-wrap:wrap;gap:4px}.sku-code{padding:1px 6px;border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-caption)}.sku-section-title{display:flex;align-items:baseline;gap:var(--space-2);font-weight:600;font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-variant)}.sku-section-title .sku-sub{display:inline;text-transform:none;letter-spacing:0;font-weight:400}.field-label .sku-sub{display:inline;margin-left:var(--space-2);font-weight:400}.pallet-order-select{min-width:240px;max-width:100%}.pallet-height{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-label);color:var(--on-surface-variant)}.pallet-height .input{width:88px}@media(max-width:600px){.pallet-order-select,.pallet-height{width:100%;min-width:0}.pallet-height label{flex-basis:100%}}.pallet-metrics{margin-bottom:var(--space-4)}.pallet-warning{color:var(--error);font-size:var(--text-label)}.pallet-warning-card{margin-bottom:var(--space-4);border-color:var(--warning)}.pallet-warning-title{display:flex;align-items:center;gap:var(--space-2);font-weight:650;color:var(--on-warning-container);margin-bottom:var(--space-2)}.pallet-warning-card ul{margin:0;padding-left:var(--space-5);font-size:var(--text-label)}.pallet-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-4);align-items:start}@media(max-width:900px){.pallet-layout{grid-template-columns:minmax(0,1fr)}}.pallet-view{padding:var(--space-4)}.pallet-view-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.pallet-view-stats{font-size:var(--text-label);color:var(--on-surface-variant);font-variant-numeric:tabular-nums}.pallet-scene{position:relative;height:min(62vh,560px);min-height:320px}.pallet-scene.compact{height:260px;min-height:260px;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--surface-container-low),var(--surface-container-high));overflow:hidden;touch-action:none}.pallet-scene canvas{display:block;cursor:grab}.pallet-scene canvas:active{cursor:grabbing}.pallet-scene-hint{position:absolute;left:var(--space-3);bottom:var(--space-2);font-size:var(--text-caption);color:var(--on-surface-variant);pointer-events:none}.pallet-tooltip{position:absolute;z-index:2;max-width:260px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-container-lowest);border:1px solid var(--outline-variant);color:var(--on-surface);font-size:var(--text-label);line-height:1.4;box-shadow:0 6px 20px #00000024;pointer-events:none}.pallet-layers{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-label);color:var(--on-surface-variant)}.pallet-layers input{flex:1;accent-color:var(--primary)}.pallet-side-title{margin:0 0 var(--space-3);font-size:var(--text-body);font-weight:650}.pallet-side-subtitle{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-label);font-weight:650}.pallet-legend{width:100%;border-collapse:collapse;font-size:var(--text-label)}.pallet-legend th{text-align:left;font-size:var(--text-caption);font-weight:650;color:var(--on-surface-variant);padding-bottom:var(--space-2)}.pallet-legend td{padding:var(--space-2) var(--space-1);border-top:1px solid var(--outline-variant);vertical-align:top}.pallet-legend .num{text-align:right;font-variant-numeric:tabular-nums}.pallet-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid rgb(0 0 0 / 20%)}.pallet-muted{color:var(--on-surface-variant);font-size:var(--text-caption)}.pallet-layer-list{margin:0;padding:0;list-style:none;font-size:var(--text-label)}.pallet-layer-list li{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) 0;font-variant-numeric:tabular-nums}.pallet-layer-list li.is-hidden{opacity:.45}.pallet-loading{padding:var(--space-4)}.release-plan{display:grid;gap:var(--space-3)}.release-plan-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.release-plan-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.release-plan .pallet-legend{display:block;max-height:180px;overflow-y:auto}.release-plan-details>summary{cursor:pointer;padding:var(--space-2) 0;font-size:var(--text-label);font-weight:600;color:var(--primary)}.release-plan-details[open]>summary{margin-bottom:var(--space-2)}.type-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.type-chip{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 6px 0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--hairline-strong);background:var(--sheet);color:var(--on-surface);font-size:var(--text-label);font-weight:550;cursor:pointer;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.type-chip:hover{border-color:var(--gray-400);background:var(--surface-container-low)}.type-chip.active{background:var(--gray-900);border-color:var(--gray-900);color:var(--gray-0)}.type-chip-count{min-width:22px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--pill-bg);color:var(--pill-fg);font-size:11px;font-weight:600;line-height:20px;font-variant-numeric:tabular-nums;text-align:center}.type-chip.active .type-chip-count{background:#ffffff2e;color:inherit}:root[data-theme=dark] .type-chip.active .type-chip-count{background:#0000001f}.queue{display:grid;gap:6px;margin:0;padding:0 0 80px;list-style:none}.queue-row{display:grid;grid-template-columns:24px 32px minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--sheet);border:1px solid var(--hairline);box-shadow:var(--elevation-1)}.queue-row[draggable=true]{cursor:grab}.queue-row.dragging{opacity:.4}.queue-row.over{box-shadow:inset 0 2px 0 var(--info-strong)}.queue-row.changed{border-color:color-mix(in srgb,var(--info) 35%,transparent);box-shadow:inset 3px 0 0 var(--info-strong)}.queue-row.locked{background:var(--surface-container);border-style:dashed}.queue-handle{display:grid;place-items:center;color:var(--outline)}.queue-position{font-size:var(--text-label);font-weight:650;color:var(--on-surface-variant);text-align:right}.queue-main{display:grid;gap:2px;min-width:0}.queue-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-sub{font-size:var(--text-caption);color:var(--on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-age{font-size:var(--text-caption);color:var(--on-surface-variant);white-space:nowrap}@media(max-width:820px){.queue-row{grid-template-columns:24px 28px minmax(0,1fr) auto}.queue-age{display:none}}.queue-save.glass{position:sticky;bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3);border-radius:var(--radius-lg);box-shadow:var(--elevation-2)}.queue-save-count{font-weight:600}.queue-save .input{flex:1;min-width:200px}.history-date{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--on-surface-variant)}.history-date .input{width:150px}.topo-filters{display:flex;align-items:flex-end;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.topo-search{flex:1;min-width:180px}.topo-field{display:grid;gap:2px;font-size:var(--text-caption);color:var(--on-surface-variant)}.topo-field .input{min-width:128px}.topo-check{display:inline-flex;align-items:center;gap:6px;height:38px;font-size:var(--text-label);cursor:pointer}.cell-state{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-caption);font-weight:600;white-space:nowrap}.cell-state:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:currentColor;flex:none}.cell-state.free{color:var(--success)}.cell-state.busy{color:var(--primary)}.cell-state.full{color:var(--warning)}.cell-state.blocked{color:var(--error)}.cell-state.closed{color:var(--outline)}.num.over{color:var(--error);font-weight:650}.muted{color:var(--on-surface-variant);font-size:var(--text-caption)}:root{color-scheme:light;--gray-0: #ffffff;--gray-25: #fbfbfb;--gray-50: #f7f7f8;--gray-100: #f1f1f3;--gray-150: #eaeaec;--gray-200: #e3e3e6;--gray-300: #d2d2d6;--gray-400: #a3a3aa;--gray-500: #72727a;--gray-600: #55555c;--gray-700: #3f3f45;--gray-800: #28282c;--gray-900: #19191c;--gray-950: #0c0c0e;--primary: var(--gray-900);--on-primary: #ffffff;--primary-container: var(--gray-150);--on-primary-container: var(--gray-900);--secondary: var(--gray-600);--on-secondary: #ffffff;--secondary-container: var(--gray-150);--on-secondary-container: var(--gray-900);--tertiary: var(--gray-700);--on-tertiary: #ffffff;--tertiary-container: var(--gray-200);--on-tertiary-container: var(--gray-900);--error: #c8222c;--on-error: #ffffff;--error-container: #fde7e7;--on-error-container: #7f1017;--success: #13773a;--on-success: #ffffff;--success-container: #dcf5e4;--on-success-container: #0d3f20;--warning: #a8530a;--on-warning: #ffffff;--warning-container: #fdf0d2;--on-warning-container: #5c2d04;--info: #0b5fe0;--on-info: #ffffff;--info-container: #e3edff;--on-info-container: #0a3577;--error-strong: #e5303a;--warning-strong: #f59e0b;--success-strong: #16a34a;--info-strong: #2563eb;--zone-yellow: #c08a00;--zone-red: #c4302b;--surface: var(--gray-100);--surface-dim: var(--gray-200);--surface-bright: #ffffff;--surface-container-lowest: #ffffff;--surface-container-low: var(--gray-50);--surface-container: var(--gray-100);--surface-container-high: var(--gray-150);--surface-container-highest: var(--gray-200);--on-surface: var(--gray-900);--on-surface-variant: var(--gray-600);--outline: var(--gray-500);--outline-variant: var(--gray-200);--canvas: #e7e7ea;--panel: #f3f3f5;--panel-border: #e0e0e4;--sheet: #ffffff;--hairline: var(--gray-200);--hairline-strong: var(--gray-300);--rail-bg: #19191c;--rail-fg: #a3a3aa;--rail-fg-active: #ffffff;--rail-active-bg: #3a3a40;--rail-hover-bg: #2a2a2f;--nav-active-bg: #ffffff;--nav-active-shadow: 0 1px 2px rgb(16 16 20 / 6%), 0 2px 8px rgb(16 16 20 / 5%);--nav-hover-bg: rgb(16 16 20 / 4.5%);--pill-bg: rgb(16 16 20 / 6.5%);--pill-fg: var(--gray-600);--mat-thin: var(--sheet);--mat-regular: var(--sheet);--mat-thick: var(--sheet);--glass-blur-thin: 0px;--glass-blur: 0px;--glass-blur-thick: 0px;--glass-saturate: 100%;--glass-specular: transparent;--glass-stroke: var(--hairline);--glass-edge: rgb(16 16 20 / 8%);--aurora-1: transparent;--aurora-2: transparent;--aurora-3: transparent;--aurora-4: transparent;--aurora-alpha: 0;--backdrop: var(--sheet);--grid-line: transparent;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 999px;--elevation-1: 0 1px 2px rgb(16 16 20 / 5%);--elevation-2: 0 1px 2px rgb(16 16 20 / 4%), 0 4px 14px rgb(16 16 20 / 5%);--elevation-3: 0 2px 6px rgb(16 16 20 / 6%), 0 16px 40px rgb(16 16 20 / 14%);--shadow-2: var(--elevation-2);--state-hover: 6%;--state-focus: 10%;--state-press: 10%;--focus-ring: 0 0 0 3px rgb(16 16 20 / 14%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--text-display: 30px;--text-hero: 44px;--text-title: 18px;--text-body: 14px;--text-label: 13px;--text-caption: 12px;--ease: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration: .22s;--duration-slow: .38s;--rail-width: 60px;--sidebar-width: 256px;--sidebar-collapsed: 0px;--topbar-height: 52px}:root[data-theme=dark]{color-scheme:dark;--gray-0: #0c0c0e;--gray-25: #111113;--gray-50: #151517;--gray-100: #1a1a1d;--gray-150: #222226;--gray-200: #2b2b30;--gray-300: #3a3a40;--gray-400: #5d5d65;--gray-500: #8d8d96;--gray-600: #aeaeb6;--gray-700: #cfcfd5;--gray-800: #e4e4e8;--gray-900: #f2f2f4;--gray-950: #fafafa;--primary: #f2f2f4;--on-primary: #121214;--primary-container: #2b2b30;--on-primary-container: #f2f2f4;--secondary: #aeaeb6;--on-secondary: #121214;--secondary-container: #2b2b30;--on-secondary-container: #f2f2f4;--tertiary: #cfcfd5;--on-tertiary: #121214;--tertiary-container: #2b2b30;--on-tertiary-container: #f2f2f4;--error: #ff8a8f;--on-error: #3d0005;--error-container: #4a1418;--on-error-container: #ffd9da;--success: #6fdc98;--on-success: #00331a;--success-container: #123b23;--on-success-container: #c9f5d8;--warning: #f5bd5c;--on-warning: #3a2400;--warning-container: #43300d;--on-warning-container: #fde6b8;--info: #8ab4ff;--on-info: #001f52;--info-container: #15305e;--on-info-container: #d8e5ff;--error-strong: #ff6b72;--warning-strong: #fbbf24;--success-strong: #34d399;--info-strong: #60a5fa;--zone-yellow: #e6c25c;--zone-red: #ff8a8f;--surface: #121214;--surface-dim: #0c0c0e;--surface-bright: #2b2b30;--surface-container-lowest: #18181b;--surface-container-low: #1b1b1e;--surface-container: #1f1f23;--surface-container-high: #26262b;--surface-container-highest: #303036;--on-surface: #f2f2f4;--on-surface-variant: #aeaeb6;--outline: #8d8d96;--outline-variant: #2e2e34;--canvas: #0a0a0b;--panel: #121214;--panel-border: #232327;--sheet: #18181b;--hairline: #2a2a2f;--hairline-strong: #3a3a40;--rail-bg: #000000;--rail-fg: #8d8d96;--rail-fg-active: #ffffff;--rail-active-bg: #2b2b30;--rail-hover-bg: #1c1c20;--nav-active-bg: #232327;--nav-active-shadow: 0 1px 0 rgb(255 255 255 / 4%) inset, 0 2px 8px rgb(0 0 0 / 40%);--nav-hover-bg: rgb(255 255 255 / 4.5%);--pill-bg: rgb(255 255 255 / 8%);--pill-fg: #aeaeb6;--glass-edge: rgb(0 0 0 / 40%);--elevation-1: 0 1px 2px rgb(0 0 0 / 40%);--elevation-2: 0 1px 2px rgb(0 0 0 / 40%), 0 6px 18px rgb(0 0 0 / 30%);--elevation-3: 0 4px 10px rgb(0 0 0 / 45%), 0 20px 48px rgb(0 0 0 / 50%);--focus-ring: 0 0 0 3px rgb(255 255 255 / 18%)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--text-body);line-height:1.5;color:var(--on-surface);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}h1,h2,h3,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--on-surface);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:color-mix(in srgb,var(--info) 22%,transparent);color:inherit}*{scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--hairline-strong);border:3px solid transparent;border-radius:var(--radius-full);background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--outline);background-clip:content-box}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:-.01em}.muted{color:var(--on-surface-variant)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media print{body{background:#fff!important}.rail,.sidebar,.topbar,.page-actions,.toolbar,.btn{display:none!important}.shell,.window{display:block;height:auto;padding:0;border:0!important;box-shadow:none!important;background:#fff!important}.page,.group,.card-glass{background:#fff!important;box-shadow:none!important;border-color:#ddd!important;overflow:visible!important;max-height:none!important}.map-canvas,.map-sections{overflow:visible!important;max-height:none!important}}:root[data-shell=translucent] body{background:transparent}.glass,.glass-thin,.glass-thick{position:relative;background:var(--sheet);border:1px solid var(--hairline)}.glass-thin{box-shadow:none}.glass{box-shadow:var(--elevation-1)}.glass-thick{box-shadow:var(--elevation-3)}.shell{display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);gap:10px;height:100%;padding:10px;overflow:hidden}.rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;border-radius:var(--radius-xl);background:var(--rail-bg);box-shadow:var(--elevation-2);overflow:hidden;z-index:30}:root[data-theme=dark] .rail{border:1px solid #1f1f23}.rail-brand.brand-mark{width:38px;height:38px;margin-bottom:10px;border-radius:11px;background:#fff;color:#0c0c0e;font-size:13px;box-shadow:none}.rail-brand.brand-mark img{width:26px;height:26px;display:block}.brand-logo{display:block;height:22px;width:auto}.rail-sections,.rail-foot{display:flex;flex-direction:column;align-items:center;gap:6px}.rail-sections,.rail-foot{padding-top:10px;border-top:1px solid rgb(255 255 255 / 9%)}.rail-spacer{flex:1}.rail-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:11px;background:transparent;color:var(--rail-fg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.rail-btn:hover{background:var(--rail-hover-bg);color:var(--rail-fg-active)}.rail-btn.active{background:var(--rail-active-bg);color:var(--rail-fg-active);box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0006}.rail-btn.current:before{content:"";position:absolute;left:-10px;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:var(--rail-fg-active)}.rail-btn:focus-visible{outline:2px solid var(--rail-fg-active);outline-offset:1px}.rail-alert{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--error-strong);box-shadow:0 0 0 2px var(--rail-bg)}.rail-btn[data-label]:hover:after,.rail-btn[data-label]:focus-visible:after{content:attr(data-label);position:fixed;left:calc(var(--rail-width) + 18px);transform:translateY(0);padding:5px 9px;border-radius:var(--radius-sm);background:var(--gray-900);color:var(--gray-0);font-size:var(--text-caption);font-weight:550;white-space:nowrap;pointer-events:none;box-shadow:var(--elevation-2);z-index:100}.window{position:relative;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-width:0;min-height:0;border-radius:var(--radius-xl);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--elevation-2);overflow:hidden;transition:grid-template-columns var(--duration) var(--ease)}.shell.collapsed .window{grid-template-columns:0 minmax(0,1fr)}.shell.collapsed .sidebar{visibility:hidden}.nav-scrim{display:none}.sidebar{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding:var(--space-4) var(--space-3) var(--space-3);overflow:hidden}.user-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-2);min-width:0}.avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--gray-900);color:var(--gray-0);font-size:var(--text-caption);font-weight:650;letter-spacing:.02em;box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--hairline-strong)}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:var(--text-caption);color:var(--on-surface-variant);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-search{flex-shrink:0}.side-search .input{height:36px;padding-right:52px;border-radius:var(--radius-md);background:var(--gray-150);border-color:transparent;box-shadow:inset 0 1px 2px #1010140d}:root[data-theme=dark] .side-search .input{background:var(--surface-container-high)}.side-search .input:hover{border-color:var(--hairline-strong)}.side-search .input:focus{background:var(--sheet)}.side-search .input::-webkit-search-cancel-button{display:none}.side-kbd{position:absolute;right:8px;padding:1px 6px;border-radius:5px;border:1px solid var(--hairline-strong);background:var(--sheet);color:var(--on-surface-variant);font-family:var(--font);font-size:11px;line-height:16px;pointer-events:none}.nav-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-4);margin:0 calc(-1 * var(--space-3));padding:var(--space-1) var(--space-3) var(--space-3)}.nav-section-title{padding:var(--space-1) var(--space-2) 0;font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--on-surface)}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group+.nav-group{padding-top:var(--space-3);border-top:1px solid var(--hairline)}.nav-group-label{padding:0 var(--space-2) var(--space-1);font-size:var(--text-caption);font-weight:500;color:var(--outline);white-space:nowrap}.nav-group-items,.nav-node{display:flex;flex-direction:column;gap:2px}.nav-item{position:relative;display:flex;align-items:center;gap:10px;min-height:36px;padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);color:var(--gray-700);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.nav-item:hover{background:var(--nav-hover-bg);color:var(--on-surface)}.nav-item.active{background:var(--nav-active-bg);border-color:var(--hairline);box-shadow:var(--nav-active-shadow);color:var(--on-surface);font-weight:600}.nav-icon{display:grid;place-items:center;width:20px;flex-shrink:0;color:var(--gray-600)}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:var(--on-surface)}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-label:has(.nav-sub){display:flex;flex-direction:column;padding:5px 0;line-height:1.25}.nav-sub{font-size:11px;font-weight:400;color:var(--outline);overflow:hidden;text-overflow:ellipsis}.nav-count{flex-shrink:0;min-width:22px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--pill-bg);color:var(--pill-fg);font-size:11px;font-weight:600;line-height:20px;text-align:center}.nav-item.active .nav-count{background:var(--gray-900);color:var(--gray-0)}.nav-count-error,.nav-item.active .nav-count-error{background:var(--error-strong);color:#fff}.nav-count-warning,.nav-item.active .nav-count-warning{background:var(--warning-strong);color:#2b1600}.nav-children{position:relative;display:flex;flex-direction:column;gap:2px;margin-left:18px;padding-left:12px}.nav-children:before{content:"";position:absolute;left:0;top:0;bottom:18px;width:1px;background:var(--hairline-strong)}.nav-child:before{content:"";position:absolute;left:-13px;top:50%;width:9px;height:1px;background:var(--hairline-strong)}.nav-item.nav-child{min-height:32px;font-size:var(--text-label)}.sidebar-foot{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2) 0;border-top:1px solid var(--hairline)}.brand-name{font-size:var(--text-caption);font-weight:700;letter-spacing:.04em;color:var(--on-surface)}.brand-sub{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-md);background:var(--gray-900);color:var(--gray-0);font-weight:700;font-size:14px;letter-spacing:-.03em}.main{display:flex;flex-direction:column;min-width:0;min-height:0;margin:6px 6px 6px 0;border-radius:calc(var(--radius-xl) - 4px);background:var(--sheet);border:1px solid var(--panel-border);box-shadow:var(--elevation-1);overflow:hidden}.shell.collapsed .main{margin-left:6px}.topbar{display:flex;align-items:center;gap:var(--space-4);min-height:var(--topbar-height);padding:0 var(--space-6);border-bottom:1px solid var(--hairline);flex-shrink:0}.crumbs{display:flex;align-items:center;gap:var(--space-1);min-width:0}.crumb{display:inline-flex;align-items:center;gap:var(--space-1);min-width:0}.crumb-group{font-size:var(--text-label);color:var(--outline);white-space:nowrap}.crumb-sep{color:var(--gray-400);flex-shrink:0}.crumb-current{font-size:var(--text-label);font-weight:600;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.page{flex:1;min-height:0;overflow-y:auto;padding:var(--space-6) var(--space-6) var(--space-7)}.page-inner{max-width:1480px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-bottom:var(--space-1)}.page-title{font-family:var(--font-display);font-size:var(--text-display);font-weight:600;letter-spacing:-.025em;line-height:1.15;color:var(--on-surface)}.page-hint{margin-top:6px;font-size:var(--text-body);line-height:1.5;color:var(--on-surface-variant);max-width:72ch}.page-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.metric-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-label);font-weight:500;color:var(--on-surface-variant)}.metric-icon{color:var(--gray-400)}.metric-value{display:flex;align-items:center;flex-wrap:wrap;gap:2px var(--space-2);margin-top:var(--space-3);font-family:var(--font-display);font-size:40px;font-weight:500;letter-spacing:-.04em;line-height:1;color:var(--on-surface)}.metric-hint{margin-top:var(--space-3);font-size:var(--text-caption);line-height:1.45;color:var(--on-surface-variant)}.metric-accent-error .metric-label:before,.metric-accent-warning .metric-label:before,.metric-accent-success .metric-label:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.metric-accent-error .metric-label:before{background:var(--error-strong)}.metric-accent-warning .metric-label:before{background:var(--warning-strong)}.metric-accent-success .metric-label:before{background:var(--success-strong)}.metric-accent-error .metric-value{color:var(--error)}.toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.toolbar-grow{flex:1;min-width:220px}.search-box{position:relative;display:flex;align-items:center}.search-box .icon-inside{position:absolute;left:var(--space-3);color:var(--outline);pointer-events:none}.search-box .input{width:100%;padding-left:36px}.section{display:flex;flex-direction:column;gap:var(--space-3)}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--on-surface)}.section-title>svg{color:var(--outline)}.page-inner>.section+.section{margin-top:var(--space-3)}.group{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--sheet);border:1px solid var(--hairline)}.group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.group-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.group-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.group-hint{margin-top:2px;font-size:var(--text-caption);color:var(--on-surface-variant)}.group-card{background:var(--sheet);border:1px solid var(--hairline);box-shadow:var(--elevation-1);gap:var(--space-3)}.section>.group-card+.group-card{margin-top:var(--space-2)}.group-help{margin:0;max-width:78ch;font-size:var(--text-label);line-height:1.6;color:var(--on-surface-variant)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-4);align-items:start}.live{display:inline-flex;align-items:center;gap:var(--space-2);height:26px;padding:0 10px;border-radius:var(--radius-full);border:1px solid var(--hairline);background:var(--surface-container-low);font-size:var(--text-caption);font-weight:500;color:var(--on-surface-variant);white-space:nowrap}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--outline)}.live-live .live-dot{background:var(--success-strong);animation:live-pulse 2.4s var(--ease) infinite}.live-connecting .live-dot{background:var(--warning-strong)}.live-offline{border-color:color-mix(in srgb,var(--error) 30%,transparent);background:var(--error-container);color:var(--on-error-container)}.live-offline .live-dot{background:var(--error-strong)}.live-hint{display:none}@keyframes live-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--success-strong) 55%,transparent)}50%{box-shadow:0 0 0 4px transparent}}@media(max-width:1100px){.window,.shell.collapsed .window{grid-template-columns:minmax(0,1fr)}.sidebar,.shell.collapsed .sidebar{position:absolute;top:0;bottom:0;left:0;z-index:25;width:min(var(--sidebar-width),calc(100vw - var(--rail-width) - 40px));visibility:hidden;background:var(--panel);border-right:1px solid var(--panel-border);box-shadow:var(--elevation-3);transform:translate(-12px);opacity:0;transition:transform var(--duration) var(--ease-out),opacity var(--duration-fast) var(--ease),visibility 0s linear var(--duration)}.shell.nav-open .sidebar{visibility:visible;transform:none;opacity:1;transition:transform var(--duration) var(--ease-out),opacity var(--duration-fast) var(--ease)}.shell.nav-open .nav-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;border:0;background:#0a0a0c38;cursor:default}.main,.shell.collapsed .main{margin:6px}.rail-collapse{display:none}.topbar{padding:0 var(--space-5)}.page{padding:var(--space-5) var(--space-5) var(--space-6)}}@media(max-width:720px){.crumb,.live-text{display:none}.page{padding:var(--space-4)}}:root[data-titlebar=overlay] .topbar,:root[data-titlebar=overlay] .rail,:root[data-titlebar=overlay] .login-screen{-webkit-app-region:drag}:root[data-titlebar=overlay] .topbar button,:root[data-titlebar=overlay] .topbar a,:root[data-titlebar=overlay] .topbar input,:root[data-titlebar=overlay] .topbar .live,:root[data-titlebar=overlay] .rail button,:root[data-titlebar=overlay] .login-card{-webkit-app-region:no-drag}:root[data-titlebar=overlay] .rail{padding-top:40px}.shell.nav-open .rail-sections .rail-btn:after{display:none}