:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-intro:#f8fafc;--panel-bg:#ffffffd9;--panel-border:1px solid #e2e8f0;--pill-bg:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--accent-indigo:#4f46e5;--accent-indigo-hover:#4338ca;--status-green:#10b981;--status-amber:#f59e0b}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{background-color:var(--bg-intro);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);font-feature-settings:"cv01", "ss03";-webkit-user-select:none;user-select:none;overflow:hidden}#canvas-container{z-index:1;background:radial-gradient(circle at 50% 30%,#fff 0%,#f1f5f9 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#canvas-container canvas{display:block;width:100%!important;height:100%!important}.intro-overlay{background-color:var(--bg-intro);z-index:400;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .45s cubic-bezier(.16,1,.3,1),visibility .45s;display:flex;position:absolute;top:0;left:0}.intro-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-modal{background:var(--panel-bg);border:var(--panel-border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;width:90%;max-width:440px;padding:36px 32px;display:flex}.intro-badge{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent-indigo-hover);background:#5e6ad21f;border:1px solid #7170ff40;border-radius:999px;margin-bottom:20px;padding:4px 12px;font-size:11px;font-weight:500}.intro-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:8px;font-size:26px;font-weight:600}.intro-subtitle{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:28px;font-size:13px;font-weight:400;line-height:1.5}.intro-btn{background:var(--accent-indigo);color:#fff;font-family:var(--font-sans);cursor:pointer;pointer-events:auto;border:none;border-radius:6px;width:100%;padding:10px 24px;font-size:14px;font-weight:500;transition:background-color .15s}.intro-btn:hover{background:var(--accent-indigo-hover)}.intro-btn:active{transform:translateY(1px)}.intro-hints{font-family:var(--font-mono);color:#d0d6e0;-webkit-backdrop-filter:blur(8px);background:#08090ab8;border:1px solid #ffffff14;border-radius:8px;margin-top:24px;padding:6px 10px;font-size:11px;line-height:1.6}.hud-overlay{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.hud-panel{background:var(--panel-bg);border:var(--panel-border);-webkit-backdrop-filter:blur(12px);border-radius:8px}.hud-top-left,.hud-top-right{display:none!important}.hud-topbar{-webkit-backdrop-filter:blur(12px);box-sizing:border-box;z-index:300;pointer-events:auto;background:#08090ad1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 20px;display:flex;position:fixed;top:0;left:0}.topbar-left{align-items:center;gap:10px;display:flex}.topbar-mark{background:linear-gradient(135deg,#5e6ad2 0%,#7170ff 100%);border-radius:4px;flex-shrink:0;width:18px;height:18px;box-shadow:0 0 10px #5e6ad273}.topbar-title{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--text-primary);white-space:nowrap;font-size:13.5px;font-weight:590}.topbar-pill-floor{font-family:var(--font-mono);color:var(--text-muted);background:var(--pill-bg);white-space:nowrap;border:1px solid #ffffff14;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500}.topbar-nav{touch-action:pan-x;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:1;align-items:center;gap:3px;min-width:0;padding:3px;display:flex;overflow:auto hidden}@media (width<=720px){.hud-topbar{flex-wrap:wrap;row-gap:4px;min-height:76px;height:auto!important;padding:6px 8px!important}.topbar-nav{touch-action:pan-x manipulation;-webkit-overflow-scrolling:touch;order:10;width:100%;overflow-x:auto;max-width:none!important;height:34px!important}.nav-tab{white-space:nowrap;cursor:pointer;touch-action:manipulation;flex-shrink:0}.nav-tab>*{pointer-events:none}.nav-tab-dropdown-wrapper{position:static}.topbar-nav .office-dropdown,.avatar-menu-wrapper .office-dropdown{z-index:400;width:auto;max-height:60vh;position:fixed;top:80px;left:8px;right:8px;overflow-y:auto}}.nav-tab{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;outline:none;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.nav-tab:hover{color:var(--text-secondary);background:#ffffff08}.nav-tab.active{color:var(--text-primary);background:#ffffff0f;font-weight:590}.tab-badge{font-family:var(--font-mono);color:var(--accent-indigo-hover);background:#5e6ad22e;border:1px solid #7170ff4d;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.2}.nav-tab-dropdown-wrapper{align-items:center;display:inline-flex;position:relative}.office-dropdown{z-index:60;pointer-events:auto;box-sizing:border-box;overscroll-behavior:contain;background:#191a1b;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:286px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 0 0 1px #ffffff0a,0 4px 12px #00000080,0 16px 36px #000000a6}.office-dropdown.open{display:flex}#office-dropdown{z-index:400;position:fixed}.office-dropdown-header{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em;padding:6px 8px 4px;font-size:10px;font-weight:600}.office-dropdown-sep{background:#ffffff0f;height:1px;margin:4px 4px 6px}.office-dropdown-list{flex-direction:column;gap:2px;display:flex}.office-dropdown-row{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;height:38px;padding:0 8px;transition:background-color .12s;display:flex}.office-dropdown-row:hover{background:#ffffff0a}.office-dropdown-row.active{background:#ffffff0d}.dropdown-row-left{flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.dropdown-indigo-dot{opacity:0;background:#7170ff;border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-right:-2px;transition:opacity .12s;box-shadow:0 0 6px #7170ffd9}.office-dropdown-row.active .dropdown-indigo-dot{opacity:1}.dropdown-team-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dropdown-room-num{font-family:var(--font-mono);color:#8a8f98;flex-shrink:0;font-size:11px}.dropdown-room-sep{font-family:var(--font-mono);color:#8a8f98;flex-shrink:0;margin:0 -1px;font-size:11px}.dropdown-room-name{font-family:var(--font-sans);color:#f7f8f8;white-space:nowrap;font-size:13px;font-weight:590}.dropdown-row-right{font-family:var(--font-mono);color:#8a8f98;white-space:nowrap;flex-shrink:0;align-items:center;font-size:11px;display:flex}.dropdown-status-muted{color:#8a8f98;opacity:.65}.dropdown-status-running{color:#7170ff;font-weight:500}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-status-pill{background:var(--pill-bg);border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;display:flex}.topbar-status-text{font-family:var(--font-mono);letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:500}.topbar-clock{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:500}.topbar-phase{font-family:var(--font-mono);color:#8a8f98;white-space:nowrap;letter-spacing:.05em;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.masbro-avatar{background:var(--accent-indigo);color:#fff;width:28px;height:28px;font-family:var(--font-sans);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:background-color .15s,box-shadow .15s;display:flex;box-shadow:0 0 10px #5e6ad266}.masbro-avatar:hover{background:var(--accent-indigo-hover);box-shadow:0 0 14px #7170ff8c}.avatar-menu-wrapper{align-items:center;display:inline-flex;position:relative}.avatar-dropdown{background:#08090af0;border:1px solid #ffffff14;border-radius:10px;width:196px;left:auto;right:0}.avatar-menu-header{flex-direction:column;gap:2px;padding:6px 8px 4px;display:flex}.avatar-menu-name{font-family:var(--font-sans);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:590;overflow:hidden}.avatar-menu-role{font-family:var(--font-mono);color:var(--text-muted);font-size:10.5px;font-weight:500}.avatar-menu-item{width:100%;height:34px;font-family:var(--font-sans);color:#f0b9b9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:13px;font-weight:500;transition:background-color .12s;display:flex}.avatar-menu-item:hover{background:#ffffff0f}.avatar-menu-icon{flex-shrink:0;width:16px;height:16px}.pod-labels-layer{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.pod-label-pill{-webkit-backdrop-filter:blur(14px);pointer-events:auto;cursor:pointer;will-change:left, top;background:#101114eb;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:10px;padding:8px 14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 6px 22px #0009}.pod-label-pill:hover{border-color:#ffffff40;box-shadow:0 8px 26px #000000b3,0 0 12px #7170ff4d}.pod-label-pill.active{border-color:#7170ffbf;box-shadow:0 8px 28px #000000bf,0 0 16px #7170ff73}.agent-labels-layer{pointer-events:none;z-index:104;position:absolute;inset:0;overflow:hidden}.agent-name-pill{letter-spacing:.01em;color:#f7f8f8;white-space:nowrap;will-change:left, top;pointer-events:none;background:#000000c7;border:1px solid #ffffff38;border-radius:4px;padding:2px 6px;font-size:13px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.pod-pill-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 2px 8px #00000059}.pod-pill-icon-shape{opacity:.95;background:#fff;border-radius:3px;width:10px;height:10px}.pod-pill-body{flex-direction:column;gap:2px;display:flex}.pod-pill-title{font-family:var(--font-sans);letter-spacing:-.015em;color:#f7f8f8;white-space:nowrap;font-size:15px;font-weight:590;line-height:1.2}.pod-pill-status{font-family:var(--font-mono);color:#8a8f98;white-space:nowrap;align-items:center;gap:6px;font-size:11px;line-height:1.2;display:flex}.pod-pill-status .status-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 6px #10b981b3}.pod-pill-status .status-dot.muted{box-shadow:none;background:#62666d}.pod-pill-status .running-highlight{color:#10b981;font-weight:500}.pod-pill-status .muted{color:#62666d}.pod-pill-avatars{border-left:1px solid #ffffff1a;align-items:center;margin-left:2px;padding-left:8px;display:flex}.pod-mini-face{box-sizing:border-box;border:2px solid #00000059;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin-left:-6.6px;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000059}.pod-mini-face:first-child{margin-left:0}.pod-mini-face .mini-face-skin{border-radius:50%;width:14px;height:13px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.pod-mini-face .mini-face-shirt{height:2px;position:absolute;bottom:0;left:0;right:0}.pod-avatar-circle{border:2px solid #00000059;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin-left:-6.6px;box-shadow:0 1px 4px #00000059}.pod-avatar-circle:first-child{margin-left:0}.minimap-panel{-webkit-backdrop-filter:blur(14px);pointer-events:auto;z-index:100;background:#08090ad1;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;width:184px;padding:10px;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 8px 24px #00000080}.minimap-header{justify-content:space-between;align-items:center;width:100%;display:flex}.minimap-title{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;font-size:10px;font-weight:600}.minimap-controls{align-items:center;gap:6px;display:flex}.minimap-zoom-pct{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;min-width:38px;font-size:10px;font-weight:500}.minimap-btn{width:20px;height:20px;color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:600;line-height:1;transition:all .15s;display:flex}.minimap-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff29}.minimap-btn:active{transform:scale(.95)}#minimap-canvas{background:#00000059;border-radius:8px;width:164px;height:164px;display:block}.hud-bottom-left{z-index:95;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;bottom:20px;left:24px}.daynight-toggle-pill{font-family:var(--font-mono);color:#d0d6e0;-webkit-backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#08090ab8;border:1px solid #ffffff14;border-radius:8px;outline:none;align-items:center;gap:8px;padding:6px 10px;font-size:11px;line-height:1.6;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.daynight-toggle-pill:hover{background:#ffffff0d}.daynight-toggle-pill .daynight-icon{stroke:#d0d6e0;flex-shrink:0;width:16px;height:16px}.daynight-toggle-pill.mode-siang{color:#f5c96a}.daynight-toggle-pill.mode-malam{color:#a9b6ff}.control-hints{font-family:var(--font-mono);color:#d0d6e0;-webkit-backdrop-filter:blur(8px);background:#08090ab8;border:1px solid #ffffff14;border-radius:8px;padding:6px 10px;font-size:11px;line-height:1.6}.toast-container{z-index:45;pointer-events:none;flex-direction:column;gap:8px;width:calc(100vw - 48px);max-width:360px;display:flex;position:absolute;top:64px;bottom:auto;right:24px}.toast-item{border:var(--panel-border);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:auto;background:#12141deb;border-radius:8px;flex-direction:column;gap:3px;padding:10px 14px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(-8px)}.toast-item.visible{opacity:1;transform:translateY(0)}.toast-tag{font-family:var(--font-mono);letter-spacing:.05em;color:var(--accent-indigo-hover);font-size:10px;font-weight:500}.toast-text{color:var(--text-primary);font-size:13px;font-weight:400;line-height:1.4}.room-detail-panel{-webkit-backdrop-filter:blur(20px);z-index:200;pointer-events:auto;opacity:0;background:#0b0d13f7;border-right:1px solid #ffffff14;flex-direction:column;width:400px;height:calc(100% - 52px);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:fixed;top:52px;left:0;overflow:hidden;transform:translate(-100%);box-shadow:12px 0 36px #0000008c}.room-detail-panel.open{opacity:1;transform:translate(0)}.room-panel-top-bar{justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.room-panel-back-btn{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:11.5px;font-weight:500;transition:all .15s}.room-panel-back-btn:hover{color:var(--text-primary);background:#ffffff0d}.room-panel-close-btn{width:26px;height:26px;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:all .15s;display:flex}.room-panel-close-btn:hover{color:var(--text-primary);background:#ffffff17;border-color:#ffffff29}.room-panel-header{padding:4px 20px 14px}.room-header-left{align-items:center;gap:10px;display:flex}.room-header-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.room-header-title{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--text-primary);text-transform:uppercase;font-size:17px;font-weight:650}.room-panel-tabs{border-bottom:1px solid #ffffff0f;align-items:center;gap:4px;padding:0 20px 14px;display:flex}.room-tab{font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .15s}.room-tab:hover{color:var(--text-primary);background:#ffffff0a}.room-tab.active{color:var(--text-primary);background:#ffffff14;font-weight:590}.room-tab.muted{color:var(--text-subtle);opacity:.65}.room-panel-body{flex-direction:column;flex:1;gap:20px;padding:16px 20px;display:flex;overflow:hidden auto}.room-panel-body::-webkit-scrollbar{width:5px}.room-panel-body::-webkit-scrollbar-track{background:0 0}.room-panel-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.room-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.room-stat-card{background:#ffffff06;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.room-stat-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;white-space:nowrap;font-size:10px;font-weight:500}.room-stat-val-row{justify-content:space-between;align-items:center;gap:4px;min-height:24px;display:flex}.room-stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:18px;font-weight:600;line-height:1}.mini-sparkline-svg{flex-shrink:0}.room-section{flex-direction:column;gap:10px;display:flex}.room-section-header{justify-content:space-between;align-items:center;display:flex}.room-section-title{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;font-size:10.5px;font-weight:600}.room-section-badge{font-family:var(--font-mono);color:var(--text-subtle);background:#ffffff0a;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:500}.room-processes-list,.room-agents-list{flex-direction:column;gap:7px;display:flex}.room-paging{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;margin-top:1px;padding:6px 2px 0;display:flex}.room-paging-range{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;white-space:nowrap;font-size:11px}.room-paging-controls{align-items:center;gap:6px;display:flex}.room-paging-indicator{font-family:var(--font-mono);color:var(--text-subtle);white-space:nowrap;text-align:center;min-width:46px;font-size:11px}.room-paging-btn{width:22px;height:22px;color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.room-paging-btn:hover:not(:disabled){color:#10b981;background:#10b9811f;border-color:#10b98159}.room-paging-btn:disabled{opacity:.35;cursor:default;color:var(--text-subtle)}.room-process-item{background:#ffffff06;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:7px;padding:10px 12px;display:flex}.process-main-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.process-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.process-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.process-status-dot.running{background:#10b981;box-shadow:0 0 6px #10b981b3}.process-status-dot.queued{background:#62666d}.process-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.process-time-text{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:11px}.process-progress-bar{background:#ffffff0f;border-radius:999px;width:100%;height:4px;overflow:hidden}.process-progress-fill{background:linear-gradient(90deg,#5e6ad2 0%,#10b981 100%);border-radius:999px;height:100%;transition:width .3s}.room-agent-item{background:#ffffff06;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.room-agent-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.agent-name-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.agent-name{color:var(--text-primary);font-size:13px;font-weight:600}.agent-badge{font-family:var(--font-mono);text-transform:lowercase;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:500}.agent-badge.working{color:#10b981;background:#10b98124;border:1px solid #10b9814d}.agent-badge.idle{color:#8a8f98;background:#ffffff0a;border:1px solid #ffffff14}.agent-sub-row{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.room-empty-state{font-family:var(--font-mono);color:var(--text-subtle);text-align:center;background:#ffffff04;border:1px dashed #ffffff0f;border-radius:6px;padding:12px;font-size:11.5px}.agent-command-bubble{z-index:950;background:#0b0d12;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;width:280px;max-width:calc(100vw - 16px);padding:12px;animation:.12s ease-out agent-bubble-in;display:flex;position:fixed;box-shadow:0 8px 24px #0006}@keyframes agent-bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.agent-command-bubble{animation:none}}.agent-bubble-header{align-items:center;gap:8px;display:flex}.agent-bubble-name{color:#f0f0f0;font-size:13px;font-weight:600}.agent-bubble-role{font-family:var(--font-mono);color:#6f7683;background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:10px}.agent-command-bubble .agent-command-input{color:#f0f0f0;width:100%;font-family:var(--font-mono);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:8px 10px;font-size:12.5px}.agent-command-bubble .agent-command-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9812e}.agent-command-bubble.error .agent-command-input{border-color:#ef4444}.agent-bubble-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.agent-bubble-hint{font-family:var(--font-mono);color:#6f7683;font-size:10px}.agent-command-bubble .agent-command-send{color:#6ee7b7;cursor:pointer;background:#10b9811f;border:1px solid #10b98166;border-radius:6px;min-height:44px;padding:0 12px;font-size:12px}.agent-command-bubble .agent-command-send:hover{background:#10b98133}.agent-command-bubble.sending .agent-bubble-hint:after{content:"  ·  mengirim…"}.agent-command-bubble.sent{border-color:#10b98199}.agent-avatar-btn{cursor:pointer}.agent-avatar-btn:focus-visible{outline-offset:2px;outline:2px solid #10b98199}body.room-panel-open .hud-bottom-left{left:420px}.hud-bottom-left{transition:left .35s cubic-bezier(.16,1,.3,1)}#gate-ui{z-index:90;pointer-events:none;position:absolute;inset:0}#gate-ui>*{pointer-events:auto}.gate-actionbar{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.gate-hint{font-family:var(--font-mono);color:var(--text-muted);border:var(--panel-border);-webkit-backdrop-filter:blur(8px);background:#08090ab8;border-radius:8px;padding:6px 10px;font-size:11px}.gate-actions{gap:8px;display:flex}.gate-btn{font-family:var(--font-sans);color:#d0d6e0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .18s,border-color .18s,transform .1s}.gate-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff2e}.gate-btn:active{transform:translateY(1px)}.gate-btn.primary{background:var(--accent-indigo);color:#fff;border-color:#7170ff99;border-radius:6px}.gate-btn.primary:hover{background:var(--accent-indigo-hover);color:#fff}.gate-btn.primary:disabled{opacity:.45;cursor:not-allowed}.gate-btn.ghost{color:var(--text-muted);background:0 0}.gate-btn.ghost:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff29}.gate-btn.tiny{padding:5px 10px;font-size:11px}.gate-btn-emoji{margin-right:4px}.gate-btn-icon{vertical-align:-2px;opacity:.85;width:13px;height:13px;margin-right:6px}.gate-modal-icon{width:18px;height:18px;color:var(--accent-indigo-hover);flex-shrink:0}.gate-dev-caption{font-family:var(--font-mono);color:var(--text-subtle);margin:2px 0 10px;font-size:11px}.gate-dialog{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08090aeb;border:1px solid #ffffff1a;border-radius:12px;width:min(480px,92vw);padding:16px 18px;animation:.28s cubic-bezier(.16,1,.3,1) gate-rise;position:absolute;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.gate-dialog.hidden,.gate-modal.hidden{display:none}@keyframes gate-rise{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.gate-dialog-npc{align-items:center;gap:8px;margin-bottom:8px;display:flex}.gate-dialog-name{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent-indigo-hover);font-size:11px;font-weight:600}.gate-dialog-lines p{color:var(--text-secondary);margin-bottom:6px;font-size:13.5px;line-height:1.55}.gate-dialog-actions{gap:8px;margin-top:12px;display:flex}.gate-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08090a99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gate-modal-card{background:#0c0d10;border:1px solid #ffffff1a;border-radius:14px;width:min(460px,92vw);max-height:86vh;padding:22px 24px;animation:.3s cubic-bezier(.16,1,.3,1) gate-pop;overflow-y:auto;box-shadow:0 20px 60px #0009}@keyframes gate-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.gate-modal-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.gate-modal-header h2{font-size:17px;font-weight:600}.gate-modal-sub{color:var(--text-muted);margin-bottom:16px;font-size:12.5px}.gate-field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.gate-field span{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px}.gate-field input,.gate-field select{font-family:var(--font-sans);color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:9px 12px;font-size:13.5px;transition:border-color .18s}.gate-field input:focus,.gate-field select:focus{border-color:var(--accent-indigo)}.gate-field select option{background:#0c0d10}.gate-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.gate-form-error{color:#e5484d;margin-bottom:10px;font-size:12.5px}.gate-form-error.hidden{display:none}.gate-modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.gate-satpam-quote{color:var(--text-secondary);border-left:2px solid var(--accent-indigo);background:#5e6ad20f;border-radius:0 8px 8px 0;margin:12px 0;padding:8px 12px;font-size:13.5px;font-style:italic;line-height:1.55}.gate-quote-by{font-style:normal;font-family:var(--font-mono);color:var(--text-subtle);margin-top:6px;font-size:10.5px;display:block}.gate-steps{flex-direction:column;gap:8px;margin:12px 0;display:flex}.gate-step{color:var(--text-subtle);align-items:center;gap:8px;font-size:12.5px;display:flex}.gate-step.done{color:var(--status-green)}.gate-step-dot{background:#ffffff24;border-radius:50%;flex-shrink:0;width:7px;height:7px}.gate-step.done .gate-step-dot{background:var(--status-green);box-shadow:0 0 8px #10b98199}.gate-email-mock{background:#ffffff05;border:1px dashed #ffffff24;border-radius:10px;margin-top:14px;padding:12px 14px}.gate-email-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.gate-email-badge{font-family:var(--font-mono);letter-spacing:.1em;color:var(--status-amber);background:#f59e0b14;border:1px solid #f59e0b66;border-radius:5px;padding:2px 7px;font-size:9.5px;font-weight:600}.gate-email-to{font-family:var(--font-mono);color:var(--text-subtle);font-size:10px}.gate-email-body{color:var(--text-secondary);font-size:12.5px}.gate-email-line{margin-bottom:4px}.gate-email-line.muted{color:var(--text-subtle);font-family:var(--font-mono);font-size:11px}.gate-email-line.ok{color:var(--status-green)}.gate-email-line.err{color:#e5484d}.gate-magic-info{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;margin-bottom:6px;padding:12px 14px}.gate-magic-dev{border-top:1px dashed #ffffff14;justify-content:center;margin-top:16px;padding-top:12px;display:flex}.room-detail-panel{transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s,width .34s cubic-bezier(.16,1,.3,1)}.room-detail-panel.report-open,.room-detail-panel.report-full{width:min(92vw,1180px)}.room-detail-panel.shop-mode{border-right:none;width:100vw;max-width:100vw}body.room-panel-open.shop-panel-open .hud-bottom-left,body.room-panel-open.shop-panel-open .minimap-panel{transition:opacity .2s,visibility .2s;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.room-detail-panel.shop-mode .room-panel-top-bar,.room-detail-panel.shop-mode .room-panel-header,.room-detail-panel.shop-mode .room-panel-tabs{padding-left:clamp(20px,3.5vw,48px);padding-right:clamp(20px,3.5vw,48px)}.room-detail-panel.shop-mode .room-panel-body{width:100%;padding-left:clamp(20px,3.5vw,48px);padding-right:clamp(20px,3.5vw,48px)}.room-detail-panel.shop-mode .shop-catalog-section{width:100%;max-width:1500px;margin:0 auto}.report-full{width:min(92vw,1180px)}@media (width<=1100px){.room-detail-panel.report-open{width:min(680px,82vw)}}.report-shell{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;flex:auto;grid-template-columns:minmax(0,1fr) 220px;gap:22px;min-width:0;min-height:0;padding:4px 22px 28px;display:grid;overflow-y:auto}.report-shell>:first-child{min-width:0}.report-shell::-webkit-scrollbar{width:8px}.report-shell::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}@media (width<=1100px){.report-shell{grid-template-columns:minmax(0,1fr);gap:16px}}.report-head{border-bottom:1px solid #ffffff12;flex-direction:column;gap:10px;padding-bottom:16px;display:flex}.report-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#7d84ff;font-size:10.5px}.report-title{font-family:var(--font-sans);letter-spacing:-.012em;color:#f7f8fa;text-wrap:pretty;margin:0;font-size:20px;font-weight:600;line-height:1.35}.report-scope-note{color:#d6a44a;background:#f59e0b14;border:1px solid #f59e0b47;border-radius:8px;margin:2px 0 10px;padding:7px 10px;font-size:11.5px;line-height:1.5}.report-meta{font-family:var(--font-mono);color:#8a8f98;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.report-chip{font-family:var(--font-mono);border-radius:4px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;line-height:1.5;display:inline-flex}.report-chip.done{color:#8a8f98;background:#ffffff0d;border:1px solid #ffffff1a}.report-chip.running{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.report-chip.queued{color:#eab308;background:#eab3081f;border:1px solid #eab30840}.report-chip.unknown{color:#62666d;background:#ffffff08;border:1px solid #ffffff0f}.report-chip.live{color:#10b981;background:#10b9811a;border:1px solid #10b98138}.report-prose{max-width:74ch;font-family:var(--font-sans);color:#c5ccd8;overflow-wrap:anywhere;font-size:13.5px;line-height:1.75}.report-prose>:first-child{margin-top:0}.report-prose h1,.report-prose h2,.report-prose h3{font-family:var(--font-sans);color:#f2f4f8;letter-spacing:-.01em;text-wrap:pretty}.report-prose h1{margin:26px 0 10px;font-size:17px;font-weight:600}.report-prose h2{text-transform:uppercase;letter-spacing:.07em;color:#9aa2b1;border-bottom:1px solid #ffffff12;margin:24px 0 10px;padding-bottom:7px;font-size:13px;font-weight:600}.report-prose h3{color:#e6e9ef;margin:18px 0 6px;font-size:13.5px;font-weight:600}.report-prose p{text-wrap:pretty;margin:0 0 12px}.report-prose strong{color:#f4f6f9;font-weight:600}.report-prose em{color:#d3d9e4}.report-prose ul,.report-prose ol{margin:0 0 14px;padding-left:0;list-style:none}.report-prose ol{counter-reset:report-ol}.report-prose li{margin:0 0 7px;padding-left:20px;position:relative}.report-prose ul>li:before{content:"";background:#5e6ad2;border-radius:50%;width:5px;height:5px;position:absolute;top:.72em;left:5px}.report-prose ol>li{counter-increment:report-ol}.report-prose ol>li:before{content:counter(report-ol) ".";font-family:var(--font-mono);color:#7d84ff;font-size:11.5px;position:absolute;top:0;left:0}.report-prose li>ul>li:before{background:#ffffff47}.report-prose code{font-family:var(--font-mono);color:#dfe4ee;background:#ffffff0f;border:1px solid #ffffff12;border-radius:4px;padding:1px 5px;font-size:11.8px}.report-prose pre{background:#00000059;border:1px solid #ffffff12;border-radius:8px;margin:0 0 14px;padding:12px 14px;overflow-x:auto}.report-prose pre code{background:0 0;border:none;padding:0;font-size:11.8px;line-height:1.65}.report-prose blockquote{color:#a9b2c1;border-left:2px solid #5e6ad299;margin:0 0 14px;padding:2px 0 2px 14px}.report-prose hr{border:none;border-top:1px solid #ffffff14;margin:22px 0}.report-prose table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:12.5px}.report-prose th{text-align:left;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#8a8f98;white-space:nowrap;border-bottom:1px solid #ffffff1f;padding:7px 10px;font-size:10.5px}.report-prose td{color:#cfd5e0;vertical-align:top;border-bottom:1px solid #ffffff0d;padding:7px 10px}.report-prose tr:hover td{background:#ffffff05}.report-rail{flex-direction:column;align-self:start;gap:14px;padding-top:4px;display:flex;position:sticky;top:0}.report-rail-block{background:#ffffff05;border:1px solid #ffffff12;border-radius:9px;padding:11px 12px}.report-rail-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#6f7683;margin-bottom:5px;font-size:10px}.report-rail-value{font-family:var(--font-mono);color:#e4e8ef;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.report-empty{text-align:center;color:#8a8f98;border:1px dashed #ffffff17;border-radius:10px;max-width:46ch;padding:30px 18px;font-size:12.5px;line-height:1.6}.report-back{color:#d0d6e0;font-family:var(--font-sans);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.report-back:hover{color:#f5f6f8;background:#ffffff14;border-color:#ffffff29}.report-table-wrap{border:1px solid #ffffff14;border-radius:8px;margin:8px 0;overflow-x:auto}.report-table-wrap table{border-collapse:collapse;width:100%;min-width:max-content}.report-table-wrap th,.report-table-wrap td{white-space:nowrap;vertical-align:top;border-bottom:1px solid #ffffff0f;padding:6px 10px;font-size:12px}.report-table-wrap th{z-index:1;background:#0b0d13fa;font-weight:600;position:sticky;top:0}.report-table-wrap tbody tr:nth-child(2n){background:#ffffff05}.report-table-wrap td.desc,.report-table-wrap td.long{white-space:normal;max-width:280px}.report-table-wrap .num,.report-table-wrap td.num{font-family:var(--font-mono)}.kanban-overlay{z-index:290;-webkit-backdrop-filter:blur(12px);pointer-events:auto;overscroll-behavior:contain;background:#08090ad6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.kanban-panel{background:#0b0d13fa;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:min(94vw,1280px);height:min(86vh,760px);display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}.kanban-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 10px;display:flex}.kanban-title{letter-spacing:.06em;color:#f7f8f8;font-size:14px;font-weight:600;font-family:var(--font-mono)}.kanban-sub{color:#6f7683;font-size:12px;font-family:var(--font-mono);margin-top:4px}.kanban-close{color:#d0d6e0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;line-height:1;display:flex}.kanban-close:hover{color:#f7f8f8;background:#ffffff14}.kanban-filters{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;flex-shrink:0;gap:6px;padding:10px 20px;display:flex}.kanban-chip-filter{color:#6f7683;font-size:11px;font-family:var(--font-mono);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:4px 10px;transition:all .15s}.kanban-chip-filter.active{color:#f7f8f8;background:#10b98114;border-color:#10b981}.kanban-board{flex:auto;grid-template-columns:repeat(3,1fr);gap:12px;min-height:0;padding:12px 16px 16px;display:grid}.kanban-col{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.kanban-col-header{letter-spacing:.08em;color:#8a8f98;font-size:11px;font-weight:600;font-family:var(--font-mono);border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.kanban-badge{color:#6f7683;background:#ffffff0f;border-radius:999px;padding:1px 6px;font-size:11px}.kanban-col-body{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:8px;display:flex;overflow-y:auto}.kanban-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px;transition:background .15s,border-color .15s}.kanban-card:hover{background:#ffffff12;border-color:#ffffff24}.kanban-card.done{opacity:.85}.kanban-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.kanban-card-date{font-size:11px;font-family:var(--font-mono);color:#94a3b8;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:4px;padding:2px 7px}.kanban-card-date.today{color:#38bdf8;background:#38bdf81f;border-color:#38bdf84d;font-weight:600}.kanban-hero-report{background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1.5px solid #38bdf873;border-radius:10px;margin:10px 16px 4px;padding:12px 16px;box-shadow:0 4px 18px #0000004d}.kanban-hero-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.kanban-hero-title{color:#38bdf8;letter-spacing:.3px;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.kanban-hero-icon{font-size:15px}.kanban-hero-badge{font-size:10.5px;font-family:var(--font-mono);color:#10b981;white-space:nowrap;background:#10b9812e;border:1px solid #10b98166;border-radius:4px;padding:2px 8px;font-weight:600}.kanban-hero-grid{color:#cbd5e1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 16px;font-size:11.5px;line-height:1.45;display:grid}.kanban-hero-item{flex-direction:column;gap:2px;display:flex}.kanban-hero-item strong{color:#f1f5f9;font-size:11.5px}.kanban-hero-item a{color:#38bdf8;text-underline-offset:2px;text-decoration:underline}.kanban-hero-item a:hover{color:#7dd3fc}.kanban-card.report-card{background:#38bdf814;border:1.5px solid #38bdf873;box-shadow:0 2px 10px #38bdf81f}.kanban-card.report-card:hover{background:#38bdf824;border-color:#38bdf8b3}.kanban-card-report-badge{font-size:10px;font-family:var(--font-mono);color:#0f172a;letter-spacing:.5px;background:#38bdf8;border-radius:3px;padding:1px 6px;font-weight:700}.kanban-card-report-preview{color:#94a3b8;background:#00000040;border-radius:6px;flex-direction:column;gap:3px;margin-top:6px;padding:6px 8px;font-size:11px;line-height:1.4;display:flex}.kanban-card-report-preview strong{color:#e2e8f0}.kanban-card-room-badge{font-size:10px;font-family:var(--font-mono);color:#64748b;text-transform:uppercase;letter-spacing:.5px}.kanban-card-title{color:#f7f8f8;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.kanban-card-meta{color:#8b93a1;font-size:11.5px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;overflow:hidden}.kanban-card-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.kanban-chip{font-size:10px;font-family:var(--font-mono);letter-spacing:.04em;border-radius:4px;padding:2px 8px;font-weight:600}.kanban-chip.live{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.kanban-chip.stale{color:#eab308;background:#eab3081f;border:1px solid #eab3084d}.kanban-live-title{color:#6f7683;font-size:11px;font-family:var(--font-mono)}.kanban-empty{color:#8b93a1;text-align:center;font-size:12.5px;font-family:var(--font-mono);padding:20px 0}.nav-tab-glyph{font-family:var(--font-mono);color:var(--text-muted);opacity:.85;font-size:11px;font-weight:500}.nav-tab.active .nav-tab-glyph{color:#10b981;opacity:1}.usage-overlay{z-index:290;-webkit-backdrop-filter:blur(12px);pointer-events:auto;overscroll-behavior:contain;background:#08090ad6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.usage-panel{background:#0e1018;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:min(94vw,1180px);height:min(84vh,720px);display:flex;overflow:hidden}.usage-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.usage-title{letter-spacing:.06em;color:#f7f8f8;font-size:14px;font-weight:600;font-family:var(--font-mono);margin:0}.usage-sub{color:#8b93a1;font-size:11px;font-family:var(--font-mono);margin-top:4px}.usage-close{color:#d0d6e0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;line-height:1;display:flex}.usage-close:hover{color:#f7f8f8;background:#ffffff14}.usage-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 20px 20px;display:flex;overflow-y:auto}.usage-kpi-grid{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.usage-kpi{background:#161a22;border:1px solid #ffffff14;border-radius:10px;padding:12px 14px}.usage-kpi-value{font-family:var(--font-mono);letter-spacing:-.01em;color:#f7f8f8;font-size:22px;font-weight:600;line-height:1.2}.usage-kpi-label{font-family:var(--font-mono);color:#8b93a1;letter-spacing:.03em;margin-top:3px;font-size:11px}.usage-block{background:#161a22;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.usage-block-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.usage-block-title{font-family:var(--font-mono);letter-spacing:.06em;color:#8b93a1;font-size:11px}.usage-block-note{font-family:var(--font-mono);color:#6f7683;font-size:10px}.usage-chart{border-bottom:1px solid #ffffff14;align-items:flex-end;gap:10px;padding:6px 2px 0;display:flex}.usage-bar-col{flex-direction:column;flex:1 1 0;justify-content:flex-end;gap:5px;min-width:0;display:flex}.usage-bar-val{font-family:var(--font-mono);color:#8b93a1;text-align:center;height:12px;font-size:10px;line-height:12px}.usage-bar-track{background:#ffffff05;border-radius:4px 4px 0 0;align-items:flex-end;height:104px;display:flex}.usage-bar{background:#10b981;border-radius:4px 4px 0 0;width:100%;transition:height .2s}.usage-bar-day{font-family:var(--font-mono);color:#8b93a1;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding-bottom:4px;font-size:10px;overflow:hidden}.usage-split{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.usage-table-wrap{overflow:auto}.usage-table{border-collapse:collapse;width:100%}.usage-table th{font-family:var(--font-mono);letter-spacing:.06em;color:#8b93a1;text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:5px 8px;font-size:10px;font-weight:500}.usage-table td{color:#f7f8f8;white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:6px 8px;font-size:12px}.usage-table th.num,.usage-table td.num{text-align:right;font-family:var(--font-mono);font-size:12px}.usage-table tbody tr:nth-child(2n){background:#ffffff05}.usage-table tbody tr:hover{background:#ffffff0a}.usage-model-name{font-family:var(--font-mono);color:#d0d6e0;text-overflow:ellipsis;max-width:220px;overflow:hidden}.usage-hours{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:8px;height:118px;display:grid}.usage-hour{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.usage-hour-track{background:#ffffff08;border-radius:3px;align-items:flex-end;width:100%;height:92px;display:flex}.usage-hour-bar{background:#10b981;border-radius:3px 3px 0 0;width:58%;margin:0 auto;transition:height .2s}.usage-hour-label{font-family:var(--font-mono);color:#8b93a1;font-size:10px}.usage-empty{font-family:var(--font-mono);color:#8b93a1;justify-content:center;align-items:center;padding:48px 0;font-size:12px;display:none}.usage-body.is-empty .usage-kpi-grid,.usage-body.is-empty .usage-block,.usage-body.is-empty .usage-split{display:none}.usage-body.is-empty .usage-empty{display:flex}@media (width<=900px){.usage-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-split{grid-template-columns:minmax(0,1fr)}}.usage-peak-block{gap:8px}.usage-body.is-empty .usage-peak-block{display:flex}.usage-peak-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.usage-peak-head-text{flex-direction:column;gap:3px;min-width:0;display:flex}.usage-peak-sub{font-family:var(--font-mono);color:#6f7683;font-size:10px}.usage-peak-now{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-secondary);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:3px 10px 3px 4px;font-size:11px;display:inline-flex}.usage-peak-now-badge{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid #0000;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600}.usage-peak-now-badge.is-peak{color:var(--status-amber);background:#f59e0b24;border-color:#f59e0b66}.usage-peak-now-badge.is-offpeak{color:var(--status-green);background:#10b9811f;border-color:#10b9815c}.usage-peak-now-badge.is-none{color:var(--text-muted);background:#ffffff0d;border-color:#ffffff1a}.usage-peak-now-label{color:var(--text-secondary)}.usage-peak-now-clock{color:#6f7683}.usage-peak-rec{font-family:var(--font-mono);color:var(--status-green);background:#10b98114;border:1px solid #10b98138;border-radius:7px;padding:6px 9px;font-size:11px;line-height:1.45}.usage-peak-table-wrap{overflow-x:auto}.usage-peak-table{min-width:860px}.usage-peak-table th,.usage-peak-table td{padding:3px 8px;line-height:1.3}.usage-peak-table td,.usage-peak-table th.num,.usage-peak-table td.num{font-size:11.5px}.usage-peak-table td.usage-peak-vendor{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;vertical-align:top;font-size:11px}.usage-peak-src{font-family:var(--font-mono);color:#6f7683;border-bottom:1px dotted #ffffff29;margin-left:6px;font-size:9px;line-height:1.3;text-decoration:none;display:inline-block}.usage-peak-src:hover{color:var(--text-secondary);border-bottom-color:#10b98180}.usage-peak-note{font-family:var(--font-mono);color:var(--status-amber);opacity:.85;white-space:normal;max-width:240px;margin-top:2px;font-size:9px;line-height:1.35}.usage-peak-table td.usage-peak-off{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.usage-peak-table td.usage-peak-off.is-active{color:var(--status-green)}.usage-peak-table td.usage-peak-save{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.usage-peak-empty{font-family:var(--font-mono);color:var(--text-muted);padding:14px 10px;font-size:11px}.usage-peak-badge{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid #0000;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.4;display:inline-block}.usage-peak-badge.is-peak{color:var(--status-amber);background:#f59e0b1f;border-color:#f59e0b61}.usage-peak-badge.is-cheap{color:var(--status-green);background:#10b9811f;border-color:#10b98161}.usage-peak-badge.is-offpeak{color:var(--status-green);background:#10b9811a;border-color:#10b9814d}.usage-peak-badge.is-flat{color:var(--text-muted);background:#ffffff0d;border-color:#ffffff1a}.usage-peak-badge.is-none{color:#6f7683;letter-spacing:.04em;background:0 0;border-color:#ffffff14;padding:1px 6px;font-size:9px;font-weight:400}.usage-peak-strip{flex-direction:column;gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.usage-peak-strip-inner{flex-direction:column;gap:4px;min-width:700px;display:flex}.usage-peak-strip-row{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:10px;padding-top:11px;display:grid}.usage-peak-strip-label{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.usage-peak-track{position:relative}.usage-peak-cells{border:1px solid #ffffff12;border-radius:5px;grid-template-columns:repeat(24,minmax(0,1fr));height:20px;display:grid;overflow:hidden}.usage-peak-cell{min-width:0}.usage-peak-cell.is-peak{background:var(--status-amber);opacity:.78}.usage-peak-cell.is-cheap{background:var(--status-green);opacity:.52}.usage-peak-cell.is-dim{background:#ffffff12}.usage-peak-marker{background:var(--text-primary);pointer-events:none;width:2px;position:absolute;top:-2px;bottom:-2px;transform:translate(-1px)}.usage-peak-marker-text{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-primary);white-space:nowrap;font-size:9px;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}.usage-peak-axis{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:10px;display:grid}.usage-peak-axis-ticks{font-family:var(--font-mono);color:#6f7683;justify-content:space-between;font-size:9px;display:flex}.usage-peak-strip-note{font-family:var(--font-mono);color:#6f7683;padding-left:180px;font-size:9px}.usage-peak-foot{font-family:var(--font-mono);color:#6f7683;border-top:1px solid #ffffff0f;padding-top:8px;font-size:9px;line-height:1.45}.calendar-overlay{z-index:290;-webkit-backdrop-filter:blur(12px);pointer-events:auto;overscroll-behavior:contain;background:#08090ad6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.calendar-panel{background:#0e1018;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:min(94vw,1240px);height:min(86vh,760px);display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}.calendar-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px 12px 20px;display:flex}.calendar-title{letter-spacing:.06em;color:#f7f8f8;font-size:14px;font-weight:600;font-family:var(--font-mono);margin:0}.calendar-sub{color:#8b93a1;font-size:11px;font-family:var(--font-mono);margin-top:4px}.calendar-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.cal-kpi{font-family:var(--font-mono);color:#b6bdc9;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:5px 11px;font-size:11px}.cal-nav{align-items:center;gap:4px;display:flex}.cal-btn{color:#d0d6e0;min-width:30px;height:30px;font-family:var(--font-mono);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;line-height:1;display:inline-flex}.cal-btn.cal-btn-wide{letter-spacing:.04em;padding:0 12px;font-size:11px}.cal-btn:hover{color:#f7f8f8;background:#ffffff14}.calendar-close{color:#d0d6e0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;line-height:1;display:flex}.calendar-close:hover{color:#f7f8f8;background:#ffffff14}.calendar-legend{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:16px;padding:8px 20px;display:flex}.cal-legend-item{font-family:var(--font-mono);letter-spacing:.06em;color:#8b93a1;align-items:center;gap:6px;font-size:11px;display:inline-flex}.cal-dot{background:#8b93a1;border-radius:50%;width:6px;height:6px;display:inline-block}.cal-dot[data-kind=konten]{background:#10b981}.cal-dot[data-kind=sistem]{background:#8b93a1}.cal-dot[data-kind=analis]{background:#3b82f6}.cal-dot[data-kind=dev]{background:#8b5cf6}.calendar-body{flex:1;align-items:stretch;min-height:0;display:flex}.calendar-grid-wrap{flex-direction:column;flex:1;gap:6px;min-width:0;padding:12px 14px 14px 16px;display:flex}.calendar-weekdays{flex-shrink:0;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar-weekdays span{font-family:var(--font-mono);letter-spacing:.08em;color:#8b93a1;text-transform:uppercase;padding-left:6px;font-size:10px}.calendar-grid{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:6px;min-height:0;display:grid;overflow-y:auto}.cal-cell{color:#f7f8f8;min-height:56px;font-family:var(--font-mono);cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:4px;padding:6px 7px;transition:background .12s,border-color .12s;display:flex;position:relative}.cal-cell:hover{background:#ffffff0d;border-color:#ffffff1f}.cal-cell.has-items{background:#ffffff09}.cal-cell.is-selected{background:#10b98114;border-color:#10b98166}.cal-cell.is-today{border-color:#10b981}.cal-cell.is-blank{cursor:default;pointer-events:none;background:0 0;border-color:#0000}.cal-blank{border-radius:10px}.cal-date{color:#f7f8f8;font-size:12px;line-height:1}.cal-cell.is-today .cal-date{color:#10b981}.cal-dots{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.cal-more{font-family:var(--font-mono);color:#8b93a1;font-size:9px;line-height:1}.calendar-agenda{border-left:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:320px;min-height:0;display:flex}.calendar-agenda-head{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.calendar-agenda-title{font-family:var(--font-mono);letter-spacing:.08em;color:#f7f8f8;font-size:11px}.calendar-agenda-count{font-family:var(--font-mono);color:#8b93a1;font-size:11px}.calendar-agenda-body{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 14px 16px;display:flex;overflow-y:auto}.cal-item{background:#ffffff05;border:1px solid #ffffff0f;border-left:2px solid #8b93a1;border-radius:10px;flex-direction:column;gap:5px;padding:9px 11px;display:flex}.cal-item[data-kind=konten]{border-left-color:#10b981}.cal-item[data-kind=sistem]{border-left-color:#8b93a1}.cal-item[data-kind=analis]{border-left-color:#3b82f6}.cal-item[data-kind=dev]{border-left-color:#8b5cf6}.cal-item-top{align-items:center;gap:8px;display:flex}.cal-item-time{font-family:var(--font-mono);color:#f7f8f8;font-size:11px}.cal-badge{font-family:var(--font-mono);letter-spacing:.06em;color:#8b93a1;background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:9px}.cal-badge[data-kind=konten]{color:#10b981;background:#10b98124}.cal-badge[data-kind=sistem]{color:#b6bdc9;background:#ffffff0f}.cal-badge[data-kind=analis]{color:#3b82f6;background:#3b82f624}.cal-badge[data-kind=dev]{color:#8b5cf6;background:#8b5cf624}.cal-item-status{font-family:var(--font-mono);letter-spacing:.06em;color:#10b981;margin-left:auto;font-size:9px}.cal-item-title{color:#f7f8f8;font-size:12px;line-height:1.35}.cal-item-meta{font-family:var(--font-mono);color:#8b93a1;font-size:10px;line-height:1.4}.cal-item.is-done{opacity:.62}.cal-item.is-done .cal-item-title{color:#8b93a1;text-decoration:line-through}.cal-empty{font-family:var(--font-mono);color:#8b93a1;text-align:center;padding:18px 4px;font-size:11px}@media (width<=900px){.calendar-panel{width:96vw;height:90vh}.calendar-body{flex-direction:column}.calendar-agenda{border-top:1px solid #ffffff0f;border-left:none;width:100%;max-height:40%}.cal-kpi{display:none}}.brain-overlay{z-index:290;-webkit-backdrop-filter:blur(12px);pointer-events:auto;overscroll-behavior:contain;background:#08090ad6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.brain-panel{background:#0e1018;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:min(94vw,1180px);height:min(86vh,760px);display:flex;overflow:hidden}.brain-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.brain-title{font-family:var(--font-mono);letter-spacing:.06em;color:#f7f8f8;margin:0;font-size:14px;font-weight:600}.brain-sub{font-family:var(--font-mono);color:#8b93a1;margin-top:4px;font-size:11px}.brain-close{color:#d0d6e0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;line-height:1;display:flex}.brain-close:hover{color:#f7f8f8;background:#ffffff14}.brain-body{flex-direction:column;flex:1;gap:18px;min-height:0;padding:16px 20px 22px;display:flex;overflow-y:auto}.brain-section{background:#12141b;border:1px solid #ffffff14;border-radius:12px;padding:14px 16px 16px}.brain-section-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.brain-section-title{font-family:var(--font-mono);letter-spacing:.08em;color:#8b93a1;font-size:11px}.brain-section-count{font-family:var(--font-mono);color:#62666d;font-size:11px}.brain-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.brain-kpi{background:#161a22;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px}.brain-kpi-value{font-family:var(--font-mono);color:#f7f8f8;font-size:19px;font-weight:600;line-height:1.2}.brain-kpi-label{font-family:var(--font-mono);letter-spacing:.03em;color:#8b93a1;margin-top:3px;font-size:11px}.brain-note{font-family:var(--font-mono);color:#62666d;margin-top:8px;font-size:11px}.brain-rules{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.brain-rule{color:#d0d6e0;padding-left:14px;font-size:12.5px;line-height:1.5;position:relative}.brain-rule:before{content:"";background:#10b981;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:0}.brain-decisions{flex-direction:column;gap:8px;display:flex}.brain-decision{border-left:2px solid #10b98173;padding:2px 0 2px 10px}.brain-decision-head{font-family:var(--font-mono);color:#f7f8f8;font-size:12px}.brain-decision-date{color:#8b93a1;margin-right:6px}.brain-decision-why{color:#8b93a1;margin-top:3px;font-size:12px;line-height:1.5}.brain-lessons{flex-direction:column;gap:8px;display:flex}.brain-lesson{background:#161a22;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px}.brain-lesson-symptom{color:#f7f8f8;font-size:12.5px;font-weight:600;line-height:1.45}.brain-lesson-root{color:#8b93a1;margin-top:4px;font-size:12px;line-height:1.5}.brain-lesson-fix{color:#10b981;margin-top:4px;font-size:12px;line-height:1.5}.brain-crew{flex-wrap:wrap;gap:8px;display:flex}.brain-crew-chip{background:#161a22;border:1px solid #ffffff14;border-radius:10px;align-items:baseline;gap:6px;padding:6px 10px;display:inline-flex}.brain-crew-name{font-family:var(--font-mono);color:#f7f8f8;font-size:12px}.brain-crew-meta{font-family:var(--font-mono);color:#8b93a1;font-size:11px}.brain-empty{font-family:var(--font-mono);color:#62666d;font-size:11.5px}.brain-knowledge{flex-direction:column;gap:2px;display:flex}.brain-domainrow{flex-wrap:wrap;gap:6px;margin:10px 0 6px;display:flex}.brain-domainrow:first-child{margin-top:0}.brain-domain{font-family:var(--font-mono);letter-spacing:.08em;color:#10b981;background:#10b9811a;border:1px solid #10b98147;border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;line-height:1;display:inline-flex}.brain-know-topic{font-family:var(--font-mono);letter-spacing:.04em;color:#8b93a1;margin:6px 0 4px;font-size:11.5px}.brain-know-item{border-top:1px solid #ffffff0f;padding:7px 0 8px}.brain-know-text{color:#d0d6e0;overflow-wrap:anywhere;font-size:12.5px;line-height:1.55}.brain-know-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.brain-conf{min-width:20px;height:17px;font-family:var(--font-mono);color:#8b93a1;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:10.5px;line-height:1;display:inline-flex}.brain-conf.t{color:#10b981;background:#10b9811f;border-color:#10b9814d}.brain-conf.s{color:#8b93a1;background:#ffffff0d;border-color:#ffffff1a}.brain-conf.q{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b4d}.brain-conf.ukur{color:#60a5fa;background:#60a5fa1f;border-color:#60a5fa4d}.brain-know-src{font-family:var(--font-mono);color:#8b93a1;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dotted #8b93a180;max-width:260px;font-size:11px;text-decoration:none;overflow:hidden}.brain-know-src:hover{color:#10b981;border-bottom-color:#10b98199}.brain-know-src.plain{color:#8b93a1;border-bottom-color:#0000}.brain-know-date{font-family:var(--font-mono);color:#8b93a1;font-size:11px}.brain-know-more{font-family:var(--font-mono);color:#62666d;padding:10px 0 2px;font-size:11px}@media (width<=720px){.brain-panel{width:96vw;height:90vh}.brain-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.keuangan-overlay{z-index:290;-webkit-backdrop-filter:blur(12px);pointer-events:auto;overscroll-behavior:contain;background:#08090ad6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.keuangan-panel{background:#0e1018;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:min(94vw,1180px);height:min(88vh,800px);display:flex;overflow:hidden}.keuangan-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.keuangan-title{font-family:var(--font-mono);letter-spacing:.06em;color:#f7f8f8;margin:0;font-size:14px;font-weight:600}.keuangan-sub{font-family:var(--font-mono);color:#8b93a1;margin-top:4px;font-size:11px}.keuangan-close{color:#d0d6e0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;line-height:1;display:flex}.keuangan-close:hover{color:#f7f8f8;background:#ffffff14}.keuangan-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 20px 16px;display:flex;overflow-y:auto}.keuangan-loading,.keuangan-empty{font-family:var(--font-mono);color:#62666d;padding:10px 2px;font-size:11px}.keuangan-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.keuangan-kpi{background:#12141b;border:1px solid #ffffff14;border-left:2px solid #ffffff1f;border-radius:10px;padding:11px 13px}.keuangan-kpi.is-saldo,.keuangan-kpi.is-in{border-left-color:#10b981}.keuangan-kpi.is-out{border-left-color:#f43f5e}.keuangan-kpi.is-modal{border-left-color:#8b93a1}.keuangan-kpi-label{font-family:var(--font-mono);letter-spacing:.08em;color:#8b93a1;font-size:11px}.keuangan-kpi-value{font-family:var(--font-mono);color:#f7f8f8;font-variant-numeric:tabular-nums;margin-top:4px;font-size:20px;font-weight:600;line-height:1.2}.keuangan-kpi.is-saldo .keuangan-kpi-value{color:#10b981}.keuangan-strip{font-family:var(--font-mono);background:#12141b;border:1px solid #ffffff14;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:7px;padding:8px 12px;font-size:11.5px;display:flex}.keuangan-strip-key{color:#62666d}.keuangan-strip-val{color:#d0d6e0;font-variant-numeric:tabular-nums}.keuangan-strip-op{color:#4b515c}.keuangan-strip-total{color:#10b981;font-weight:600}.keuangan-note{font-family:var(--font-mono);color:#62666d;margin-top:-4px;font-size:11px}.keuangan-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.keuangan-section{background:#12141b;border:1px solid #ffffff14;border-radius:12px;min-width:0;padding:12px 14px 14px}.keuangan-section-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.keuangan-section-title{font-family:var(--font-mono);letter-spacing:.08em;color:#8b93a1;font-size:11px}.keuangan-section-count{font-family:var(--font-mono);color:#62666d;font-size:11px}.keuangan-table-wrap{border:1px solid #ffffff0f;border-radius:8px;overflow-x:auto}.keuangan-table{border-collapse:collapse;width:100%;min-width:max-content}.keuangan-table th{font-family:var(--font-mono);letter-spacing:.08em;color:#62666d;text-align:left;background:#161a22;border-bottom:1px solid #ffffff14;padding:7px 10px;font-size:10.5px;font-weight:500;position:sticky;top:0}.keuangan-table td{color:#d0d6e0;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:7px 10px;font-size:12px;line-height:1.4}.keuangan-table tbody tr:last-child td{border-bottom:none}.keuangan-table tbody tr:nth-child(2n){background:#ffffff04}.keuangan-cell-date{font-family:var(--font-mono);color:#8b93a1;font-size:11.5px}.keuangan-cell-cat{color:#8b93a1}.keuangan-cell-desc{white-space:normal;color:#d0d6e0;max-width:260px}.keuangan-table th.is-num,.keuangan-cell-amount{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#f7f8f8;font-size:11.5px}.keuangan-row[data-type=EXPENSE] .keuangan-cell-amount{color:#fb7185}.keuangan-chip{font-family:var(--font-mono);letter-spacing:.06em;color:#34d399;background:#10b9811f;border:1px solid #10b9814d;border-radius:4px;align-items:center;padding:1px 6px;font-size:10px;display:inline-flex}.keuangan-chip.is-expense{color:#fb7185;background:#f43f5e1f;border-color:#f43f5e52}.keuangan-chip.is-capital{color:#a5b4fc;background:#5e6ad224;border-color:#5e6ad25c}.keuangan-chip.is-other{color:#8b93a1;background:#ffffff0d;border-color:#ffffff24}.keuangan-cats{flex-direction:column;gap:11px;display:flex}.keuangan-catrow-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.keuangan-catrow-name{color:#d0d6e0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.keuangan-catrow-amt{font-family:var(--font-mono);color:#8b93a1;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11.5px}.keuangan-catbar{background:#ffffff0f;border-radius:3px;height:5px;margin-top:5px;overflow:hidden}.keuangan-catbar span{background:#10b981;border-radius:3px;height:100%;display:block}.keuangan-catrow-meta{font-family:var(--font-mono);color:#62666d;margin-top:4px;font-size:10.5px}.keuangan-footer{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding-top:6px;display:flex}.keuangan-src{font-family:var(--font-mono);color:#62666d;font-size:11px}.keuangan-warn{font-family:var(--font-mono);color:#f59e0b;font-size:11px}.keuangan-degraded{background:#f59e0b0f;border:1px solid #f59e0b47;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 20px;display:flex}.keuangan-degraded-title{font-family:var(--font-mono);letter-spacing:.04em;color:#f59e0b;font-size:13px}.keuangan-degraded-sub{color:#d0d6e0;max-width:62ch;font-size:12.5px;line-height:1.55}.keuangan-degraded-detail{font-family:var(--font-mono);color:#62666d;font-size:11px}.keuangan-retry{color:#34d399;height:34px;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;background:#10b9811f;border:1px solid #10b98159;border-radius:8px;margin-top:6px;padding:0 14px;font-size:11.5px}.keuangan-retry:hover{color:#6ee7b7;background:#10b98133}@media (width<=720px){.keuangan-panel{width:96vw;height:92vh}.keuangan-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.keuangan-grid{grid-template-columns:minmax(0,1fr)}}.statistik-overlay{z-index:290;-webkit-backdrop-filter:blur(12px);pointer-events:auto;overscroll-behavior:contain;background:#08090ad6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.statistik-panel{background:#0e1018;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:min(94vw,1180px);height:min(88vh,800px);display:flex;overflow:hidden}.statistik-header{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.statistik-title{font-family:var(--font-mono);letter-spacing:.06em;color:#f7f8f8;margin:0;font-size:14px;font-weight:600}.statistik-sub{font-family:var(--font-mono);color:#8b93a1;margin-top:4px;font-size:11px}.statistik-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.statistik-filter{background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;gap:4px;padding:3px;display:inline-flex}.statistik-chip{color:#8b93a1;height:28px;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:0 10px;font-size:11px}.statistik-chip:hover{color:#f7f8f8;background:#ffffff0f}.statistik-chip.is-active{color:#34d399;background:#10b98124;border-color:#10b98159}.statistik-refresh{color:#d0d6e0;height:34px;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:0 12px;font-size:11.5px}.statistik-refresh:hover{color:#f7f8f8;background:#ffffff14}.statistik-close{color:#d0d6e0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;line-height:1;display:flex}.statistik-close:hover{color:#f7f8f8;background:#ffffff14}.statistik-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 20px 16px;display:flex;overflow-y:auto}.statistik-loading,.statistik-empty{font-family:var(--font-mono);color:#62666d;padding:10px 2px;font-size:11px}.statistik-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.statistik-kpi{background:#12141b;border:1px solid #ffffff14;border-left:2px solid #ffffff1f;border-radius:10px;padding:11px 13px}.statistik-kpi.is-views{border-left-color:#10b981}.statistik-kpi.is-reach{border-left-color:#38bdf8}.statistik-kpi.is-likes{border-left-color:#f59e0b}.statistik-kpi.is-engagement{border-left-color:#a78bfa}.statistik-kpi-label{font-family:var(--font-mono);letter-spacing:.08em;color:#8b93a1;font-size:11px}.statistik-kpi-value{font-family:var(--font-mono);color:#f7f8f8;font-variant-numeric:tabular-nums;margin-top:4px;font-size:20px;font-weight:600;line-height:1.2}.statistik-platforms{flex-wrap:wrap;gap:8px;display:flex}.statistik-plat{font-family:var(--font-mono);color:#8b93a1;background:#12141b;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:7px 11px;font-size:11px;display:inline-flex}.statistik-plat.is-off{border-color:#f59e0b47}.statistik-plat-badge{letter-spacing:.08em;color:#d0d6e0;background:#ffffff0f;border-radius:6px;padding:2px 6px;font-size:10.5px;font-weight:600}.statistik-plat.is-off .statistik-plat-badge{color:#f59e0b;background:#f59e0b1f}.statistik-plat-meta{color:#8b93a1;text-overflow:ellipsis;white-space:nowrap;max-width:46ch;overflow:hidden}.statistik-note{font-family:var(--font-mono);color:#62666d;margin-top:-4px;font-size:11px}.statistik-section{background:#12141b;border:1px solid #ffffff14;border-radius:12px;min-width:0;padding:12px 14px 14px}.statistik-section-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.statistik-section-title{font-family:var(--font-mono);letter-spacing:.08em;color:#8b93a1;font-size:11px}.statistik-section-count{font-family:var(--font-mono);color:#62666d;font-size:11px}.statistik-table-wrap{border:1px solid #ffffff0f;border-radius:8px;overflow-x:auto}.statistik-table{border-collapse:collapse;width:100%;min-width:max-content}.statistik-table th{font-family:var(--font-mono);letter-spacing:.08em;color:#62666d;text-align:left;background:#161a22;border-bottom:1px solid #ffffff14;padding:7px 10px;font-size:10.5px;font-weight:500;position:sticky;top:0}.statistik-table td{color:#d0d6e0;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:7px 10px;font-size:12px;line-height:1.4}.statistik-table tbody tr:last-child td{border-bottom:none}.statistik-table tbody tr:nth-child(2n){background:#ffffff04}.statistik-table .is-num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#d0d6e0}.statistik-badge{font-family:var(--font-mono);letter-spacing:.06em;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.statistik-badge.is-ig{color:#f472b6;background:#f472b61f;border:1px solid #f472b647}.statistik-badge.is-fb,.statistik-plat.is-fb .statistik-plat-badge{color:#60a5fa;background:#60a5fa1f;border:1px solid #60a5fa47}.statistik-badge.is-yt{color:#f87171;background:#f871711f;border:1px solid #f8717147}.statistik-cell-title{white-space:nowrap;width:340px;min-width:220px;max-width:340px}.statistik-cell-title>a,.statistik-cell-title>span{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:340px;display:inline-block;overflow:hidden}.statistik-link,.statistik-link:hover{color:#d0d6e0;text-decoration:none}.statistik-link:hover{color:#34d399;text-decoration:underline}.statistik-cell-when{font-family:var(--font-mono);color:#8b93a1;font-size:11px}.statistik-age{color:#62666d}.statistik-footer{font-family:var(--font-mono);border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding-top:9px;font-size:10.5px;display:flex}.statistik-src{color:#62666d}.statistik-warn{color:#f59e0b;max-width:58ch}.statistik-degraded{background:#12141b;border:1px solid #f59e0b47;border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.statistik-degraded-title{font-family:var(--font-mono);letter-spacing:.04em;color:#f59e0b;font-size:13px;font-weight:600}.statistik-degraded-sub{color:#d0d6e0;max-width:62ch;font-size:12.5px;line-height:1.55}.statistik-degraded-detail{font-family:var(--font-mono);color:#62666d;font-size:11px}.statistik-retry{color:#34d399;height:34px;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;background:#10b9811f;border:1px solid #10b98159;border-radius:8px;align-self:flex-start;margin-top:6px;padding:0 14px;font-size:11.5px}.statistik-retry:hover{color:#6ee7b7;background:#10b98133}@media (width<=1100px){.statistik-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.statistik-panel{width:96vw;height:92vh}.statistik-header{padding:12px 14px 10px}.statistik-body{padding:12px 14px 14px}.statistik-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statistik-plat-meta{max-width:24ch}.statistik-kpi-value{font-size:17px}}.karyawan-overlay{z-index:290;-webkit-backdrop-filter:blur(12px);pointer-events:auto;overscroll-behavior:contain;background:#08090ad6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.karyawan-panel{background:#0e1018;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:min(94vw,1180px);height:min(88vh,800px);display:flex;overflow:hidden}.karyawan-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.karyawan-title{font-family:var(--font-mono);letter-spacing:.06em;color:#f7f8f8;margin:0;font-size:14px;font-weight:600}.karyawan-sub{font-family:var(--font-mono);color:#8b93a1;margin-top:4px;font-size:11px}.karyawan-close{color:#d0d6e0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;line-height:1;display:flex}.karyawan-close:hover{color:#f7f8f8;background:#ffffff14}.karyawan-body{flex:auto;grid-template-columns:minmax(0,1fr) 320px;gap:0;min-height:0;display:grid}.karyawan-main{flex-direction:column;gap:18px;min-width:0;padding:16px 20px 20px;display:flex;overflow:hidden auto}.karyawan-loading,.karyawan-empty{font-family:var(--font-mono);color:#8b93a1;padding:18px 0;font-size:12px}.karyawan-group{flex-direction:column;gap:10px;display:flex}.karyawan-group-head{align-items:center;gap:8px;display:flex}.karyawan-group-chip{font-family:var(--font-mono);letter-spacing:.08em;color:#6ee7b7;background:#10b9811a;border:1px solid #10b98138;border-radius:999px;padding:2px 9px;font-size:11px}.karyawan-group-count{font-family:var(--font-mono);color:#8b93a1;font-size:11px}.karyawan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.karyawan-card{text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.karyawan-card:hover{background:#ffffff0d;border-color:#10b98147}.karyawan-card.is-selected{background:#10b98114;border-color:#10b98173}.karyawan-card-top{align-items:center;gap:9px;min-width:0;display:flex}.karyawan-initial{width:34px;height:34px;font-family:var(--font-mono);letter-spacing:.04em;color:#d1fae5;background:#10b9811f;border:1px solid #10b9813d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.karyawan-card-text{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.karyawan-name{font-family:var(--font-sans);color:#f7f8f8;overflow-wrap:anywhere;font-size:13px;font-weight:600}.karyawan-role-chip{font-family:var(--font-mono);letter-spacing:.06em;color:#9aa3b2;overflow-wrap:anywhere;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;align-self:flex-start;max-width:100%;padding:1px 6px;font-size:11px}.karyawan-status-badge{font-family:var(--font-mono);letter-spacing:.08em;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;line-height:1.3}.karyawan-status-badge.is-live{color:#10b981;background:#10b9811a;border:1px solid #10b9813d}.karyawan-status-badge.is-idle{color:#8b93a1;background:#ffffff0a;border:1px solid #ffffff14}.karyawan-activity{font-family:var(--font-mono);color:#8b93a1;overflow-wrap:anywhere;font-size:11px;line-height:1.45}.karyawan-detail{background:#ffffff03;border-left:1px solid #ffffff0f;min-width:0;padding:16px;overflow:hidden auto}.karyawan-detail-empty{font-family:var(--font-mono);color:#6f7683;font-size:11px;line-height:1.5}.karyawan-detail-inner{flex-direction:column;gap:12px;min-width:0;display:flex}.karyawan-detail-top{align-items:center;gap:10px;min-width:0;display:flex}.karyawan-detail-initial{width:42px;height:42px;font-family:var(--font-mono);color:#d1fae5;background:#10b9811f;border:1px solid #10b9813d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:inline-flex}.karyawan-detail-id{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.karyawan-detail-name{font-family:var(--font-sans);color:#f7f8f8;overflow-wrap:anywhere;font-size:15px;font-weight:600}.karyawan-detail-rows{border-top:1px solid #ffffff0f;flex-direction:column;gap:6px;padding-top:10px;display:flex}.karyawan-detail-row{font-family:var(--font-mono);color:#8b93a1;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;display:flex}.karyawan-detail-row b{color:#e6e9ee;overflow-wrap:anywhere;text-align:right;font-weight:600}.karyawan-detail-report{border-top:1px solid #ffffff0f;flex-direction:column;gap:5px;padding-top:10px;display:flex}.karyawan-detail-label{font-family:var(--font-mono);letter-spacing:.08em;color:#6f7683;font-size:10px}.karyawan-detail-report-title{font-family:var(--font-mono);color:#d0d6e0;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.karyawan-report-btn{font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;color:#6ee7b7;background:#10b9811f;border:1px solid #10b98147;border-radius:8px;align-self:flex-start;padding:7px 12px;font-size:11px}.karyawan-report-btn:hover:not(:disabled){background:#10b98133}.karyawan-report-btn:disabled{cursor:default;color:#6f7683;background:#ffffff08;border-color:#ffffff14}.karyawan-detail-note{font-family:var(--font-mono);color:#6f7683;overflow-wrap:anywhere;font-size:10px;line-height:1.5}.karyawan-footer{font-family:var(--font-mono);color:#8b93a1;border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:11px;display:flex}.karyawan-src{overflow-wrap:anywhere;min-width:0}.karyawan-refresh{font-family:var(--font-mono);cursor:pointer;color:#d0d6e0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:11px}.karyawan-refresh:hover{color:#f7f8f8;background:#ffffff14}@media (width<=1100px){.karyawan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.karyawan-body{grid-template-columns:minmax(0,1fr) 280px}}@media (width<=720px){.karyawan-panel{width:96vw;height:92vh}.karyawan-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);overflow-y:auto}.karyawan-main{overflow-y:visible}.karyawan-grid{grid-template-columns:minmax(0,1fr)}.karyawan-detail{border-top:1px solid #ffffff0f;border-left:0}}.kanban-panel,.usage-panel,.calendar-panel,.brain-panel,.keuangan-panel,.statistik-panel,.karyawan-panel,.kanban-col-body,.usage-body,.calendar-body,.brain-body,.keuangan-body,.statistik-body,.karyawan-body,.karyawan-main,.karyawan-detail{overscroll-behavior:contain}body.menu-modal-open .pod-labels-layer,body.menu-modal-open .agent-labels-layer,body.menu-modal-open .minimap-panel,body.menu-modal-open .hud-bottom-left{transition:opacity .2s,visibility .2s;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.maya-copilot-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#04060ca6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out mayaFadeIn;display:flex;position:fixed;inset:0}@keyframes mayaFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.maya-copilot-panel{color:#1e293b;width:100%;max-width:580px;height:min(86vh,680px);font-family:var(--font-sans,system-ui, -apple-system, sans-serif);background:#fff;border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000059,0 0 0 1px #00000014}.maya-copilot-header{background:linear-gradient(135deg,#fff1f2 0%,#fff 100%);border-bottom:1px solid #fecdd3;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.maya-header-left{align-items:center;gap:12px;display:flex}.maya-header-avatar{color:#fff;background:linear-gradient(135deg,#f43f5e,#fb7185);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex;position:relative;box-shadow:0 4px 12px #f43f5e40}.maya-status-dot{background:#10b981;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0;box-shadow:0 0 6px #10b981}.maya-header-info{flex-direction:column;display:flex}.maya-header-title-row{align-items:center;gap:8px;display:flex}.maya-header-name{color:#0f172a;font-size:16px;font-weight:700}.maya-header-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#f43f5e;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.maya-header-sub{color:#64748b;margin-top:1px;font-size:12px}.maya-copilot-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .15s;display:flex}.maya-copilot-close:hover{color:#ef4444;background:#fee2e2}.maya-chat-body{background:#f8fafc;flex-direction:column;flex:1;gap:14px;padding:18px;display:flex;overflow-y:auto}.maya-store-banner{background:linear-gradient(135deg,#ffe4e6 0%,#fff1f2 100%);border:1px solid #fecdd3;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.maya-store-icon{flex-shrink:0;font-size:26px}.maya-store-text{color:#881337;font-size:12.5px;line-height:1.45}.maya-msg{gap:10px;max-width:88%;display:flex}.maya-msg.agent{align-self:flex-start}.maya-msg.user{flex-direction:row-reverse;align-self:flex-end}.maya-msg-avatar{color:#fff;background:#f43f5e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 6px #f43f5e33}.maya-msg-bubble{word-break:break-word;white-space:pre-wrap;border-radius:14px;padding:10px 14px;font-size:13.5px;line-height:1.5;box-shadow:0 2px 6px #0000000a}.maya-msg.agent .maya-msg-bubble{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-top-left-radius:4px}.maya-msg.user .maya-msg-bubble{color:#fff;background:#2563eb;border-top-right-radius:4px}.maya-msg-time{color:#94a3b8;margin-top:4px;font-size:10px;display:block}.maya-msg.user .maya-msg-time{text-align:right;color:#fffc}.maya-quick-chips{flex-wrap:wrap;gap:6px;padding:4px 0;display:flex}.maya-chip-btn{color:#e11d48;cursor:pointer;background:#fff;border:1px solid #f43f5e;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:all .15s;box-shadow:0 1px 3px #f43f5e14}.maya-chip-btn:hover{color:#fff;background:#f43f5e;transform:translateY(-1px)}.maya-typing{background:#fff;border:1px solid #e2e8f0;border-radius:4px 12px 12px;align-items:center;gap:4px;padding:8px 12px;display:inline-flex}.maya-typing-dot{background:#f43f5e;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite mayaBounce}.maya-typing-dot:nth-child(2){animation-delay:.2s}.maya-typing-dot:nth-child(3){animation-delay:.4s}@keyframes mayaBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.maya-copilot-footer{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 18px 14px;display:flex}.maya-input-row{align-items:center;gap:8px;display:flex}.maya-chat-input{color:#0f172a;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .15s}.maya-chat-input:focus{background:#fff;border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e26}.maya-send-btn{color:#fff;cursor:pointer;background:#f43f5e;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.maya-send-btn:hover{background:#e11d48}.maya-send-btn:disabled{cursor:not-allowed;background:#cbd5e1}.maya-footer-sub{color:#94a3b8;justify-content:space-between;align-items:center;font-size:11px;display:flex}.shop-catalog-section{flex-direction:column;gap:14px;display:flex}.shop-tabs-container{align-items:center;gap:8px;width:100%;display:flex;position:relative}.shop-tabs-nav-btn{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;transition:all .15s;display:flex}.shop-tabs-nav-btn:hover{color:#fff;background:#f43f5e;border-color:#f43f5e;box-shadow:0 2px 8px #f43f5e59}.shop-catalog-tabs{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#f43f5e66 transparent;flex:1;align-items:center;gap:8px;padding:4px 2px 8px;display:flex;overflow:auto hidden}.shop-catalog-tabs::-webkit-scrollbar{height:5px;display:block}.shop-catalog-tabs::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}.shop-catalog-tabs::-webkit-scrollbar-thumb{background:#f43f5e73;border-radius:999px}.shop-catalog-tabs::-webkit-scrollbar-thumb:hover{background:#f43f5e}.shop-cat-chip{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:500;transition:all .15s;display:flex}.shop-cat-chip:hover{color:var(--text-primary);background:#ffffff1a}.shop-cat-chip.active{color:#fff;background:#f43f5e;border-color:#f43f5e;font-weight:600;box-shadow:0 2px 8px #f43f5e4d}.shop-banner-carousel{border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000026}.shop-banner-slide{border:1px solid #fff3;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.shop-banner-top{justify-content:space-between;align-items:center;display:flex}.shop-banner-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:700}.shop-banner-title{color:#0f172a;font-size:14px;font-weight:700;line-height:1.3}.shop-banner-sub{color:#334155;font-size:11.5px;line-height:1.4}.shop-banner-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:6px;align-self:flex-start;align-items:center;gap:5px;margin-top:4px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.shop-banner-btn:hover{background:#1e293b;transform:translateY(-1px)}.shop-banner-indicators{gap:4px;display:flex;position:absolute;bottom:8px;right:12px}.shop-banner-dot{cursor:pointer;background:#0f172a33;border-radius:50%;width:6px;height:6px;transition:all .2s}.shop-banner-dot.active{background:#0f172a;border-radius:999px;width:14px}.shop-product-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.shop-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000008}.shop-product-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.shop-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.shop-card-icon-title{align-items:center;gap:8px;min-width:0;display:flex}.shop-card-icon{flex-shrink:0;font-size:22px}.shop-card-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.shop-card-badge{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:9.5px;font-weight:600}.shop-card-badge.popular{color:#ef4444;background:#fee2e2}.shop-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.shop-card-foot{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:2px;padding-top:6px;display:flex}.shop-card-pricing{flex-direction:column;display:flex}.shop-card-price{color:#047857;font-size:14px;font-weight:700}.shop-card-stock{color:#94a3b8;font-size:10px}.shop-card-ask-btn{color:#fff;cursor:pointer;background:#f43f5e;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 11px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.shop-card-ask-btn:hover{background:#e11d48}.shop-product-card.shop-card-tier{background:#fff;border:1px solid #fef08a;border-radius:14px;gap:0;padding:0;overflow:hidden;box-shadow:0 4px 14px #f59e0b14}.shop-product-card.shop-card-tier:hover{border-color:#f59e0b;transform:translateY(-3px);box-shadow:0 8px 22px #f59e0b29}.shop-tier-header{background:#fffdf2;border-bottom:1px solid #fef3c7;align-items:flex-start;gap:12px;padding:14px 16px 12px;display:flex}.shop-tier-emblem{filter:drop-shadow(0 2px 6px #f59e0b59);flex-shrink:0;margin-top:2px}.shop-tier-head-info{flex:1;min-width:0}.shop-tier-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.shop-tier-name{color:#78350f;letter-spacing:-.2px;font-family:Georgia,serif;font-size:19px;font-weight:700}.shop-tier-subtitle{color:#92400e;margin-top:3px;font-size:11.5px;font-weight:500;line-height:1.45}.shop-tier-body{background:#fff;flex-direction:column;gap:9px;padding:14px 16px 12px;display:flex}.shop-tier-specs{flex-direction:column;gap:8px;display:flex}.shop-spec-row{align-items:center;gap:10px;font-size:12.5px;display:flex}.shop-spec-icon{text-align:center;color:#ea580c;flex-shrink:0;width:22px;font-size:15px}.shop-spec-content{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.shop-spec-label{color:#0f172a;font-weight:700}.shop-spec-sub{color:#475569;font-size:12px;font-weight:500}.shop-spec-tag{color:#fff;letter-spacing:.3px;background:#94a3b8;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:9.5px;font-weight:700}.shop-tier-divider{background:#f1f5f9;height:1px;margin:2px 0}.shop-tier-bonuses{flex-direction:column;gap:7px;display:flex}.shop-bonus-row{align-items:flex-start;gap:10px;display:flex}.shop-bonus-icon{text-align:center;color:#ea580c;flex-shrink:0;width:22px;margin-top:1px;font-size:15px}.shop-bonus-content{flex-direction:column;display:flex}.shop-bonus-label{color:#0f172a;font-size:12px;font-weight:700}.shop-bonus-sub{color:#64748b;margin-top:1px;font-size:10.5px}.shop-tier-price-row{align-items:baseline;gap:3px;margin-top:4px;padding-top:4px;display:flex}.shop-tier-currency{color:#0f172a;font-size:13px;font-weight:700}.shop-tier-amount{color:#0f172a;letter-spacing:-.5px;font-size:23px;font-weight:800}.shop-tier-period{color:#475569;font-size:12px;font-weight:500}.shop-tier-buy-btn{color:#451a03;cursor:pointer;text-align:center;background:#f59e0b;border:none;border-radius:9px;justify-content:center;align-items:center;width:100%;margin-top:4px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 3px 10px #f59e0b47}.shop-tier-buy-btn:hover{color:#fff;background:#d97706;box-shadow:0 4px 14px #d9770659}.shop-tier-spec-link{color:#475569;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:5px;width:100%;padding:4px 0 2px;font-size:11.5px;font-weight:600;transition:color .15s;display:flex}.shop-tier-spec-link:hover{color:#0f172a;text-decoration:underline}.shop-tier-link-arrow{font-size:12px;transition:transform .15s}.shop-tier-spec-link:hover .shop-tier-link-arrow{transform:translate(3px)}