@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.offline-sync-banner{display:block;position:sticky;top:0;z-index:40;border-bottom:1px solid;text-decoration:none;color:inherit;cursor:pointer}.offline-sync-banner-content{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500}.offline-sync-banner-content.offline{background:#fef3c7;border-color:#f59e0b;color:#92400e}.offline-sync-banner-content.degraded{background:#fff7ed;border-color:#f97316;color:#7c2d12}.offline-sync-banner-content.ready{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.offline-sync-banner-content.syncing{background:#ede9fe;border-color:#8b5cf6;color:#5b21b6}.offline-sync-btn{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .15s,opacity .15s}.offline-sync-btn:hover{background:#0000000d}.offline-sync-btn:active{opacity:.7}.offline-hydration-guard{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:transparent;pointer-events:none}.hydration-spinner{display:flex;gap:8px;align-items:center}.hydration-spinner span{display:block;width:12px;height:12px;border-radius:50%;background:#6366f1;animation:hydration-bounce 1.1s ease-in-out infinite}.hydration-spinner span:nth-child(1){animation-delay:0s;background:#6366f1}.hydration-spinner span:nth-child(2){animation-delay:.18s;background:#8b5cf6}.hydration-spinner span:nth-child(3){animation-delay:.36s;background:#a78bfa}@keyframes hydration-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2);opacity:1}}.offline-indicator{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:10px;background:#fef3c7;color:#92400e;font-size:11px;font-weight:600;line-height:1}.offline-indicator-count{min-width:14px;text-align:center}.offline-voucher-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.badge-offline-pending{background:#fef3c7;color:#92400e}.badge-offline-syncing{background:#ede9fe;color:#5b21b6}.badge-offline-synced{background:#d1fae5;color:#065f46}.badge-offline-failed{background:#fee2e2;color:#991b1b}.badge-offline-held{background:#fef3c7;color:#92400e}.badge-offline-edit-held{background:#dbeafe;color:#1e3a8a}.badge-offline-delete-held{background:#ffe4e6;color:#9f1239}.badge-offline-delete-pending{background:#fce7f3;color:#831843}.badge-offline-edited{background:#dbeafe;color:#1e40af}.offline-voucher-badge-user{opacity:.7;font-weight:400;font-style:italic}.offline-request-time{display:inline-flex;align-items:center;min-height:19px;padding:2px 8px;border:1px solid #fed7aa;border-radius:6px;background:#fff7ed;color:#b45309;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap}.voucher-row-offline{position:relative;background:#ecfdf5!important;border-left:3px solid #10b981}.voucher-row-offline:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(16,185,129,.03) 10px,rgba(16,185,129,.03) 20px);pointer-events:none}.voucher-row-offline.edited{background:#eff6ff!important;border-left-color:#3b82f6}.voucher-row-offline.edited:before{background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(59,130,246,.03) 10px,rgba(59,130,246,.03) 20px)}.voucher-row-offline.crud-delete{background:#fff1f2!important;border-left-color:#f43f5e}.voucher-row-offline.crud-delete:before{background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(244,63,94,.04) 10px,rgba(244,63,94,.04) 20px)}.voucher-row-offline.crud-update{background:#fffbeb!important;border-left-color:#f59e0b}.voucher-row-offline.crud-update:before{background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(245,158,11,.04) 10px,rgba(245,158,11,.04) 20px)}.voucher-row-offline.syncing,.voucher-row-offline.synced{background:#ecfdf5!important;border-left-color:#10b981}.voucher-row-offline.synced:before{background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(16,185,129,.03) 10px,rgba(16,185,129,.03) 20px)}.voucher-row-offline.failed{background:#fef2f2!important;border-left-color:#ef4444}.voucher-row-offline.held{background:#fffbeb!important;border-left-color:#f59e0b}.sync-progress-overlay{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:8px;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:280px}.sync-progress-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151}.sync-progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.sync-progress-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .3s ease}.sync-progress-text{font-size:12px;color:#6b7280}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.6}}.offline-sync-banner-content.syncing{animation:pulse-subtle 2s ease-in-out infinite}.offline-pending-masters-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.offline-pending-master-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:#00000012;border-radius:10px;font-size:11px;font-weight:500;text-transform:capitalize}.header-pending-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:20px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;animation:pulse-subtle 2.5s ease-in-out infinite}.header-pending-btn:hover{background:#fde68a}.header-pending-btn:active{transform:scale(.96)}.header-pending-count{min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;background:#f59e0b;color:#fff;border-radius:50%;font-size:10px;font-weight:800;line-height:1}.header-pending-dropdown{position:fixed;right:12px;left:12px;top:52px;max-width:340px;margin-left:auto;background:var(--surface-1, #fff);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl, 0 20px 40px rgba(0, 0, 0, .12));z-index:20;overflow:hidden}.main-header.has-company .header-pending-dropdown{top:84px}.header-pending-title{padding:12px 14px 8px;font-size:13px;font-weight:700;color:var(--text-primary, #111);border-bottom:1px solid var(--border-subtle, #f3f4f6)}.header-pending-section{padding:6px 0}.header-pending-section-label{padding:4px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #9ca3af)}.header-pending-item{display:flex;align-items:center;gap:8px;padding:6px 14px}.header-pending-item-icon{flex-shrink:0;color:#f59e0b}.header-pending-item-name{font-size:12px;font-weight:600;color:var(--text-primary, #111);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-pending-item-meta{font-size:10px;color:var(--text-muted, #9ca3af);text-transform:capitalize}.header-pending-footer{padding:8px 14px;font-size:11px;font-weight:500;color:var(--text-muted, #9ca3af);border-top:1px solid var(--border-subtle, #f3f4f6);text-align:center}.oq-page{padding:16px;max-width:600px;margin:0 auto}.oq-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.oq-title{font-size:18px;font-weight:800;color:var(--text-primary, #111);margin:0;line-height:1.2}.oq-subtitle{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--text-muted, #9ca3af);margin:2px 0 0}.oq-conn-on{color:#10b981}.oq-conn-off{color:#ef4444}.oq-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}.oq-stat-card{background:var(--surface-1, #fff);border:1px solid var(--border-subtle, #f3f4f6);border-radius:10px;padding:10px 8px;text-align:center}.oq-stat-value{font-size:20px;font-weight:800;line-height:1}.oq-stat-label{font-size:10px;font-weight:600;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.3px;margin-top:4px}.oq-actions{display:flex;align-items:center;gap:10px;margin-bottom:8px}.oq-progress-track{height:4px;border-radius:99px;background:#6366f126;overflow:hidden;margin-bottom:14px}.oq-progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background-size:200% 100%;animation:oq-progress-shimmer 1.4s linear infinite;transition:width .35s ease;min-width:6px}@keyframes oq-progress-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.oq-sync-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:8px;background:var(--gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6));color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}.oq-sync-btn:disabled{opacity:.45;cursor:not-allowed}.oq-sync-btn:not(:disabled):hover{opacity:.9}.oq-sync-btn:not(:disabled):active{transform:scale(.97)}.oq-clear-held-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #f97316;border-radius:8px;background:transparent;color:#f97316;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,transform .1s}.oq-clear-held-btn:disabled{opacity:.45;cursor:not-allowed}.oq-clear-held-btn:not(:disabled):hover{background:#fff7ed}.oq-clear-held-btn:not(:disabled):active{transform:scale(.97)}.oq-force-clear-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #dc2626;border-radius:8px;background:transparent;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,transform .1s}.oq-force-clear-btn:disabled{opacity:.45;cursor:not-allowed}.oq-force-clear-btn:not(:disabled):hover{background:#dc2626;color:#fff}.oq-force-clear-btn:not(:disabled):active{transform:scale(.97)}.oq-hint{font-size:11px;color:var(--text-muted, #9ca3af);font-weight:500}.oq-tabs{display:flex;gap:4px;margin-bottom:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}.oq-tab{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border-default, #e5e7eb);border-radius:20px;background:var(--surface-1, #fff);color:var(--text-secondary, #6b7280);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.oq-tab:hover{border-color:var(--color-primary-300, #a5b4fc)}.oq-tab-active{background:var(--color-primary-50, #eef2ff);border-color:var(--color-primary-400, #818cf8);color:var(--color-primary-700, #4338ca)}.oq-tab-count{min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--border-default, #e5e7eb);color:var(--text-secondary, #6b7280);font-size:10px;font-weight:700;border-radius:50%;line-height:1}.oq-tab-active .oq-tab-count{background:var(--color-primary-200, #c7d2fe);color:var(--color-primary-700, #4338ca)}.oq-empty{text-align:center;padding:48px 16px;color:var(--text-muted, #9ca3af)}.oq-empty p{margin-top:12px;font-size:14px;font-weight:500}.oq-list{display:flex;flex-direction:column;gap:8px}.oq-item{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--surface-1, #fff);border:1px solid var(--border-subtle, #f3f4f6);border-radius:10px;transition:border-color .15s}.oq-item-pending{border-left:3px solid #f59e0b}.oq-item-syncing{border-left:3px solid #8b5cf6;background:#faf5ff}.oq-item-held{border-left:3px solid #f97316;background:#fff7ed}.oq-item-synced{border-left:3px solid #10b981;opacity:.7}.oq-item-failed{border-left:3px solid #ef4444;background:#fef2f2}.oq-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--surface-2, #f9fafb);color:var(--text-secondary, #6b7280);flex-shrink:0}.oq-item-content{flex:1;min-width:0}.oq-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.oq-item-name{font-size:13px;font-weight:700;color:var(--text-primary, #111);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oq-item-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:capitalize;white-space:nowrap;flex-shrink:0}.oq-badge-pending{background:#fef3c7;color:#92400e}.oq-badge-syncing{background:#ede9fe;color:#5b21b6}.oq-badge-held{background:#ffedd5;color:#9a3412}.oq-badge-prehold{background:#ede9fe;color:#5b21b6}.oq-item-timestamps{font-size:10px;color:#9ca3af;display:flex;align-items:center;gap:4px;margin-top:2px;flex-wrap:wrap}.oq-badge-synced{background:#d1fae5;color:#065f46}.oq-badge-failed{background:#fee2e2;color:#991b1b}.oq-item-meta{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:11px;color:var(--text-muted, #9ca3af);font-weight:500}.oq-item-action{text-transform:capitalize}.oq-item-dot{opacity:.4}.oq-item-user{font-style:italic;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oq-item-error{margin-top:4px;padding:4px 8px;border-radius:4px;background:#fef2f2;color:#991b1b;font-size:11px;font-weight:500}.oq-item-held-message{margin-top:4px;padding:4px 8px;border-radius:4px;background:#fff7ed;color:#9a3412;font-size:11px;font-weight:500}.oq-kind-chip{display:inline-flex;align-items:center;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.03em}.oq-kind-transaction{background:#dbeafe;color:#1d4ed8}.oq-kind-non-transaction{background:#fef3c7;color:#92400e}.oq-kind-master{background:#dcfce7;color:#166534}.oq-item-kind-transaction .oq-item-icon{background:#eff6ff;color:#1d4ed8}.oq-item-kind-non-transaction .oq-item-icon{background:#fffbeb;color:#92400e}.oq-item-kind-master .oq-item-icon{background:#ecfdf5;color:#166534}.oq-item-remove{padding:6px;border:none;border-radius:6px;background:transparent;color:var(--text-muted, #9ca3af);cursor:pointer;flex-shrink:0;transition:color .15s,background .15s}.oq-item-remove:hover{color:#ef4444;background:#fef2f2}.oq-item-force{padding:6px;border:none;border-radius:6px;background:transparent;color:#dc2626;cursor:pointer;flex-shrink:0;transition:color .15s,background .15s}.oq-item-force:hover:not(:disabled){color:#fff;background:#dc2626}.oq-item-force:disabled{opacity:.45;cursor:not-allowed}.oq-item-sync{padding:6px;border:none;border-radius:6px;background:transparent;color:var(--text-muted, #9ca3af);cursor:pointer;flex-shrink:0;transition:color .15s,background .15s}.oq-item-sync:hover:not(:disabled){color:#10b981;background:#ecfdf5}.oq-item-sync:disabled{opacity:.4;cursor:not-allowed}.oq-icon-pending{color:#f59e0b}.oq-icon-syncing{color:#8b5cf6}.oq-icon-held{color:#f97316}.oq-icon-synced{color:#10b981}.oq-icon-failed{color:#ef4444}@media (max-width: 700px){.offline-sync-banner-content{flex-wrap:wrap;padding:8px 12px}.offline-sync-banner-content>:not(.offline-sync-btn){min-width:0}.offline-sync-btn{margin-left:auto}.oq-page{padding:12px 2px 20px}.oq-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.oq-actions{flex-wrap:wrap;align-items:stretch}.oq-actions>button{flex:1 1 150px;justify-content:center}}@media (max-width: 420px){.oq-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.oq-item{gap:8px;padding:10px}.oq-item-icon{width:30px;height:30px}.header-pending-dropdown{max-height:min(70dvh,520px);overflow-y:auto}}.sa-login-page,.sa-auth-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 12% 12%,rgba(59,130,246,.12),transparent 34%),linear-gradient(145deg,#f8fafc,#eef4ff);padding:24px}.sa-login-panel,.sa-auth-card{width:min(430px,100%);background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 24px 70px #0f172a1f;padding:36px}.sa-login-brand,.sa-brand{display:flex;align-items:center;gap:12px}.sa-login-brand{margin-bottom:28px}.sa-login-brand img,.sa-brand img{width:38px;height:38px;object-fit:contain}.sa-login-brand span,.sa-brand span{display:block;color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sa-login-brand strong,.sa-brand strong{display:block;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;line-height:1.2}.sa-field{display:block;margin-bottom:18px}.sa-field span{display:block;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;margin-bottom:6px}.sa-field input{width:100%;height:44px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:var(--text-primary);padding:0 14px;font-size:14px;outline:none;transition:all .15s ease}.sa-field input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61f}.sa-password-field{position:relative}.sa-password-field input{padding-right:44px}.sa-password-field button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:8px;color:var(--text-muted)}.sa-otp-input{text-align:center;font-size:var(--font-size-2xl);font-weight:800;letter-spacing:.12em}.sa-login-submit{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;font-weight:700;font-size:15px;box-shadow:0 4px 14px #3b82f666;transition:all .15s ease}.sa-login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680}.sa-login-submit:disabled{opacity:.65;cursor:not-allowed}.sa-login-alert{padding:12px 14px;border-radius:10px;font-size:var(--font-size-sm);font-weight:600;margin-bottom:16px}.sa-login-alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.sa-login-alert-info{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.sa-shell{--sa-sidebar-w: 256px;--sa-radius: 14px;--sa-radius-sm: 10px;--sa-blue: #2563eb;--sa-blue-dark: #1e40af;height:100vh;height:100dvh;display:grid;grid-template-columns:var(--sa-sidebar-w) minmax(0,1fr);background:#f6f8fb;color:var(--text-primary);overflow:hidden}.sa-shell.sa-collapsed{--sa-sidebar-w: 72px}.sa-sidebar{display:flex;flex-direction:column;min-height:0;background:#fff;border-right:1px solid #e2e8f0;overflow:hidden;z-index:50}.sa-brand{display:flex;align-items:center;gap:10px;padding:16px;min-height:64px;border-bottom:1px solid #eef2f7}.sa-brand img{width:32px;height:32px;object-fit:contain;flex:0 0 auto;filter:none}.sa-brand-text{min-width:0;flex:1}.sa-brand-text span{display:block;color:#94a3b8;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.sa-brand-text strong{display:block;color:#0f172a;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap}.sa-collapse-btn,.sa-drawer-close{width:28px;height:28px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;transition:all .15s ease}.sa-collapse-btn:hover,.sa-drawer-close:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.sa-collapsed .sa-collapse-btn svg{transform:rotate(180deg)}.sa-drawer-close{display:none}.sa-nav{flex:1;min-height:0;overflow-y:auto;padding:12px 10px 20px;display:flex;flex-direction:column;gap:1px}.sa-nav-group{display:flex;flex-direction:column;gap:1px}.sa-nav-group+.sa-nav-group{margin-top:16px}.sa-nav-group-title{padding:6px 12px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8}.sa-nav-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 12px;border-radius:10px;color:#475569;font-size:13px;font-weight:500;text-align:left;white-space:nowrap;transition:all .12s ease}.sa-nav-item svg{flex:0 0 auto}.sa-nav-item span{min-width:0;overflow:hidden;text-overflow:ellipsis}.sa-nav-item:hover{background:#f8fafc;color:#0f172a}.sa-nav-active{background:#eff6ff;color:#1d4ed8;font-weight:600}.sa-nav-active:hover{background:#eff6ff;color:#1d4ed8}.sa-nav-active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:#3b82f6}.sa-collapsed .sa-brand-text,.sa-collapsed .sa-brand img,.sa-collapsed .sa-nav-group-title,.sa-collapsed .sa-nav-item span{display:none}.sa-collapsed .sa-brand{justify-content:center;padding:16px 8px}.sa-collapsed .sa-nav{padding:12px 8px;align-items:center}.sa-collapsed .sa-nav-item{justify-content:center;width:44px;padding:0;gap:0}.sa-collapsed .sa-nav-group+.sa-nav-group{margin-top:8px;padding-top:8px;border-top:1px solid #eef2f7}.sa-main{min-width:0;display:flex;flex-direction:column;overflow:hidden}.sa-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sa-hamburger{display:none;width:38px;height:38px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:10px;border:1px solid #dbe3ee;background:#f8fafc;color:#475569;transition:all .15s ease}.sa-hamburger:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.sa-topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:#fffffff5;border-bottom:1px solid #e2e8f0;color:#0f172a;box-shadow:0 1px 3px #0f172a0a}.sa-topbar-title{display:flex;align-items:center;gap:12px;min-width:0}.sa-topbar-heading{min-width:0}.sa-topbar h1{font-size:18px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f172a}.sa-topbar-heading span{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:11px;font-weight:600}.sa-conn-dot{width:7px;height:7px;border-radius:999px;flex:0 0 auto}.sa-conn-on{background:#34d399;box-shadow:0 0 0 3px #34d39940}.sa-conn-off{background:#cbd5e1}.sa-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sa-toolbar-actions{display:flex;align-items:center;gap:4px}.sa-search{height:36px;width:min(320px,32vw);display:flex;align-items:center;gap:8px;border:1px solid #dbe3ee;border-radius:var(--sa-radius-sm);padding:0 10px;background:#f8fafc;transition:all .15s ease}.sa-search:focus-within{border-color:#60a5fa;background:#fff;box-shadow:0 0 0 3px #3b82f61f}.sa-search svg{color:#94a3b8;flex:0 0 auto}.sa-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:13px;color:#0f172a}.sa-search input::placeholder{color:#94a3b8}.sa-search button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:#64748b;transition:all .12s ease}.sa-search button:hover{background:#eff6ff;color:#2563eb}.sa-filter-select{height:36px;padding:0 12px;border:1px solid #dbe3ee;border-radius:var(--sa-radius-sm);background:#f8fafc;color:#334155;font-size:13px;font-weight:600;outline:none;cursor:pointer;transition:all .15s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.sa-collection-select{position:relative;display:flex;align-items:center}.sa-collection-select>span{position:absolute;left:12px;top:5px;z-index:1;color:#94a3b8;font-size:8px;font-weight:800;line-height:1;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.sa-collection-select .sa-filter-select{min-width:210px;height:44px;padding:15px 34px 2px 12px}.sa-filter-select option{background:#fff;color:#0f172a}.sa-filter-select:focus{border-color:#60a5fa;background:#fff;box-shadow:0 0 0 3px #3b82f61f}.sa-icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;transition:all .12s ease}.sa-icon-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.sa-icon-btn.sa-danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.sa-icon-btn.sa-act-primary{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.sa-icon-btn.sa-act-primary:hover{background:#dbeafe;color:#1d4ed8}.sa-filter-toggle{height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #dbe3ee;border-radius:var(--sa-radius-sm);background:#fff;color:#475569;font-size:12px;font-weight:700;white-space:nowrap;transition:all .15s ease}.sa-filter-toggle:hover,.sa-filter-toggle-open{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.sa-filter-toggle-active{border-color:#bfdbfe;color:#1d4ed8}.sa-filter-toggle strong{min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#2563eb;color:#fff;font-size:10px}.sa-filter-workspace{flex:0 0 auto;border-bottom:1px solid #dfe6ef;background:#fff;padding:14px 20px;box-shadow:0 6px 18px #0f172a0a}.sa-filter-builder{width:min(100%,1120px);margin-inline:auto;padding:16px;border:1px solid #dbe3ee;border-radius:14px;background:#fbfcfe}.sa-filter-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.sa-filter-builder-head h2{color:#0f172a;font-size:14px;font-weight:800;line-height:1.3}.sa-filter-builder-head p{margin-top:3px;color:#64748b;font-size:11px;line-height:1.45}.sa-filter-mode{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #dbe3ee;border-radius:9px;background:#fff;white-space:nowrap}.sa-filter-mode>span{padding:0 6px;color:#64748b;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sa-filter-mode button{height:28px;padding:0 10px;border-radius:6px;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase}.sa-filter-mode button.active{background:#dbeafe;color:#1d4ed8}.sa-filter-rules{display:flex;flex-direction:column;gap:8px}.sa-filter-rule{display:grid;grid-template-columns:54px minmax(140px,.9fr) minmax(120px,.75fr) minmax(180px,1.5fr) 36px;align-items:center;gap:8px}.sa-filter-join-label{color:#64748b;font-size:11px;font-weight:800;text-align:right;text-transform:uppercase}.sa-filter-rule select,.sa-filter-rule input{width:100%;height:38px;padding:0 10px;border:1px solid #dbe3ee;border-radius:9px;background:#fff;color:#1e293b;font-size:12px;outline:none}.sa-filter-rule select:focus,.sa-filter-rule input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.sa-filter-rule input::placeholder{color:#a1aab8}.sa-filter-combobox{position:relative;min-width:0}.sa-filter-combobox input{padding-right:42px}.sa-filter-combobox-toggle{position:absolute;top:1px;right:1px;width:32px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#64748b}.sa-filter-combobox-menu{position:absolute;z-index:80;top:calc(100% + 5px);right:0;left:0;max-height:240px;overflow-y:auto;padding:6px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;box-shadow:0 14px 34px #0f172a29}.sa-filter-combobox-hint,.sa-filter-combobox-empty{display:block;padding:7px 9px;color:#64748b;font-size:10px;line-height:1.35}.sa-filter-combobox-hint{border-bottom:1px solid #eef2f7;font-weight:700}.sa-filter-combobox-menu>button{width:100%;min-height:34px;display:block;overflow:hidden;padding:7px 9px;border-radius:7px;color:#334155;font-size:11px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.sa-filter-combobox-menu>button:hover{background:#eff6ff;color:#1d4ed8}.sa-filter-remove{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#94a3b8}.sa-filter-remove:hover{border-color:#fecaca;background:#fef2f2;color:#dc2626}.sa-filter-empty{min-height:72px;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border:1px dashed #bfdbfe;border-radius:10px;background:#f8fbff;color:#2563eb;font-size:12px;font-weight:700}.sa-filter-empty span{color:#64748b;font-size:11px;font-weight:500}.sa-filter-builder-foot{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #e8edf4}.sa-filter-builder-foot .sa-btn-ghost,.sa-filter-builder-foot .sa-btn-primary{height:36px;padding-inline:13px;font-size:12px}.sa-add-condition{color:#1d4ed8}.sa-add-condition:disabled{opacity:.45;cursor:not-allowed}.sa-filter-limit{color:#94a3b8;font-size:10px;font-weight:600}.sa-filter-submit-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sa-active-filters{width:min(100%,1600px);margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.sa-filter-builder+.sa-active-filters{margin-top:12px}.sa-active-filters-label{margin-right:3px;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sa-active-filters button{min-height:28px;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:600;line-height:1.3}.sa-active-filters button:hover{border-color:#93c5fd;background:#dbeafe}.sa-active-filters .sa-clear-filter-chip{border-color:transparent;background:transparent;color:#64748b;text-decoration:underline}.sa-content{flex:1;overflow:auto;padding:24px;overscroll-behavior:contain}.sa-content>*{width:min(100%,1600px);margin-inline:auto}.sa-loading{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:600}.sa-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:18px}.sa-metric{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:var(--sa-radius);background:#fff;border:0;border-left:4px solid var(--sa-accent, #e5e7eb);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008;transition:all .2s ease}.sa-metric:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.sa-metric-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:var(--sa-icon-bg, #f1f5f9);color:var(--sa-accent, #64748b)}.sa-metric-info{flex:1;min-width:0}.sa-metric-info span{display:block;color:#6b7280;font-size:12px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-metric-info strong{display:block;font-size:26px;font-weight:800;line-height:1;color:#111827}.sa-analysis-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-4px 0 18px;padding:13px 16px;border:1px solid #dbe7f5;border-radius:14px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 4px 18px #0f172a09}.sa-analysis-title{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:#334155;font-size:12px;font-weight:800}.sa-analysis-title svg{color:#2563eb}.sa-analysis-items{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;min-width:0}.sa-analysis-pill{min-height:28px;display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid #dbe3ee;border-radius:999px;background:#fff;color:#475569;font-size:10px;font-weight:700;white-space:nowrap}.sa-analysis-pill b{color:#64748b;font-weight:750}.sa-analysis-pill strong{color:#172033;font-size:11px;font-weight:850}.sa-analysis-good{border-color:#bbf7d0;background:#f0fdf4}.sa-analysis-good strong{color:#047857}.sa-analysis-warn{border-color:#fde68a;background:#fffbeb}.sa-analysis-warn strong{color:#b45309}.sa-analysis-bad{border-color:#fecaca;background:#fff7f7}.sa-analysis-bad strong{color:#b91c1c}.sa-analysis-info{border-color:#bfdbfe;background:#eff6ff}.sa-analysis-info strong{color:#1d4ed8}.sa-analysis-muted{border-color:#e2e8f0;background:#f8fafc}.sa-analysis-muted strong{color:#64748b}.sa-tone-blue{--sa-accent: #2563eb;--sa-icon-bg: #eff6ff}.sa-tone-green{--sa-accent: #059669;--sa-icon-bg: #ecfdf5}.sa-tone-amber{--sa-accent: #d97706;--sa-icon-bg: #fffbeb}.sa-tone-red{--sa-accent: #dc2626;--sa-icon-bg: #fef2f2}.sa-tone-purple{--sa-accent: #7c3aed;--sa-icon-bg: #f5f3ff}.sa-tone-blue svg{color:#2563eb}.sa-tone-green svg{color:#059669}.sa-tone-amber svg{color:#d97706}.sa-tone-red svg{color:#dc2626}.sa-tone-purple svg{color:#7c3aed}.sa-health-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.sa-health-item{display:flex;align-items:center;gap:10px;background:#fff;border-radius:var(--sa-radius);padding:14px 16px;box-shadow:0 1px 3px #0000000d;transition:all .15s ease}.sa-health-item:hover{box-shadow:0 3px 10px #00000014}.sa-health-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sa-hi-blue{background:#eff6ff;color:#2563eb}.sa-hi-green{background:#ecfdf5;color:#059669}.sa-hi-amber{background:#fffbeb;color:#d97706}.sa-hi-red{background:#fef2f2;color:#dc2626}.sa-hi-purple{background:#f5f3ff;color:#7c3aed}.sa-health-item>span{color:#374151;font-size:13px;font-weight:600;flex:1;min-width:0}.sa-kv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:16px}.sa-kv-grid>div{display:grid;align-items:start;gap:4px;background:#fff;border-radius:var(--sa-radius-sm);padding:14px;box-shadow:0 1px 3px #0000000a}.sa-kv-grid span{color:#9ca3af;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sa-kv-grid strong{overflow-wrap:anywhere;font-size:var(--font-size-sm);color:var(--text-primary)}.sa-grid-two,.sa-grid-three{display:grid;gap:16px;margin-bottom:16px}.sa-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-band{min-width:0;background:#fff;border-radius:var(--sa-radius);padding:18px;border:1px solid #e7ecf3;box-shadow:0 1px 2px #0f172a08,0 8px 24px #0f172a09}.sa-band-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.sa-band h2{font-size:15px;font-weight:700;color:#111827;line-height:1.3}.sa-section-caption{margin-top:3px;color:#64748b;font-size:11px;line-height:1.4}.sa-build-worker-page{display:grid;gap:16px}.sa-worker-token-callout{border-color:#bfdbfe;background:#f8fbff}.sa-worker-token-value{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.sa-worker-token-value code{min-width:0;padding:12px 14px;border-radius:8px;border:1px solid #dbeafe;background:#fff;color:#0f172a;font-size:13px;font-weight:700;overflow-wrap:anywhere}.sa-worker-token-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sa-worker-token-meta span{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:#eff6ff;color:#475569;font-size:11px}.sa-record-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:22px -18px 12px;padding:18px 18px 0;border-top:1px solid #e7ecf3}.sa-record-results-head>div{min-width:0}.sa-record-results-head span{display:block;color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.sa-record-results-head h2{margin-top:2px;overflow-wrap:anywhere;font-size:16px}.sa-record-results-head p{margin-top:3px;color:#64748b;font-size:11px}.sa-mongo-detail-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e7ecf3}.sa-mongo-detail-nav>div{min-width:0}.sa-mongo-detail-nav>div>span{display:block;color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.sa-mongo-detail-nav h2{margin-top:2px;overflow-wrap:anywhere;font-size:18px}.sa-mongo-detail-nav p{margin-top:3px;color:#64748b;font-size:11px}.sa-mongo-back{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#334155;font-size:12px;font-weight:700;white-space:nowrap;transition:all .15s ease}.sa-mongo-back:hover{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.sa-redis-results-head{margin-top:18px;padding-top:16px}.sa-inspector-modal{width:min(920px,94vw);max-height:min(860px,92dvh)}.sa-inspector-subtitle{max-width:720px;margin-top:3px;overflow:hidden;color:#64748b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sa-inspector-body{min-height:220px;flex:1;overflow:auto;padding:16px;background:#f8fafc}.sa-inspector-body pre{min-width:0;margin:0;padding:16px;overflow:auto;border:1px solid #dbe3ee;border-radius:12px;background:#fff;color:#24324a;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.sa-action-danger{color:#dc2626!important}.sa-resource-page{display:grid;gap:16px}.sa-resource-summary{display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));gap:10px;overflow-x:auto;padding-bottom:2px}.sa-resource-stat{min-width:110px;padding:14px;border:1px solid #e4eaf2;border-radius:12px;background:#fff;box-shadow:0 3px 12px #0f172a09}.sa-resource-stat span{display:block;color:#64748b;font-size:10px;font-weight:700}.sa-resource-stat strong{display:block;margin-top:5px;color:#0f172a;font-size:18px}.sa-resource-grid{display:grid;grid-template-columns:minmax(0,1080px);align-items:start;justify-content:center;min-height:680px;padding:18px min(7vw,120px) 104px;isolation:isolate;overflow:visible;perspective:1800px}.sa-resource-select-page{margin:-2px 0 0}.sa-resource-card{min-width:0;overflow:hidden;border:1px solid #e1e8f0;border-radius:16px;background:#fff;box-shadow:0 8px 24px #0f172a0b}.sa-resource-card.sa-deck-card.is-front:hover{border-color:#c8d6e7;box-shadow:0 12px 30px #0f172a14}.sa-resource-card-online{border-color:#a7f3d0;box-shadow:0 8px 26px #05966917}.sa-resource-card-attention{border-color:#fcd34d;box-shadow:0 8px 26px #d977061a}.sa-resource-card-disabled{border-color:#fecaca;box-shadow:0 8px 26px #dc262614}.sa-resource-card-offline{border-color:#cbd5e1}.sa-resource-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid #eef2f7;background:linear-gradient(135deg,#fbfdff,#f7faff)}.sa-resource-card-online>header{background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.sa-resource-card-attention>header{background:linear-gradient(135deg,#fffbeb,#fff7ed)}.sa-resource-card-disabled>header{background:linear-gradient(135deg,#fef2f2,#fff7f7)}.sa-resource-card-offline>header{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.sa-resource-card>header>div{min-width:0}.sa-resource-eyebrow{color:#64748b;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sa-resource-card h3{margin-top:3px;overflow-wrap:anywhere;color:#0f172a;font-size:15px}.sa-resource-card header p{margin-top:3px;overflow-wrap:anywhere;color:#64748b;font-size:11px}.sa-resource-signals{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px;border-bottom:1px solid #eef2f7;background:#fff}.sa-resource-signal{display:inline-flex;align-items:center;gap:4px;min-height:25px;padding:3px 8px;border:1px solid transparent;border-radius:999px;font-size:9px;font-weight:600;white-space:nowrap}.sa-resource-signal i{width:7px;height:7px;flex:0 0 auto;border-radius:999px;background:currentColor;box-shadow:0 0 0 2px #fffc}.sa-resource-signal b{font-weight:800}.sa-resource-signal-good{border-color:#bbf7d0;background:#f0fdf4;color:#047857}.sa-resource-signal-info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.sa-resource-signal-warn{border-color:#fde68a;background:#fffbeb;color:#b45309}.sa-resource-signal-bad{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.sa-resource-signal-muted{border-color:#e2e8f0;background:#f8fafc;color:#64748b}.sa-resource-meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:#eef2f7}.sa-resource-meters>div{min-width:0;padding:13px 14px;background:#fff}.sa-resource-meters span,.sa-resource-meters small{display:block;color:#64748b;font-size:9px}.sa-resource-meters strong{display:block;margin:3px 0;overflow-wrap:anywhere;color:#172033;font-size:14px}.sa-resource-people{padding:15px 18px;border-top:1px solid #eef2f7}.sa-resource-people-head{display:flex;justify-content:space-between;gap:10px;color:#334155;font-size:11px}.sa-resource-people-head span{color:#64748b}.sa-resource-people-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sa-resource-person{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:9px}.sa-resource-person b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-resource-person em{color:#64748b;font-style:normal}.sa-resource-more{color:#2563eb;font-size:10px;font-weight:700}.sa-resource-actions{display:flex;flex-wrap:wrap;gap:7px;padding:12px 18px 16px;border-top:1px solid #eef2f7;background:#fbfcfe}.sa-resource-actions button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid #dbe3ee;border-radius:9px;background:#fff;color:#475569;font-size:10px;font-weight:700}.sa-resource-actions button:hover:not(:disabled){border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.sa-resource-actions button:disabled{cursor:not-allowed;opacity:.45}.sa-results-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #edf1f6}.sa-results-summary h2{font-size:15px}.sa-results-summary span{display:block;margin-top:2px;color:#64748b;font-size:11px;font-weight:600}.sa-results-summary .sa-results-filtered{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;white-space:nowrap}.sa-user-discovery-bar,.sa-user-select-page{display:flex;align-items:center;justify-content:space-between;gap:12px}.sa-user-discovery-bar{margin:-2px 0 14px}.sa-user-quick-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.sa-user-quick-filters button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 11px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#64748b;font-size:11px;font-weight:700;transition:border-color .16s ease,background .16s ease,color .16s ease}.sa-user-quick-filters button:hover,.sa-user-quick-filters button.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.sa-user-presence-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#94a3b8}.sa-user-presence-dot.online,.sa-user-presence.online .sa-user-presence-dot{background:#10b981;box-shadow:0 0 0 3px #d1fae5}.sa-user-search-hint{color:#94a3b8;font-size:11px;font-weight:600;text-align:right}.sa-user-select-page{min-height:34px;margin-bottom:10px;color:#64748b;font-size:11px;font-weight:650}.sa-user-select-page label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.sa-user-card-grid{display:grid;grid-template-columns:minmax(0,1080px);align-items:start;justify-content:center;min-height:620px;padding:18px min(7vw,120px) 104px;isolation:isolate;overflow:visible;perspective:1800px}.sa-deck-card{grid-area:1 / 1;width:100%;transform:translate3d(var(--sa-deck-x, 0),var(--sa-deck-y, 0),0) rotate(var(--sa-deck-rotate, 0)) scale(var(--sa-deck-scale, 1));transform-origin:center top;transition:transform .22s ease,opacity .22s ease,filter .22s ease,box-shadow .18s ease,border-color .18s ease;will-change:transform,opacity}.sa-deck-card.is-front{filter:none}.sa-deck-card.is-behind{cursor:pointer;filter:saturate(.9)}.sa-deck-card.is-front:hover{transform:translate3d(var(--sa-deck-x, 0),calc(var(--sa-deck-y, 0px) - 2px),0) rotate(var(--sa-deck-rotate, 0)) scale(var(--sa-deck-scale, 1))}.sa-user-deck-status{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.sa-user-card{min-width:0;overflow:hidden;border:1px solid #dfe6ef;border-radius:15px;background:#fff;box-shadow:0 3px 12px #0f172a0b;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.sa-user-card:not(.sa-deck-card):hover{border-color:#c8d6e7;box-shadow:0 8px 24px #0f172a13;transform:translateY(-1px)}.sa-user-card.sa-deck-card.is-front:hover{border-color:#c8d6e7;box-shadow:0 8px 24px #0f172a13}.sa-user-card.is-online{border-color:#bfe8d6}.sa-user-card.is-selected{border-color:#60a5fa;box-shadow:0 0 0 2px #dbeafe,0 8px 24px #2563eb14}.sa-user-card-head{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px 16px 13px;background:linear-gradient(180deg,#fbfdff,#fff)}.sa-user-card-check{width:16px;height:16px;accent-color:#2563eb}.sa-user-avatar{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#eaf2ff;color:#245db5;font-size:15px;font-weight:800}.sa-user-card.is-online .sa-user-avatar{background:#e8faf2;color:#047857}.sa-user-identity{min-width:0}.sa-user-identity h3,.sa-user-identity a,.sa-user-identity>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-user-identity h3{margin:0 0 2px;color:#182235;font-size:14px;font-weight:760}.sa-user-identity a{color:#4f647d;font-size:11.5px;font-weight:550;text-decoration:none}.sa-user-identity>span{margin-top:3px;color:#9aa8b9;font-size:9.5px}.sa-user-state-stack{display:flex;align-items:flex-end;flex-direction:column;gap:6px}.sa-user-presence{display:inline-flex;align-items:center;gap:6px;color:#7b8798;font-size:10px;font-weight:700;white-space:nowrap}.sa-user-presence.online{color:#047857}.sa-user-account-strip{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:9px 16px;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;background:#f8fafc;color:#64748b;font-size:10.5px;font-weight:600}.sa-user-account-strip span{display:inline-flex;align-items:center;gap:4px}.sa-user-account-strip strong{color:#253247;font-size:12px}.sa-user-room-section{padding:13px 16px 15px}.sa-user-room-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.sa-user-room-title>span{color:#64748b;font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.sa-user-room-title em{color:#7c8ba0;font-size:10px;font-style:normal;font-weight:650}.sa-user-room{padding:10px 11px;border:1px solid #e5ebf2;border-radius:11px;background:#fcfdff}.sa-user-room+.sa-user-room{margin-top:8px}.sa-user-room-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sa-user-room-head>div:first-child{min-width:0}.sa-user-room-head strong,.sa-user-room-head .sa-mono{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-user-room-head strong{color:#253247;font-size:12px}.sa-user-room-head .sa-mono{margin-top:3px;color:#91a0b3;font-size:9.5px}.sa-user-room-head>div:last-child{display:flex;align-items:flex-end;flex-direction:column;gap:4px}.sa-user-role,.sa-user-room-health{display:inline-flex;align-items:center;border-radius:999px;font-size:9px;font-weight:800;line-height:1;white-space:nowrap}.sa-user-role{padding:4px 7px;background:#eef2ff;color:#4f46e5;text-transform:uppercase}.sa-user-role.role-owner,.sa-user-role.role-admin{background:#f1ecff;color:#6d3fd1}.sa-user-room-health{gap:4px;color:#b45309}.sa-user-room-health:before{width:5px;height:5px;content:"";border-radius:50%;background:currentColor}.sa-user-room-health.active{color:#059669}.sa-user-company-list{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:9px}.sa-user-company-list>span{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:4px 7px;border-radius:6px;background:#edf7ff;color:#17629b;font-size:9.5px;font-weight:700}.sa-user-company-list>span.unassigned{background:#f3f5f8;color:#8a97a8}.sa-user-access-meta{display:flex;align-items:center;gap:5px 10px;flex-wrap:wrap;margin-top:8px;color:#7a899d;font-size:9.5px;font-weight:600}.sa-user-access-meta span+span:before{margin-right:10px;color:#cbd5e1;content:"•"}.sa-user-no-room,.sa-user-empty{display:flex;align-items:center;justify-content:center;gap:8px;color:#8290a3;font-size:11px;font-weight:650}.sa-user-no-room{min-height:70px;border:1px dashed #dbe3ed;border-radius:11px;background:#fafbfd}.sa-user-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:49px;padding:8px 12px 8px 16px;border-top:1px solid #edf2f7;background:#fbfcfe}.sa-user-card-foot>span{color:#91a0b3;font-size:9.5px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.sa-user-card-actions{display:flex;align-items:center;gap:2px}.sa-user-card-actions button{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#7d8da2;transition:color .14s ease,background .14s ease}.sa-user-card-actions button:hover{background:#eaf2ff;color:#2563eb}.sa-user-card-actions button:last-child:hover{background:#fff1f2;color:#dc2626}.sa-user-empty{grid-column:1 / -1;min-height:220px;flex-direction:column;border:1px dashed #dbe3ed;border-radius:14px;background:#fbfcfe}.sa-user-empty strong{color:#334155;font-size:13px}.sa-user-empty span{color:#94a3b8;font-size:11px}.sa-room-select-page{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;margin-bottom:10px;color:#64748b;font-size:11px;font-weight:650}.sa-room-select-page label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.sa-room-deck-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:2px 0 18px}.sa-room-deck-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0;flex:1}.sa-room-deck-search{width:min(100%,620px);height:52px;padding:0 16px;border-radius:12px;font-size:15px}.sa-room-manage-deck{display:grid;grid-template-columns:minmax(0,1080px);align-items:start;justify-content:center;min-height:640px;padding:18px min(7vw,120px) 104px;isolation:isolate;overflow:visible;perspective:1800px}.sa-room-manage-card{grid-area:1 / 1;width:100%;min-width:0;overflow:hidden;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 3px 12px #0f172a0b;cursor:pointer;transform:translate3d(var(--sa-room-card-x, 0),var(--sa-room-card-y, 0),0) rotate(var(--sa-room-card-rotate, 0)) scale(var(--sa-room-card-scale, 1));transform-origin:center top;transition:transform .56s cubic-bezier(.22,1,.36,1),opacity .42s ease,filter .42s ease,border-color .18s ease,box-shadow .42s ease;will-change:transform}.sa-room-manage-card.is-front{cursor:default;box-shadow:0 22px 58px #0f172a21,0 2px 8px #0f172a0d}.sa-room-manage-card.is-behind{box-shadow:0 14px 34px #0f172a14,0 1px 4px #0f172a0a;filter:saturate(.74) brightness(1.01)}.sa-room-manage-card.is-front:hover{border-color:#c8d6e7;box-shadow:0 24px 62px #0f172a24,0 2px 8px #0f172a0d}.sa-room-manage-card.has-desktop{border-color:#bfe8d6}.sa-room-manage-card.is-selected{border-color:#60a5fa;box-shadow:0 0 0 2px #dbeafe,0 8px 24px #2563eb14}.sa-room-manage-head{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px 16px 12px;background:linear-gradient(180deg,#fbfdff,#fff)}.sa-room-card-check{width:16px;height:16px;cursor:pointer;accent-color:#2563eb}.sa-room-card-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#eef6ff;color:#2563eb}.sa-room-card-title{display:grid;min-width:0;gap:2px}.sa-room-card-title h3{min-width:0;overflow:hidden;margin:0;color:#0f172a;font-size:15px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sa-room-card-title code{min-width:0;overflow:hidden;color:#64748b;font-family:SF Mono,Cascadia Mono,monospace;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.sa-room-card-state,.sa-room-card-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.sa-room-status-strip{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:0 16px 12px}.sa-room-status-chip{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:4px 9px;border:1px solid transparent;border-radius:8px;font-size:10px;font-weight:800;white-space:nowrap}.sa-room-status-chip.good{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.sa-room-status-chip.warn{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.sa-room-status-chip.bad{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.sa-room-status-chip.muted{border-color:#e2e8f0;background:#f8fafc;color:#64748b}.sa-room-card-owner{display:flex;align-items:center;gap:10px;margin:0 16px 12px;padding:10px 0;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}.sa-room-card-owner>div{display:grid;min-width:0;gap:1px}.sa-room-card-owner small{color:#94a3b8;font-size:9px;font-weight:750;letter-spacing:.045em;text-transform:uppercase}.sa-room-card-owner strong,.sa-room-card-owner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-room-card-owner strong{color:#1e293b;font-size:12px;font-weight:750}.sa-room-card-owner span{color:#64748b;font-size:11px}.sa-room-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 14px}.sa-room-info-panel{min-width:0;padding:10px 0 0;border-top:1px solid #eef2f7}.sa-room-info-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}.sa-room-info-title{display:inline-flex;align-items:center;min-width:0;gap:6px;margin:0;color:#475569;font-size:10px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.sa-room-info-title svg{flex-shrink:0}.sa-room-info-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.sa-room-info-actions button{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe7f5;border-radius:7px;background:#f8fbff;color:#64748b;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.sa-room-info-actions button:hover:not(:disabled){border-color:#bfdbfe;background:#eff6ff;color:#2563eb;transform:translateY(-1px)}.sa-room-info-actions button:disabled{cursor:not-allowed;opacity:.42}.sa-room-info-panel dl{display:grid;gap:6px;margin:0}.sa-room-info-panel dl>div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:8px;align-items:baseline}.sa-room-info-panel dt{color:#94a3b8;font-size:10px;font-weight:750}.sa-room-info-panel dd{min-width:0;overflow:hidden;margin:0;color:#334155;font-size:11px;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.sa-room-card-alert{display:flex;align-items:center;gap:7px;margin:0 16px 12px;padding:9px 10px;border:1px solid #fecaca;border-radius:9px;background:#fff7f7;color:#b91c1c;font-size:11px;font-weight:700}.sa-room-card-alert span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-room-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:49px;padding:8px 12px 8px 16px;border-top:1px solid #edf2f7;background:#fbfcfe}.sa-room-card-foot>span{min-width:0;overflow:hidden;color:#91a0b3;font-size:9.5px;font-weight:750;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.sa-room-card-actions button{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#7d8da2;transition:color .14s ease,background .14s ease}.sa-room-card-actions button:hover{background:#eaf2ff;color:#2563eb}.sa-room-card-actions button:last-child:hover{background:#fff1f2;color:#dc2626}.sa-room-manage-empty{min-height:220px;display:flex;grid-column:1 / -1;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed #dbe3ed;border-radius:14px;background:#fbfcfe;color:#8290a3;font-size:11px;font-weight:650}.sa-room-manage-empty strong{color:#334155;font-size:13px}.sa-room-manage-empty span{color:#94a3b8;font-size:11px}@media (max-width: 1180px){.sa-user-card-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 720px){.sa-user-discovery-bar,.sa-user-room-title{align-items:flex-start;flex-direction:column}.sa-user-search-hint{text-align:left}.sa-user-card-head,.sa-room-manage-head{grid-template-columns:auto auto minmax(0,1fr);padding:13px}.sa-room-select-page{align-items:flex-start;flex-direction:column}.sa-room-deck-head,.sa-room-deck-tools{align-items:stretch;flex-direction:column}.sa-room-deck-search{width:100%;min-height:48px}.sa-user-deck-status{width:100%;justify-content:space-between}.sa-user-card-grid,.sa-resource-grid{min-height:660px;padding:14px 18px 88px}.sa-deck-card{transform:translate3d(var(--sa-deck-mobile-x, 0),var(--sa-deck-y, 0),0) rotate(var(--sa-deck-rotate, 0)) scale(var(--sa-deck-scale, 1))}.sa-deck-card.is-front:hover{transform:translate3d(var(--sa-deck-mobile-x, 0),calc(var(--sa-deck-y, 0px) - 2px),0) rotate(var(--sa-deck-rotate, 0)) scale(var(--sa-deck-scale, 1))}.sa-room-deck-nav{width:100%;justify-content:flex-end}.sa-room-manage-deck{grid-template-columns:minmax(0,1fr);min-height:720px;padding:8px 24px 78px;overflow:hidden}.sa-room-manage-card{transform:translate3d(var(--sa-room-card-mobile-x, 0),var(--sa-room-card-y, 0),0) rotate(var(--sa-room-card-rotate, 0)) scale(var(--sa-room-card-scale, 1))}.sa-room-card-state{grid-column:2 / -1;justify-content:flex-start}.sa-room-info-grid{grid-template-columns:minmax(0,1fr);padding-right:13px;padding-left:13px}.sa-room-status-strip,.sa-room-card-owner{margin-right:13px;margin-left:13px;padding-right:0;padding-left:0}.sa-user-state-stack{grid-column:2 / -1;align-items:center;flex-direction:row}.sa-user-account-strip,.sa-user-room-section{padding-right:13px;padding-left:13px}}.sa-muted{color:#9ca3af;font-weight:600;font-size:13px}.sa-alert-row,.sa-feed-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #f1f5f9;color:var(--text-secondary);font-size:13px;font-weight:600}.sa-feed-row:first-child{border-top:0}.sa-feed-row time{color:#9ca3af;font-size:11px;font-weight:600;white-space:nowrap}.sa-table-wrap{width:100%;overflow-x:auto}.sa-table{width:100%;min-width:720px;border-collapse:collapse}.sa-table th{text-align:left;color:#6b7280;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:12px 10px;border-bottom:2px solid #e5e7eb;background:#f8fafc}.sa-table th:first-child{border-radius:8px 0 0}.sa-table th:last-child{border-radius:0 8px 0 0}.sa-table td{max-width:360px;color:#374151;font-size:13px;font-weight:500;padding:12px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle;overflow-wrap:anywhere}.sa-cell-value{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.sa-room-health-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-2px 0 14px}.sa-room-health-summary span{min-height:32px;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #dbe3ee;border-radius:9px;background:#fbfdff;color:#475569;font-size:11px;font-weight:700}.sa-room-health-summary strong{color:#0f172a;font-size:13px}.sa-room-health-cell{display:grid;gap:3px;min-width:118px}.sa-room-health-cell small,.sa-room-health-cell em,.sa-room-health-cell code{display:block;color:#64748b;font-size:10px;font-style:normal;line-height:1.3}.sa-room-health-cell code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.sa-live-signal{display:inline-flex;align-items:center;gap:5px;width:fit-content;min-height:22px;padding:3px 7px;border-radius:7px;font-size:10px;font-weight:800}.sa-live-signal.good{background:#ecfdf5;color:#047857}.sa-live-signal.warn{background:#fffbeb;color:#b45309}.sa-live-signal.bad{background:#fef2f2;color:#b91c1c}.sa-live-signal.muted{background:#f1f5f9;color:#64748b}.sa-table tbody tr{transition:background .1s ease}.sa-table tbody tr:hover{background:#f8fafc}.sa-empty{text-align:center;color:#9ca3af;padding:28px 10px!important}.sa-actions{white-space:nowrap}.sa-actions button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;margin-right:2px;border-radius:8px;color:#94a3b8;transition:all .12s ease}.sa-actions button:hover{background:#eff6ff;color:#2563eb}.sa-badge{display:inline-flex;align-items:center;min-height:24px;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.01em}.sa-badge-green{background:#ecfdf5;color:#059669}.sa-badge-blue{background:#eff6ff;color:#2563eb}.sa-badge-amber{background:#fffbeb;color:#d97706}.sa-badge-red{background:#fef2f2;color:#dc2626}.sa-badge-slate{background:#f1f5f9;color:#64748b}.sa-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:14px;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:700}.sa-pagination button{height:36px;min-width:72px;border:1.5px solid #e2e8f0;border-radius:var(--sa-radius-sm);background:#fff;font-weight:600;font-size:13px;color:#374151;transition:all .12s ease}.sa-pagination button:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.sa-pagination button:disabled{opacity:.4;cursor:not-allowed}.sa-chart-band{min-height:320px}.sa-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sa-modal{width:min(520px,100%);max-height:88vh;display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 24px 80px #0003,0 4px 16px #0000001a}.sa-modal-sm{width:min(420px,100%)}.sa-voucher-overlay{padding:18px}.sa-voucher-modal{width:min(1120px,100%);max-height:94dvh;border:1px solid #dfe6ef}.sa-voucher-modal-title,.sa-voucher-modal-head-actions{display:flex;align-items:center;gap:10px;min-width:0}.sa-voucher-modal-title>div{min-width:0}.sa-voucher-modal-title h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-voucher-modal-title p{margin-top:2px;color:#64748b;font-size:10px;font-weight:600}.sa-voucher-modal-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:10px;background:#eff6ff;color:#2563eb}.sa-voucher-context{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;flex:0 0 auto;border-bottom:1px solid #e7ecf3;background:#e7ecf3}.sa-voucher-context>div{min-width:0;padding:12px 16px;background:#f8fafc}.sa-voucher-context span,.sa-voucher-context strong,.sa-voucher-context small{display:block}.sa-voucher-context span{color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.sa-voucher-context strong{margin-top:3px;overflow-wrap:anywhere;color:#1e293b;font-size:12px;line-height:1.35}.sa-voucher-context small{margin-top:2px;overflow-wrap:anywhere;color:#64748b;font-size:10px}.sa-voucher-warning{flex:0 0 auto;margin:10px 16px 0;padding:9px 11px;border:1px solid #fde68a;border-radius:8px;background:#fffbeb;color:#92400e;font-size:11px;font-weight:600}.sa-voucher-preview-scroll{position:relative;flex:1;min-height:0;overflow:auto;padding:20px;background:#eef2f7}.sa-voucher-document{width:680px;min-width:680px;margin:0 auto;box-shadow:0 12px 34px #0f172a24}.sa-voucher-loading{position:sticky;top:0;z-index:2;width:max-content;margin:0 auto 10px;display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:700}.sa-voucher-readonly{margin-right:auto;display:inline-flex;align-items:center;gap:5px;color:#64748b;font-size:11px;font-weight:600}.sa-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 22px;border-bottom:1px solid #f1f5f9}.sa-modal-head h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#111827}.sa-modal-head .sa-icon-btn{background:#f1f5f9;color:#64748b;border:0}.sa-modal-head .sa-icon-btn:hover{background:#e2e8f0;color:#374151}.sa-modal-body{overflow-y:auto;padding:22px}.sa-modal-body .sa-field:last-child{margin-bottom:0}.sa-field textarea,.sa-field select{width:100%;min-height:44px;border:1.5px solid #e2e8f0;border-radius:var(--sa-radius-sm);background:#f8fafc;color:var(--text-primary);padding:10px 14px;outline:none;font:inherit;font-size:14px;resize:vertical;transition:all .15s ease}.sa-field textarea:focus,.sa-field select:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.sa-switch{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 4px;border:1.5px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:var(--text-secondary);font-weight:600;font-size:13px;transition:all .15s ease}.sa-switch span{width:24px;height:24px;border-radius:999px;background:#cbd5e1;transition:background .2s ease}.sa-switch-on{border-color:#059669;color:#059669;background:#ecfdf5}.sa-switch-on span{background:#059669}.sa-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:18px 22px;border-top:1px solid #f1f5f9}.sa-btn-primary,.sa-btn-ghost,.sa-btn-danger{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 20px;border-radius:var(--sa-radius-sm);font-weight:600;font-size:14px;border:0;transition:all .15s ease;cursor:pointer}.sa-btn-primary{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 2px 8px #3b82f64d}.sa-btn-primary:hover:not(:disabled){box-shadow:0 4px 14px #3b82f666;transform:translateY(-.5px)}.sa-btn-danger{background:linear-gradient(135deg,#b91c1c,#ef4444);color:#fff;box-shadow:0 2px 8px #ef44444d}.sa-btn-danger:hover:not(:disabled){box-shadow:0 4px 14px #ef444466;transform:translateY(-.5px)}.sa-btn-ghost{background:#f1f5f9;border:1.5px solid #e2e8f0;color:#374151}.sa-btn-ghost:hover{background:#e2e8f0;border-color:#cbd5e1}.sa-btn-primary:disabled,.sa-btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.sa-confirm-msg{color:#374151;font-weight:500;font-size:14px;line-height:1.5;margin-bottom:14px}.sa-confirm-hint{color:#6b7280;font-size:13px;font-weight:500;margin-bottom:10px}.sa-confirm-hint code,.sa-modal code{background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:6px;font-weight:700;font-size:12px}.sa-confirm-input{width:100%;height:44px;border:1.5px solid #e2e8f0;border-radius:var(--sa-radius-sm);padding:0 14px;outline:none;background:#f8fafc;font-family:SF Mono,Cascadia Mono,Fira Code,monospace;font-size:14px;transition:all .15s ease}.sa-confirm-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.sa-live-room-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:4px 0 16px}.sa-admin-section-head{margin-top:2px;padding-top:2px}.sa-live-room-heading{min-width:190px}.sa-live-room-heading h2{display:flex;align-items:center;margin:0;color:#0f172a;font-size:24px;line-height:1.2}.sa-live-room-heading>span{display:block;margin-top:5px;font-size:11px}.sa-live-room-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0;flex:1}.sa-live-room-search{width:min(100%,480px);height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #dbe3ee;border-radius:11px;background:#fff;color:#8492a6;transition:border-color .15s ease,box-shadow .15s ease}.sa-admin-section-search{width:min(100%,620px);height:52px;padding-inline:16px;font-size:15px}.sa-live-room-search:focus-within{border-color:#93b4e8;box-shadow:0 0 0 3px #2563eb17}.sa-live-room-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#1e293b;font:inherit;font-size:13px}.sa-live-room-search input::placeholder{color:#94a3b8}.sa-live-room-search button{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;border:0;border-radius:7px;background:#f1f5f9;color:#64748b}.sa-live-match-count{color:#2563eb;font-size:11px;font-weight:700;white-space:nowrap}.sa-live-room-nav{display:flex;align-items:center;gap:6px}.sa-live-room-nav>span{min-width:48px;color:#64748b;font-size:11px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.sa-live-room-nav button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#475569;transition:border-color .15s ease,background .15s ease,color .15s ease}.sa-live-room-nav button:hover{border-color:#b8c9df;background:#f5f8fc;color:#1d4ed8}.sa-live-grid{display:grid;grid-template-columns:minmax(0,1060px);align-items:start;justify-content:center;width:100%;min-height:560px;padding:18px min(7vw,128px) 104px;isolation:isolate;overflow:visible;perspective:1800px}.sa-live-grid .sa-room-card{grid-area:1 / 1;width:100%;transform:translate3d(var(--sa-card-x, 0),var(--sa-card-y, 0),0) rotate(var(--sa-card-rotate, 0)) scale(var(--sa-card-scale, 1));transform-origin:center top;cursor:pointer;filter:saturate(.9);transition:transform .56s cubic-bezier(.22,1,.36,1),opacity .42s ease,filter .42s ease,border-color .3s ease,box-shadow .42s ease;will-change:transform}.sa-live-grid .sa-room-card-behind{box-shadow:0 14px 34px #0f172a14,0 1px 4px #0f172a0a;filter:saturate(.74) brightness(1.01)}.sa-live-grid .sa-room-card-front{cursor:default;filter:none;box-shadow:0 22px 58px #0f172a21,0 2px 8px #0f172a0d}.sa-room-card.sa-room-search-match{border-color:#93b4e8;box-shadow:0 0 0 2px #2563eb12,0 12px 30px #0f172a12}.sa-room-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sa-search-match-badge{display:inline-flex;align-items:center;min-height:21px;padding:2px 7px;border-radius:6px;background:#eaf2ff;color:#1d4ed8;font-family:inherit;font-size:9px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.sa-room-title{overflow-wrap:anywhere;font-family:inherit;font-size:17px;font-weight:750}.sa-live-stats{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px;color:var(--text-secondary);font-size:12px;font-weight:700}.sa-live-stats span{display:inline-flex;align-items:center;gap:5px}.sa-live-dot{display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:999px;background:#10b981;box-shadow:0 0 #10b98199;animation:sa-pulse 1.8s infinite}@keyframes sa-pulse{0%{box-shadow:0 0 #10b98173}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.sa-smooth-value{display:inline-block;font-variant-numeric:tabular-nums;animation:sa-value-settle .24s cubic-bezier(.22,1,.36,1)}@keyframes sa-value-settle{0%{opacity:.45;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.sa-yn,.sa-badge,.sa-health-item,.sa-resource-card,.sa-table tbody tr,.sa-kv-grid>div{transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease}@media (prefers-reduced-motion: reduce){.sa-smooth-value{animation:none}}@media (max-width: 720px){.sa-live-room-head,.sa-live-room-tools{align-items:stretch;flex-direction:column}.sa-live-room-head{gap:12px}.sa-live-room-tools{gap:8px}.sa-live-room-search{width:100%}.sa-live-match-count{order:2}.sa-live-room-nav{align-self:flex-end}.sa-live-grid{grid-template-columns:minmax(0,1fr);padding:4px 20px 58px;overflow:hidden}.sa-live-grid .sa-room-card{transform:translate3d(var(--sa-card-mobile-x, 0),var(--sa-card-y, 0),0) rotate(var(--sa-card-rotate, 0)) scale(var(--sa-card-scale, 1))}}.sa-feed-label{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.sa-feed-copy{display:flex;align-items:baseline;gap:8px;min-width:0}.sa-feed-main{color:#475569;white-space:nowrap}.sa-feed-actor{color:#172033;font-weight:750}.sa-room-user{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;align-items:baseline}.sa-room-user strong,.sa-room-user span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-room-user span{grid-column:1 / -1;color:#64748b;font-size:11px}.sa-room-user em{color:#94a3b8;font-size:10px;font-style:normal;text-transform:uppercase}.sa-feed-detail{color:#9ca3af;font-style:normal;font-weight:500;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-feed-dot{width:7px;height:7px;border-radius:999px;flex:0 0 auto;background:#d1d5db}.sa-feed-good{background:#10b981}.sa-feed-muted{background:#94a3b8}.sa-feed-warn{background:#f59e0b}.sa-feed-bad{background:#ef4444}.sa-bulk-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;padding:10px 14px;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:var(--sa-radius-sm)}.sa-bulk-count{font-weight:700;font-size:13px;color:#1e40af;margin-right:4px}.sa-bulk-bar .sa-btn-ghost,.sa-bulk-bar .sa-btn-danger{height:32px;padding:0 12px;font-size:12px}.sa-check-col{width:36px;text-align:center}.sa-check-col input{width:16px;height:16px;cursor:pointer;accent-color:#2563eb}.sa-skel{position:relative;overflow:hidden;background:#e2e8f0;border-radius:var(--sa-radius)}.sa-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:sa-shimmer 1.4s infinite}@keyframes sa-shimmer{to{transform:translate(100%)}}.sa-skel-card{height:82px}.sa-skel-strip{height:52px;margin-bottom:16px}.sa-skel-head{height:32px;margin-bottom:14px}.sa-skel-line{height:38px;margin-bottom:8px}.sa-skel-line:last-child{margin-bottom:0}.sa-room-card .sa-room-id{min-width:0}.sa-room-card .sa-room-id code{font-size:11px;color:#9ca3af}.sa-room-owner{display:flex;align-items:center;gap:10px;margin:-2px 0 14px;padding:10px 12px;border:1px solid #e5eaf1;border-radius:10px;background:#f8fafc}.sa-room-owner-avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;border-radius:9px;background:#e7effb;color:#245a9a;font-size:13px;font-weight:800}.sa-room-owner>div{display:grid;min-width:0;gap:1px}.sa-room-owner small{color:#94a3b8;font-size:9px;font-weight:750;letter-spacing:.045em;text-transform:uppercase}.sa-room-owner strong{overflow:hidden;color:#1e293b;font-size:12px;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.sa-room-owner>div>span{overflow:hidden;color:#64748b;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.sa-yn-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.sa-yn{font-size:11px;font-weight:700;padding:3px 10px;border-radius:6px;border:1px solid transparent;white-space:nowrap}.sa-yn-yes{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.sa-yn-no{background:#f8fafc;color:#94a3b8;border-color:#e2e8f0}.sa-room-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 0;border-top:1px solid #f1f5f9}.sa-col-head{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.sa-sm{font-size:12px;color:#64748b;margin:2px 0;line-height:1.4}.sa-sm strong{color:#111827;font-weight:700}.sa-mono{font-family:SF Mono,Cascadia Mono,monospace;overflow-wrap:anywhere}.sa-ok{color:#059669;font-weight:700}.sa-bad{color:#dc2626;font-weight:700}.sa-room-timeline{border-top:1px solid #f1f5f9;padding-top:8px}.sa-room-timeline .sa-feed-row:first-of-type{border-top:0}@media (max-width: 720px){.sa-room-cols{grid-template-columns:1fr}.sa-feed-copy{align-items:flex-start;flex-direction:column;gap:2px}.sa-feed-main{white-space:normal}}@media (max-width: 1024px){.sa-shell{grid-template-columns:1fr}.sa-shell.sa-collapsed{--sa-sidebar-w: 264px}.sa-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;height:100dvh;box-shadow:12px 0 40px #0f172a24;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.sa-mobile-open .sa-sidebar{transform:translate(0)}.sa-mobile-open .sa-overlay,.sa-collapsed .sa-brand-text,.sa-collapsed .sa-nav-group-title,.sa-collapsed .sa-nav-item span,.sa-collapsed .sa-brand img{display:block}.sa-collapsed .sa-brand{justify-content:flex-start;padding:16px}.sa-collapsed .sa-nav{padding:12px 10px 20px;align-items:stretch}.sa-collapsed .sa-nav-item{width:100%;justify-content:flex-start;padding:0 12px;gap:10px}.sa-collapse-btn{display:none}.sa-drawer-close,.sa-hamburger{display:inline-flex}.sa-grid-three,.sa-grid-two{grid-template-columns:1fr}.sa-health-strip{grid-template-columns:repeat(2,1fr)}.sa-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-resource-grid{grid-template-columns:1fr}.sa-topbar{flex-wrap:wrap;padding-block:10px}.sa-toolbar{flex:1 1 620px}.sa-search{flex:1 1 260px;width:auto}}@media (max-width: 640px){.sa-topbar{padding:12px 14px 14px;min-height:52px;gap:12px;flex-wrap:wrap;align-items:stretch;background:#fff}.sa-topbar-title{width:100%}.sa-topbar h1{font-size:16px}.sa-topbar-heading span{font-size:10px}.sa-hamburger{width:34px;height:34px}.sa-toolbar{width:100%;display:flex;flex-direction:column;gap:8px;align-items:stretch}.sa-search{width:100%;height:42px;border-radius:10px;background:#f8fafc;border-color:#dbe3ee}.sa-filter-select{width:100%;height:42px;border-radius:10px;font-size:14px}.sa-collection-select,.sa-filter-toggle,.sa-collection-select .sa-filter-select{width:100%}.sa-filter-toggle{height:42px;justify-content:center}.sa-toolbar-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding-top:2px}.sa-filter-workspace{max-height:62dvh;overflow-y:auto;padding:12px}.sa-filter-builder{padding:13px}.sa-filter-builder-head{flex-direction:column;gap:10px}.sa-filter-rule{grid-template-columns:48px minmax(0,1fr) 36px;gap:7px;padding:10px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.sa-filter-join-label{text-align:left}.sa-filter-rule>select:nth-of-type(1),.sa-filter-rule>select:nth-of-type(2),.sa-filter-rule>input,.sa-filter-rule>.sa-filter-combobox,.sa-filter-rule>select:nth-of-type(3){grid-column:1 / -1}.sa-filter-remove{grid-column:3;grid-row:1}.sa-filter-empty{flex-direction:column;text-align:center}.sa-filter-builder-foot{flex-wrap:wrap}.sa-filter-limit{display:none}.sa-filter-submit-actions{width:100%;margin-left:0}.sa-filter-submit-actions>button{flex:1;justify-content:center}.sa-active-filters-label{width:100%}.sa-toolbar-actions .sa-icon-btn{width:36px;height:36px;border-radius:8px}.sa-content{padding:16px 14px 24px}.sa-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sa-metric{flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border-left-width:3px;border-radius:12px}.sa-metric-icon{width:38px;height:38px;border-radius:10px}.sa-metric-info span{font-size:11px;font-weight:700;margin-bottom:3px}.sa-metric-info strong{font-size:22px;font-weight:800}.sa-health-strip{grid-template-columns:repeat(2,1fr);gap:8px}.sa-health-item{padding:10px 12px;gap:8px;border-radius:10px}.sa-health-icon{width:28px;height:28px;border-radius:7px}.sa-health-icon svg{width:14px;height:14px}.sa-band{padding:14px;border-radius:14px}.sa-band-head h2{font-size:14px}.sa-record-results-head{align-items:stretch;flex-direction:column;margin-inline:-14px;padding-inline:14px}.sa-record-results-head .sa-filter-toggle{width:100%}.sa-mongo-detail-nav{display:flex;align-items:stretch;flex-direction:column;gap:12px;margin-bottom:14px;padding-bottom:14px}.sa-mongo-back{align-self:flex-start;min-height:36px}.sa-mongo-detail-nav h2{font-size:17px}.sa-mongo-detail-nav .sa-filter-toggle{width:100%}.sa-inspector-modal{width:100%;max-height:94dvh}.sa-inspector-body{padding:12px}.sa-inspector-body pre{padding:12px;font-size:11px}.sa-resource-summary{grid-template-columns:repeat(8,126px);margin-inline:-14px;padding-inline:14px}.sa-resource-meters{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-resource-card>header,.sa-resource-people,.sa-resource-signals{padding-inline:14px}.sa-resource-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:14px}.sa-resource-actions button{width:100%}.sa-results-summary{align-items:flex-start}.sa-modal-overlay{padding:0;align-items:flex-end}.sa-modal,.sa-modal-sm{width:100%;max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #0003}.sa-modal-head,.sa-modal-body{padding:16px}.sa-modal-foot{padding:14px 16px;padding-bottom:max(14px,env(safe-area-inset-bottom));flex-wrap:wrap}.sa-modal-foot>button{flex:1 1 120px;justify-content:center}.sa-voucher-modal{max-height:96dvh}.sa-voucher-modal .sa-modal-head{align-items:flex-start}.sa-voucher-modal-head-actions{flex:0 0 auto}.sa-voucher-context{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-voucher-context>div{padding:10px 12px}.sa-voucher-preview-scroll{padding:12px}.sa-table{min-width:0}.sa-table thead{display:none}.sa-table-wrap{overflow-x:visible}.sa-table tr{display:block;position:relative;margin-bottom:12px;padding:0;border:1px solid #e2e8f0;border-left:3px solid #3b82f6;border-radius:14px;background:#fff;box-shadow:0 4px 16px #0f172a0e;overflow:hidden}.sa-table tbody tr:hover{background:#fff}.sa-table td:first-child,.sa-table td.sa-check-col+td{background:#f8fbff;padding:14px 16px;font-weight:700;font-size:14px;color:#0f172a;border-bottom:1px solid #e2e8f0}.sa-table td.sa-check-col+td{padding-right:52px}.sa-table td:first-child:before,.sa-table td.sa-check-col+td:before{font-size:10px;font-weight:800;color:#64748b;letter-spacing:.08em}.sa-table td:first-child .sa-badge,.sa-table td.sa-check-col+td .sa-badge{background:#dbeafe;color:#1d4ed8}.sa-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:none;padding:12px 16px;text-align:right;font-size:13px;font-weight:500;color:#374151;border-bottom:1px solid #f1f5f9}.sa-table td .sa-cell-value{flex:1 1 auto;text-align:right}.sa-table td:first-child .sa-cell-value,.sa-table td.sa-check-col+td .sa-cell-value{text-align:right}.sa-table tr td:last-child{border-bottom:0}.sa-table td:before{content:attr(data-label);flex:0 0 auto;color:#6b7280;font-size:11px;font-weight:700;text-transform:uppercase;text-align:left;letter-spacing:.04em}.sa-table td.sa-check-col{position:absolute;top:0;right:0;width:auto;border:0;background:transparent;padding:14px;z-index:2}.sa-table td.sa-check-col:before{content:none}.sa-table td.sa-check-col input{width:18px;height:18px;accent-color:#2563eb}.sa-table td.sa-actions{display:flex;justify-content:flex-end;gap:6px;padding:10px 14px;background:#fbfcfe;border-top:1px solid #f1f5f9;border-bottom:0}.sa-table td.sa-actions:before{font-size:10px;font-weight:800;color:#6b7280;letter-spacing:.06em}.sa-table td.sa-actions button{width:36px;height:36px;border-radius:10px;background:#fff;border:1.5px solid #e2e8f0;color:#64748b;margin:0;transition:all .12s ease}.sa-table td.sa-actions button:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.sa-table td.sa-empty{display:block;text-align:center;padding:32px 16px;border-bottom:0;background:transparent;color:#9ca3af;font-size:14px}.sa-table td.sa-empty:before{content:none}.sa-table .sa-badge{font-size:11px;padding:3px 10px}.sa-grid-two,.sa-grid-three{gap:10px}.sa-kv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sa-live-grid{gap:10px}.sa-yn{font-size:10px;padding:3px 8px}.sa-room-cols{gap:10px}.sa-feed-row{padding:8px 0;font-size:12px}.sa-alert-row{flex-wrap:wrap;gap:6px}.sa-pagination{justify-content:center}.sa-pagination button{height:38px;min-width:80px;border-radius:10px;font-weight:700}.sa-bulk-bar{padding:10px 12px;border-radius:12px}.sa-chart-band{min-height:260px}}@media (max-width: 420px){.sa-metrics,.sa-health-strip{grid-template-columns:1fr}.sa-metric{flex-direction:row;align-items:center}.sa-kv-grid{grid-template-columns:1fr}.sa-table td{padding-inline:14px}.sa-voucher-context{grid-template-columns:1fr}.sa-voucher-readonly{width:100%}}:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-400: #34d399;--color-success-500: #10b981;--color-success-600: #059669;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--surface-bg: #f6f8fb;--surface-0: #f6f8fb;--surface-1: #ffffff;--surface-2: #ffffff;--surface-3: #f9fafb;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-elevated: #ffffff;--surface-hover: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-disabled: #cbd5e1;--text-on-primary: #ffffff;--border-default: #e5e7eb;--border-subtle: #f3f4f6;--border-strong: #d1d5db;--gradient-primary: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-500) 100%);--gradient-accent: linear-gradient(135deg, #06b6d4 0%, var(--color-primary-500) 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-hero: radial-gradient(circle at 15% 10%, #ffffff 0, transparent 36%), linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-primary: 0 4px 14px rgba(7, 85, 146, .18);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--surface-card: #ffffff;--border-light: #f3f4f6;--primary: var(--color-primary-500);--success: #10b981;--error: #ef4444;--warning: #f59e0b;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--mobile-nav-height: 54px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;height:100dvh;overflow:hidden}body{font-family:var(--font-family);background:var(--surface-bg);color:var(--text-primary);line-height:1.6;height:100%;height:100dvh;overflow:hidden}button,input,select,textarea{min-width:0}img,svg,canvas{max-width:100%}#root{height:100%;height:100dvh;overflow:hidden}a{color:var(--color-primary-600);text-decoration:none}a:hover{color:var(--color-primary-700)}button{background:none;border:none;font:inherit;cursor:pointer;color:inherit}input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}.app-layout{display:flex;height:100%;background:var(--surface-bg)}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;transition:margin-left .3s ease}.page-content{flex:1;padding:var(--space-6) var(--space-8);max-width:1440px;margin:0 auto;width:100%;min-width:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.page-content::-webkit-scrollbar{display:none;width:0;height:0}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;height:100dvh;background:var(--surface-1);border-right:1px solid var(--border-default);display:flex;flex-direction:column;z-index:100;transition:transform .3s ease;overflow:hidden}.sb-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.sb-logo-icon{width:32px;height:32px;border-radius:10px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0}.sb-header-text{flex:1;min-width:0}.sb-app-name{font-weight:700;font-size:13px;color:var(--text-primary);line-height:1.2}.sb-room-name{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.sb-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-md);color:var(--text-muted);display:flex;align-items:center}.sb-close:hover{background:var(--color-primary-50);color:var(--text-primary)}.sb-status{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0}.sb-status-offline{background:#fef2f2;color:#ef4444}.sb-status-syncing{background:#eff6ff;color:#3b82f6}.sb-status-live{background:#f0fdf4;color:#16a34a}.sb-status-cached{background:#fff7ed;color:#f59e0b}@keyframes sb-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sb-spin{animation:sb-spin-anim 1.2s linear infinite}.sb-nav{padding:8px;flex:1;overflow-y:auto;overscroll-behavior:contain}.sb-menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:2px;cursor:pointer;border:none;background:none;width:100%;text-align:left;text-decoration:none;transition:all .15s ease;position:relative;border:1px solid transparent}.sb-menu-item:hover{background:#07559212}.sb-menu-item.sb-active{background:var(--sb-active-bg, linear-gradient(180deg, var(--color-primary-50) 0%, var(--color-primary-100) 100%));color:var(--sb-active-accent, var(--color-primary-700));border-color:var(--sb-active-border, rgba(7, 85, 146, .22));box-shadow:inset 0 0 0 1px #ffffffbf,0 2px 8px var(--sb-active-shadow, rgba(7, 85, 146, .1))}.sb-menu-item.sb-active:before{content:"";position:absolute;left:-1px;top:7px;bottom:7px;width:4px;border-radius:0 3px 3px 0;background:var(--sb-active-accent, var(--color-primary-600))}.sb-menu-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s}.sb-menu-item:hover .sb-menu-icon{transform:scale(1.05)}.sb-menu-item.sb-active .sb-menu-icon{background:var(--sb-active-accent, var(--color-primary-600))!important;color:#fff!important;box-shadow:0 4px 10px var(--sb-active-icon-shadow, rgba(7, 85, 146, .28))}.sb-menu-item.sb-active .sb-menu-label{font-weight:800}.sb-menu-label{flex:1}.sb-count{font-size:10px;font-weight:600;color:var(--text-muted);background:var(--color-primary-50);padding:1px 6px;border-radius:10px;line-height:16px}.sb-menu-item.sb-active .sb-count{color:var(--sb-active-accent, var(--color-primary-700));background:#fff;border:1px solid var(--sb-active-count-border, rgba(7, 85, 146, .26))}.sb-menu-item.sb-active .sb-chevron{color:var(--sb-active-accent, var(--color-primary-700))}.sb-refresh-masters{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-full, 50%);background:transparent;color:var(--text-muted);cursor:pointer;padding:0;flex-shrink:0;transition:color .2s,background .2s}.sb-refresh-masters:hover:not(:disabled){color:var(--color-primary-600);background:var(--color-primary-50)}.sb-refresh-masters:disabled{cursor:default;color:var(--color-primary-500)}.sb-refresh-sub{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:var(--radius-full, 50%);background:transparent;color:var(--text-muted);cursor:pointer;padding:0;flex-shrink:0;margin-left:auto;transition:color .2s,background .2s;opacity:0}.sb-subgroup-btn:hover .sb-refresh-sub{opacity:1}.sb-refresh-sub:hover:not(:disabled){color:var(--color-primary-600);background:var(--color-primary-50);opacity:1}.sb-refresh-sub:disabled{cursor:default;color:var(--color-primary-500);opacity:1}.sb-chevron{color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.sb-chevron-open{transform:rotate(90deg)}.sb-section{margin-bottom:2px}.sb-section-body{overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.sb-expanded{max-height:800px;opacity:1}.sb-collapsed{max-height:0;opacity:0;pointer-events:none}.sb-subgroup{margin-left:6px;margin-bottom:1px}.sb-subgroup-btn{display:flex;align-items:center;gap:8px;width:100%;padding:5px 10px;border:none;background:none;cursor:pointer;font-size:11px;font-weight:600;color:var(--text-muted);border-radius:8px;transition:all .15s}.sb-subgroup-btn:hover{background:#0755920a;color:var(--text-secondary)}.sb-subgroup-btn.sb-sub-active{color:var(--color-primary-700)}.sb-subgroup-items{margin-left:8px;border-left:1.5px solid var(--border-subtle);padding-left:4px;overflow:hidden;transition:max-height .2s ease,opacity .15s ease}.sb-subgroup-items.sb-expanded{max-height:500px;opacity:1}.sb-subgroup-items.sb-collapsed{max-height:0;opacity:0;pointer-events:none}.sb-item{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:8px;font-size:12.5px;font-weight:500;color:var(--text-secondary);margin-bottom:1px;transition:all .12s ease;text-decoration:none}.sb-item:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.sb-item.sb-active{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:600}.sb-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;opacity:.6;transition:all .15s}.sb-item.sb-active .sb-dot{opacity:1;width:6px;height:6px;box-shadow:0 0 0 3px #0755921f}.sb-item:hover .sb-dot{opacity:1}.sb-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-depth-1{padding-left:14px}.sb-depth-2{padding-left:8px}.sb-ist{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-left:auto;transition:all .2s ease}.sb-ist-live{color:#16a34a;background:#f0fdf4}.sb-ist-fetchable{color:#3b82f6;background:#eff6ff}.sb-ist-cached{color:#f59e0b;background:#fffbeb}.sb-ist-offline{color:#ef4444;background:#fef2f2}.sb-ist-syncing{color:#3b82f6;background:#eff6ff}.sb-ist-syncing svg{animation:sb-spin-anim 1.2s linear infinite}.sb-item:hover .sb-ist{transform:scale(1.15)}.sb-footer{padding:10px 14px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px}.sb-conn-row{display:flex;align-items:center;gap:6px;font-size:11px}.sb-conn-icon{flex-shrink:0}.sb-conn-on{color:#16a34a}.sb-conn-off{color:#ef4444}.sb-conn-label{flex:1;color:var(--text-muted);font-weight:500}.sb-pending-badge{background:var(--color-warning-500);color:#fff;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700;line-height:16px}.sb-offline-badge{background:#f59e0b;color:#fff;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:700;line-height:15px;margin-left:auto;flex-shrink:0}.sb-data-row{display:flex;align-items:center;gap:5px;font-size:10px;color:#16a34a;font-weight:500}.sb-data-warn{color:#ef4444}.sb-data-sync{color:#3b82f6}.sb-pending-syncing{background:#3b82f6;display:inline-flex;align-items:center}.main-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);height:var(--header-height);background:var(--surface-1);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:50;gap:var(--space-2);overflow:visible;flex-shrink:0;box-shadow:0 1px 3px #0f172a0a}.hide-mobile{display:inline}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.glass-card,.card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all .2s ease;box-shadow:var(--shadow-sm)}.glass-card:hover,.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.kpi-card{animation:fadeSlideUp .4s ease forwards;opacity:0}.kpi-value{font-size:var(--font-size-2xl);font-weight:800;line-height:1.2;margin-bottom:var(--space-1)}.kpi-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.kpi-change{display:inline-flex;align-items:center;gap:2px;font-size:var(--font-size-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.kpi-change.positive{color:var(--color-success-600);background:var(--color-success-50)}.kpi-change.negative{color:var(--color-error-500);background:var(--color-error-50)}.charts-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-4)}.dashboard-grid{display:flex;flex-direction:column;gap:var(--space-6)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th,.data-table td{overflow-wrap:anywhere}.data-table thead{background:var(--gray-50);border-bottom:1px solid var(--border-default)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.data-table tbody tr:hover{background:var(--gray-50)}.data-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;border:1px solid transparent;transition:all .15s ease;white-space:nowrap;cursor:pointer;line-height:1.5}.btn-primary{background:var(--gradient-primary);color:var(--text-on-primary);border:none;box-shadow:var(--shadow-primary)}.btn-primary:hover{opacity:.9;box-shadow:0 6px 20px #0755924d;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{color:var(--text-secondary);background:transparent}.btn-ghost:hover{background:var(--gray-100);color:var(--text-primary)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all .15s ease}.btn-icon:hover{background:var(--gray-100);color:var(--text-primary)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.input-field{padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .15s ease;outline:none;width:100%;min-height:42px}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #0755921f}select.input-field{cursor:pointer}.full-page-screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);padding:var(--space-4)}.login-card{width:100%;max-width:420px;padding:var(--space-10);border-radius:var(--radius-2xl);background:var(--surface-1);border:1px solid var(--border-default);box-shadow:var(--shadow-xl)}.login-title{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-1);color:var(--text-primary)}.login-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.badge-warning{background:var(--color-warning-50);color:#92400e;border:1px solid var(--color-warning-100)}.badge-success{background:var(--color-success-50);color:var(--color-success-600);border:1px solid var(--color-success-100)}.connection-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.connection-dot.connected{background:var(--color-success-500);box-shadow:0 0 6px #10b98166}.connection-dot.disconnected{background:var(--color-error-400)}.connection-dot.degraded{background:var(--color-warning-400, #fb923c);box-shadow:0 0 6px #f9731673;animation:pulse-degraded 1.8s ease-in-out infinite}@keyframes pulse-degraded{0%,to{opacity:1}50%{opacity:.45}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12)}.empty-state-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--color-primary-500)}.empty-state-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.empty-state-text{font-size:var(--font-size-sm);color:var(--text-tertiary);max-width:320px}.toast-container{position:fixed;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));right:var(--space-4);left:var(--space-4);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-lg);animation:slideInRight .25s ease;cursor:pointer;max-width:360px;border:1px solid}.toast-success{background:var(--color-success-50);color:var(--color-success-600);border-color:var(--color-success-100)}.toast-error{background:var(--color-error-50);color:var(--color-error-600);border-color:var(--color-error-100)}.toast-info{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-100)}.toast-warning{background:var(--color-warning-50);color:#92400e;border-color:var(--color-warning-100)}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--surface-1);border-top:1px solid var(--border-default);z-index:100;padding:4px 8px env(safe-area-inset-bottom,4px)}.mobile-nav-items{display:flex;justify-content:space-around}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 10px;font-size:9px;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-md);transition:all .15s ease}.mobile-nav-item.active{color:var(--color-primary-600)}.voucher-sticky-bar{bottom:0}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeSlideUp .35s ease forwards}.scale-in{animation:scaleIn .15s ease forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-spin,.spin-animation{animation:spin 1s linear infinite}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 768px){.sidebar{transform:translate(-100%);box-shadow:var(--shadow-xl);z-index:200}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;overflow:hidden;max-width:100vw;height:100vh;height:calc(var(--app-height, 100dvh))}.page-content{padding:var(--space-4);padding-bottom:calc(var(--mobile-nav-height) + var(--space-4) + env(safe-area-inset-bottom,0px));box-sizing:border-box;max-width:100vw;overflow-x:hidden;overflow-y:auto}.main-header{padding:0;height:auto;min-height:auto;box-sizing:border-box;max-width:100vw;background:var(--surface-1);border-bottom:1px solid var(--border-default)}.mobile-nav{display:block}.mobile-nav-item{min-width:72px;min-height:44px;justify-content:center}.voucher-sticky-bar{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px))}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.charts-grid{grid-template-columns:1fr}.mobile-menu-btn{display:flex!important}.page-header-row{gap:var(--space-2)!important}.dashboard-title{font-size:var(--font-size-xl)!important}.toast{max-width:100%;width:100%}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr 1fr}.login-card{padding:var(--space-6)}.page-content{padding-inline:var(--space-3)}.hide-mobile{display:none}.kpi-card [style*="font-size: var(--font-size-xl)"]{font-size:var(--font-size-lg)!important}}.masters-page{padding:var(--space-4) var(--space-3);max-width:900px;margin:0 auto}.masters-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.masters-header-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--gradient-primary);color:var(--text-on-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.masters-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0}.masters-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin:0 0 var(--space-4);padding-left:calc(36px + 36px + var(--space-3) * 3)}.masters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.masters-section-card{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}.masters-section-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.masters-section-title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-light)}.masters-menu-list{display:flex;flex-direction:column;gap:var(--space-1)}.masters-menu-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:background .15s,transform .1s;width:100%;text-align:left;color:var(--text-primary);font-size:var(--font-size-sm)}.masters-menu-btn:hover{background:var(--surface-hover)}.masters-menu-btn:active{transform:scale(.98)}.masters-menu-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.masters-menu-label{flex:1;font-weight:500}.masters-shortcut-highlight{color:var(--primary);font-weight:700;text-decoration:underline}.masters-menu-arrow{color:var(--text-muted);opacity:0;transition:opacity .15s}.masters-menu-btn:hover .masters-menu-arrow{opacity:1}.page-content:has(.master-form-page){padding:0}.master-form-page{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--surface-bg, #f4f5f7);max-width:800px;margin:0 auto;width:100%}.master-form-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.master-form-footer{flex-shrink:0;background:var(--surface-1, #fff);border-top:1px solid var(--border-default);padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;gap:10px}@media (max-width: 768px){.master-form-footer{position:fixed;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:150;box-shadow:0 -4px 12px #0000000f;padding-bottom:10px}.master-form-body{padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))}.master-form-page{max-width:100%;margin:0}.master-field-row{flex-direction:column;gap:12px}.master-form-section{padding:14px;border-radius:18px}}.page-content:has(.master-list-page){padding:0}.master-list-page{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--surface-bg, #f4f5f7);animation:fadeIn .22s ease}.master-list-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 12px 14px;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#07559208,#07559200 120px),var(--surface-bg, #f4f5f7)}.master-form-header{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);flex-wrap:nowrap;min-height:40px;background:transparent;padding:14px 16px;border-bottom:none;box-shadow:0 1px 2px #0f172a08}.master-list-header{flex-shrink:0;display:flex;flex-direction:column;background:transparent;padding:12px 14px 10px;border-bottom:none;box-shadow:none}.master-header-title-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.master-header-copy{flex:1;min-width:0}.master-header-subtitle{display:block;margin-top:2px;font-size:10px;line-height:1.3;color:var(--text-muted);font-weight:500}.master-list-header .master-form-title{font-size:17px;font-weight:800}.master-list-header .master-header-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:nowrap}.master-create-btn{gap:4px;padding:7px 16px;font-size:12px;border-radius:24px;font-weight:700;flex-shrink:0}.master-btn-ghost{width:32px;height:32px;min-width:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .15s}.master-btn-ghost:hover{background:var(--surface-hover, rgba(0,0,0,.05));color:var(--text-primary);border-color:var(--text-secondary)}.master-back-btn{width:32px;height:32px;border:none;border-radius:12px;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.master-back-btn:hover{background:var(--color-primary-50);color:var(--color-primary-600);border-color:var(--color-primary-200)}.master-form-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.master-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.master-header-count{display:flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary-600);font-size:11px;font-weight:600;flex-shrink:0}.master-offline-badge{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--warning);background:#f59e0b1a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500}.master-result-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:14px;margin-bottom:var(--space-3);font-size:var(--font-size-sm);font-weight:500}.master-inline-progress{height:3px;border-radius:999px;background:var(--border-default);overflow:hidden;margin:0 2px 4px}.master-inline-progress-bar{width:35%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600));animation:masterProgressSlide 1.15s ease-in-out infinite}.master-inline-progress-meta{font-size:11px;font-weight:600;color:var(--text-muted);padding:0 2px;margin-bottom:8px;animation:pulseSoft 1.2s ease-in-out infinite}.master-result-success{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.master-result-error{background:#ef44441a;color:var(--error);border:1px solid rgba(239,68,68,.2)}.master-result-close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:var(--space-1)}.master-result-close:hover{opacity:1}.master-form{display:flex;flex-direction:column;gap:var(--space-3)}.master-form-section{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:20px;background:linear-gradient(180deg,#fffffffa,#f8fafcf5);border:1px solid rgba(148,163,184,.16);box-shadow:0 10px 30px #0f172a0f,inset 0 1px #ffffffe6;overflow:visible}.master-form-section-header{display:flex;flex-direction:column;gap:4px;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.14)}.master-form-section-title{font-size:15px;line-height:1.2;font-weight:800;color:var(--text-primary)}.master-form-section-copy{font-size:11px;line-height:1.45;color:var(--text-muted);font-weight:500}.master-section-title-row{display:flex;align-items:center;gap:8px}.master-section-icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.master-section-icon--identity{background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));color:var(--color-primary-500)}.master-section-icon--classification{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.master-section-icon--statutory{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.master-section-icon--balance{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.master-section-icon--pricing{background:linear-gradient(135deg,#ecfeff,#cffafe);color:#0891b2}.sfi-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sfi-pricing-card{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:linear-gradient(180deg,#fffffff2,#f8fafce6)}.sfi-pricing-card-title{font-size:12px;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.sfi-price-input{position:relative}.sfi-price-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:var(--text-muted);pointer-events:none}.sfi-price-input .master-input{padding-left:34px}.sfi-pricing-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sfi-price-chip{display:flex;flex-direction:column;gap:2px;padding:10px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:#ffffffd9}.sfi-price-chip-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.sfi-price-chip-value{font-size:14px;line-height:1.2;font-weight:800;color:var(--text-primary)}.sfi-price-chip-meta{font-size:10px;color:var(--text-muted)}.sfi-price-positive{color:#059669}.sfi-price-negative{color:#dc2626}.sfi-pricing-hint{font-size:11px;line-height:1.45;color:var(--text-muted);padding:10px 12px;border:1px dashed rgba(148,163,184,.35);border-radius:10px;background:#f8fafcbf}.sfi-header{position:sticky;top:0;z-index:40;background:var(--surface-bg);border-bottom:1px solid var(--border-subtle, rgba(148, 163, 184, .2));padding:10px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0}.sfi-header-title{flex:1;min-width:0}.sfi-header-title h1{font-size:17px;font-weight:800;line-height:1.2;color:var(--text-primary);margin:0}.sfi-header-subtitle{display:block;font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.master-field-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.master-field-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}@media (max-width: 360px){.master-field-grid-3{grid-template-columns:1fr 1fr}.sfi-pricing-summary{grid-template-columns:1fr}}@media (max-width: 640px){.master-field-grid-2,.sfi-pricing-grid{grid-template-columns:1fr}.sfi-pricing-summary{grid-template-columns:1fr 1fr}}.master-field{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.master-field-row{display:flex;gap:var(--space-4);align-items:flex-start}.master-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.master-required{color:var(--error)}.master-input{padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff;color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color .15s,box-shadow .15s;width:100%}.master-input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #0755921f}.master-input[readonly]{cursor:pointer}.master-textarea{resize:vertical;min-height:60px}.master-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.master-dropdown-wrapper{position:relative;overflow:visible}.master-dropdown{position:absolute;top:100%;left:0;right:auto;min-width:100%;width:max(100%,240px);max-width:min(92vw,420px);max-height:280px;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 12px 28px #0000001f,0 4px 10px #00000014;z-index:500;margin-top:4px}.master-dropdown-up{margin-top:0}@media (max-width: 640px){.master-dropdown{width:100%;min-width:100%;max-width:calc(100vw - 24px)}}.master-dropdown-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);background:var(--gray-50);flex-shrink:0}.master-dropdown-search svg{color:var(--text-muted);flex-shrink:0}.master-dropdown-search input{border:none;background:transparent;flex:1;font-size:var(--font-size-sm);color:var(--text-primary);outline:none;padding:var(--space-1) 0}.master-dropdown-search input::placeholder{color:var(--text-muted)}.master-dropdown-list{overflow-y:auto;flex:1}.master-dropdown-item{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;text-align:left;cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);transition:background .1s;white-space:break-spaces}.master-dropdown-item:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.master-dropdown-active{background:#0755921a;color:var(--color-primary-700);font-weight:600}.master-dropdown-empty{padding:var(--space-4) var(--space-3);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.master-section-label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary-500);background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));margin-top:var(--space-5);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border-left:3px solid var(--color-primary-500)}.master-form-section .master-section-label{margin-top:2px;margin-bottom:0}.master-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 14px;background:var(--surface-1, #fff);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);transition:border-color .15s,background .15s}.master-toggle:has(input:checked){border-color:var(--color-primary-300);background:var(--color-primary-50)}.master-toggle input[type=checkbox]{position:relative;width:40px;height:22px;min-width:40px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#d1d5db;border-radius:11px;cursor:pointer;transition:background .2s;flex-shrink:0;order:2}.master-toggle input[type=checkbox]:checked{background:var(--primary)}.master-toggle input[type=checkbox]:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 4px #0003}.master-toggle input[type=checkbox]:checked:before{transform:translate(18px)}.master-toggle-label{font-weight:500;order:1;flex:1;line-height:1.4}.master-form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--border-light);margin-top:var(--space-2)}.master-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;letter-spacing:.01em;min-width:110px;height:36px}.master-btn:disabled{opacity:.5;cursor:not-allowed}.master-btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 6px #0755924d}.master-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #07559259}.master-btn-teal{background:linear-gradient(135deg,#10b981,#14b8a6);color:#fff;box-shadow:0 2px 6px #10b9814d}.master-btn-teal:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.master-btn-blue{background:var(--gradient-accent);color:#fff;box-shadow:0 2px 6px #3b82f64d}.master-btn-blue:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.master-btn-amber{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 6px #f59e0b4d}.master-btn-amber:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b59}.master-btn-secondary{background:var(--surface-hover);color:var(--text-secondary)}.master-btn-secondary:hover{background:var(--border-default)}.master-btn-danger{background:var(--error);color:#fff}.master-btn-danger:hover:not(:disabled){opacity:.9}.master-btn-icon{width:36px;height:36px;min-width:36px;padding:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer}.master-btn-icon:hover{background:var(--surface-hover)}.master-btn-primary.master-btn-icon{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 2px 6px #0755924d}.master-btn-primary.master-btn-icon:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #07559259}@keyframes master-spin-anim{to{transform:rotate(360deg)}}.master-spin{animation:master-spin-anim 1s linear infinite}.master-picker{display:flex;flex-direction:column;gap:var(--space-3)}.master-search-box{display:flex;align-items:center;gap:var(--space-2);padding:8px 12px;border:1px solid var(--border-default);border-radius:12px;background:#fff;margin-bottom:8px;transition:border-color .15s,box-shadow .15s;min-height:38px}.master-search-box:focus-within{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #0755921f}.master-search-box input{border:none;background:transparent;flex:1;font-size:13px;color:var(--text-primary);outline:none}.master-search-box svg{color:var(--text-muted);flex-shrink:0}.master-search-clear{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;display:flex}.master-search-clear:hover{color:var(--text-primary)}.master-picker-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:60vh;overflow-y:auto}.master-picker-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:all .15s;text-align:left;width:100%}.master-picker-item:hover{border-color:var(--primary);background:#0755920a}.master-picker-name{font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm);white-space:break-spaces}.master-picker-group{font-size:var(--font-size-xs);color:var(--text-muted)}.master-picker-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) 0;color:var(--text-muted);font-size:var(--font-size-sm)}.master-picker-card{display:flex;align-items:center;gap:var(--space-2);padding:8px 10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:all .15s;text-align:left;width:100%}.master-picker-card:hover{border-color:var(--primary);background:#0755920a;transform:translateY(-1px);box-shadow:0 2px 8px #0755921a}.master-picker-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;font-size:var(--font-size-xs);font-weight:600}.master-picker-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.master-picker-details .master-picker-name{font-weight:600;font-size:var(--font-size-sm)}.master-picker-details .master-picker-group{font-size:11px;color:var(--text-muted)}.master-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-family:inherit;color:var(--text-primary);transition:border-color .15s;text-align:left;min-height:38px}.master-dropdown-trigger:hover{border-color:var(--primary)}.master-dropdown-trigger:disabled{opacity:.72;cursor:not-allowed}.master-dropdown-value{overflow:hidden;text-overflow:ellipsis;white-space:pre}.master-dropdown-placeholder{color:var(--text-muted)}.master-dropdown-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s}.master-dropdown-chevron-open{transform:rotate(180deg)}.master-view-toggle{display:flex;border:1px solid var(--border-default);border-radius:12px;overflow:hidden;background:#fff}.master-toggle-btn{padding:6px 10px;border:none;background:transparent;cursor:pointer;font-size:11px;font-weight:600;color:var(--text-secondary);transition:all .15s;white-space:nowrap}.master-toggle-btn.active{background:var(--primary);color:var(--text-on-primary)}.coa-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:11px;color:var(--text-secondary);margin-bottom:8px;padding:0 2px}.master-count-row,.master-count-row span:first-child{color:var(--text-muted)}.master-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:0}.master-list-pagination-dock{flex-shrink:0;border-top:1px solid var(--border-subtle, #e5e7eb);background:var(--surface-0, #f9fafb);padding:8px 12px calc(58px + env(safe-area-inset-bottom,0px))}.master-pagination-btn{border:1px solid var(--border-default);background:var(--surface-1, #fff);color:var(--text-primary);height:30px;min-width:72px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.master-pagination-btn:hover:not(:disabled){border-color:var(--color-primary-300);color:var(--color-primary-600)}.master-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.master-pagination-info{font-size:12px;font-weight:700;color:var(--text-muted);min-width:36px;text-align:center}.coa-filtered{color:var(--text-muted);font-style:italic}.master-card-list{display:flex;flex-direction:column;gap:8px}.master-card{background:#fff;border:1px solid var(--border-default);border-radius:16px;padding:14px;transition:transform .18s ease,box-shadow .2s,border-color .2s;box-shadow:0 2px 8px #0f172a0a}.master-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14;border-color:var(--color-primary-200)}.master-card-top{display:flex;align-items:center;gap:12px}.master-card-avatar{width:34px;height:34px;border-radius:10px;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700;flex-shrink:0;letter-spacing:.02em}.master-card-avatar-group{background:var(--gradient-accent)}.master-card-avatar-stock{background:linear-gradient(135deg,#ec4899,#a855f7)}.master-card-info{flex:1;min-width:0}.master-card-name{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.3;white-space:break-spaces;word-break:break-word}.master-card-group{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);margin-top:3px}.master-card-actions{display:flex;gap:4px;flex-shrink:0}.master-card-action-btn{width:24px;height:24px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;background:transparent;color:var(--text-muted)}.master-card-edit:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.master-card-del:hover,.master-card-delete:hover{background:#ef444414;color:#ef4444}.master-card-pending{border:1px dashed #f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7);opacity:.9}.master-card-avatar-pending{background:linear-gradient(135deg,#fde68a,#fbbf24)!important;color:#92400e!important;display:flex;align-items:center;justify-content:center}.master-pending-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#92400e;background:#fde68a;padding:2px 10px;border-radius:var(--radius-full);white-space:nowrap}.master-card-pending>.master-pending-badge{align-self:flex-start;margin-top:8px;margin-left:46px;max-width:calc(100% - 46px);white-space:normal}.master-pending-badge.master-pending-badge-edit{background:#dbeafe!important;color:#1e3a8a!important}.master-pending-badge.master-pending-badge-delete{background:#ffe4e6!important;color:#9f1239!important}.master-pending-badge-user{opacity:.7;font-weight:400;font-style:italic}.master-pending-badge.master-pending-badge-pending{background:#fef3c7;color:#92400e}.master-pending-badge.master-pending-badge-pending-edit{background:#eff6ff;color:#1d4ed8}.master-pending-badge.master-pending-badge-pending-delete{background:#fff1f2;color:#be123c}.master-pending-badge.master-pending-badge-synced{background:#dcfce7!important;color:#166534!important}.master-pending-badge.master-pending-badge-failed,.master-pending-badge.master-pending-badge-failed-edit,.master-pending-badge.master-pending-badge-failed-delete{background:#fee2e2!important;color:#991b1b!important}.master-card-held-by{margin-top:4px;font-size:11px;font-weight:600;color:#9a3412}.master-card-held-message,.master-card-error-message{margin-top:8px;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:500}.master-card-held-message{background:#fff7ed;color:#9a3412}.master-card-error-message{background:#fef2f2;color:#991b1b}.master-pending-timestamps{font-size:10px;color:#9ca3af;display:flex;align-items:center;gap:4px;margin-top:3px;flex-wrap:wrap}.master-card-details{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-subtle)}.master-card-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;line-height:18px}.master-picker-empty{border:1px dashed var(--border-default);border-radius:16px;background:#ffffffd1;min-height:180px;justify-content:center}.master-card-tag-balance{background:var(--color-primary-50);color:var(--color-primary-700)}.master-card-tag-gstin{background:var(--color-success-50);color:var(--color-success-600)}.master-card-tag-state{background:var(--gray-100);color:var(--text-secondary)}.master-card-tag-count{background:var(--color-primary-50);color:var(--color-primary-700)}.master-card-tag-unit{background:var(--color-warning-50);color:#92400e}.master-card-tag-gst{background:var(--color-success-50);color:var(--color-success-600)}.master-card-tag-qty{background:var(--color-primary-50);color:var(--color-primary-700)}.coa-flat-list{display:flex;flex-direction:column}.coa-flat-header{display:grid;grid-template-columns:2fr 1.2fr 1fr auto;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:2px solid var(--border-default)}.coa-flat-row{display:grid;grid-template-columns:2fr 1.2fr 1fr auto;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border-light);align-items:center;transition:background .1s}.coa-flat-row:hover{background:var(--surface-hover)}.coa-col-name{font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:pre}.coa-col-group{color:var(--text-secondary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coa-col-balance{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:right}.coa-col-actions{display:flex;gap:var(--space-1);justify-content:flex-end}.coa-action-btn{width:28px;height:28px;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;background:transparent}.coa-edit{color:var(--text-muted)}.coa-edit:hover{background:#0755921a;color:var(--primary)}.coa-delete{color:var(--text-muted)}.coa-delete:hover{background:#ef44441a;color:var(--error)}.coa-tree,.coa-tree-node{display:flex;flex-direction:column}.coa-group-row-wrapper{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-default);border-radius:14px;padding:8px 10px;margin-bottom:8px;box-shadow:0 2px 8px #0f172a0a}.coa-group-row{display:flex;align-items:center;gap:var(--space-2);padding:0;border:none;background:transparent;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);border-radius:var(--radius-sm);transition:background .1s;flex:1}.coa-group-row:hover{background:transparent}.coa-group-name{flex:1;white-space:break-spaces}.coa-group-count{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:400;background:var(--surface-hover);padding:1px 8px;border-radius:99px}.coa-tree-children{display:flex;flex-direction:column;border-left:1px solid var(--border-light);margin:0 0 4px 18px;padding-left:10px}@keyframes masterProgressSlide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.coa-ledger-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-light);transition:background .1s}.coa-ledger-row:hover{background:var(--surface-hover)}.coa-ledger-name{flex:1;color:var(--text-primary);white-space:break-spaces}.coa-ledger-balance{color:var(--text-muted);font-size:var(--font-size-xs);min-width:80px;text-align:right}.coa-ledger-actions{display:flex;gap:var(--space-1)}.master-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.master-confirm-dialog{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;box-shadow:var(--shadow-xl)}.master-confirm-dialog p{margin:0;color:var(--text-primary);font-size:var(--font-size-sm)}.master-confirm-warn{color:var(--text-muted)!important;font-size:var(--font-size-xs)!important}.master-confirm-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.voucher-form-card{background:linear-gradient(180deg,#fff,#fcfdff);border:1px solid var(--border-default);border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:0 4px 14px #0f172a0a;transition:border-color .16s ease,box-shadow .16s ease}.voucher-form-card:focus-within{border-color:var(--color-primary-500, #3b82f6);box-shadow:0 0 0 2px var(--color-primary-200, #bfdbfe),0 8px 20px #0f172a14}.voucher-form-card-tight{padding:12px;margin-bottom:10px}.voucher-form-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.voucher-form-card-title{font-size:13px;font-weight:800;letter-spacing:.01em;color:var(--text-primary)}.voucher-card--party,.voucher-card--dispatch,.voucher-card--order,.voucher-card--items,.voucher-card--accounting,.voucher-card--tax,.voucher-card--charges,.voucher-card--billing,.voucher-card--narration{background:#fff!important;border-left:4px solid var(--card-accent, #94a3b8);position:relative}.voucher-card--party:before,.voucher-card--dispatch:before,.voucher-card--order:before,.voucher-card--items:before,.voucher-card--accounting:before,.voucher-card--tax:before,.voucher-card--charges:before,.voucher-card--billing:before,.voucher-card--narration:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--card-accent-soft, #e2e8f0);border-top-left-radius:14px;border-top-right-radius:14px;pointer-events:none}.voucher-card--party{--card-accent: #3b82f6;--card-accent-soft: #dbeafe}.voucher-card--dispatch{--card-accent: #06b6d4;--card-accent-soft: #cffafe}.voucher-card--order{--card-accent: #8b5cf6;--card-accent-soft: #ede9fe}.voucher-card--items{--card-accent: #16a34a;--card-accent-soft: #dcfce7}.voucher-card--accounting{--card-accent: var(--color-primary-600);--card-accent-soft: var(--color-primary-100)}.voucher-card--tax{--card-accent: #ea580c;--card-accent-soft: #ffedd5}.voucher-card--charges{--card-accent: #ca8a04;--card-accent-soft: #fef9c3}.voucher-card--billing{--card-accent: #be185d;--card-accent-soft: #fce7f3}.voucher-card--narration{--card-accent: #64748b;--card-accent-soft: #e2e8f0}.voucher-form--order .voucher-card--party{--card-accent: #0f766e;--card-accent-soft: #ccfbf1}.voucher-form--order .voucher-card--dispatch{--card-accent: #7c3aed;--card-accent-soft: #ede9fe}.voucher-form--order .voucher-card--order{--card-accent: #dc2626;--card-accent-soft: #fee2e2}.voucher-form--order .voucher-card--items{--card-accent: #c2410c;--card-accent-soft: #ffedd5}.voucher-form--order .voucher-card--tax{--card-accent: #0891b2;--card-accent-soft: #cffafe}.voucher-form--order .voucher-card--charges{--card-accent: #2563eb;--card-accent-soft: #dbeafe}.voucher-form--order .voucher-card--billing{--card-accent: #a16207;--card-accent-soft: #fef3c7}.voucher-form--order .voucher-card--narration{--card-accent: #475569;--card-accent-soft: #e2e8f0}.card-drag-wrapper{position:relative}.card-drag-wrapper.drag-mode{cursor:grab;padding-left:34px}.card-drag-wrapper.drag-mode .voucher-form-card{transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease,opacity .18s ease}.card-drag-wrapper.dragging{opacity:.38;cursor:grabbing}.card-drag-wrapper.dragging .voucher-form-card{box-shadow:0 8px 32px #3b82f62e!important;transform:scale(.98)}.card-drag-wrapper.drag-over .voucher-form-card{border-top:2.5px solid var(--color-primary-500, #3b82f6)!important;box-shadow:0 -3px 0 0 var(--color-primary-300, #93c5fd),0 8px 24px #3b82f61f!important}.card-drag-handle{position:absolute;left:0;top:0;bottom:14px;width:30px;display:flex;align-items:center;justify-content:center;border-radius:10px 0 0 10px;background:linear-gradient(180deg,var(--surface-secondary, #f4f6fb) 0%,#eef1f7 100%);border:1px solid var(--border-default);border-right:none;color:var(--text-muted);cursor:grab;transition:background .15s,color .15s,box-shadow .15s;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:contain;-webkit-tap-highlight-color:transparent}.card-drag-handle:hover{background:linear-gradient(180deg,var(--color-primary-50, #eff6ff) 0%,#dbeafe 100%);color:var(--color-primary-600, #2563eb);box-shadow:inset 2px 0 0 var(--color-primary-400, #60a5fa)}.card-drag-handle:active{cursor:grabbing}.card-drag-wrapper.drag-mode .voucher-form-card-tight~*{bottom:10px}.voucher-form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width: 640px){.masters-page{padding:var(--space-2) var(--space-2)}.masters-subtitle{padding-left:0}.masters-grid{grid-template-columns:1fr}.master-field-row{flex-direction:column;gap:12px}.master-form-section-title{font-size:14px}.master-form-section-copy{font-size:10px}.coa-flat-header,.coa-flat-row{grid-template-columns:1.5fr 1fr auto}.coa-col-balance{display:none}.voucher-form-grid-two{grid-template-columns:1fr}}.toast-container{position:fixed;bottom:72px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);width:90%;max-width:420px;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;box-shadow:0 8px 24px #0000002e;pointer-events:auto;animation:toastSlideUp .35s ease-out}.toast-success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.toast-error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.toast-warning{background:#fffbeb;color:#92400e;border-color:#fde68a}.toast-info{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.toast-message{flex:1}.toast-close{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;padding:2px;display:flex;align-items:center}.toast-close:hover{opacity:1}.voucher-list-card{position:relative;overflow:visible;flex:0 0 auto;background:#fff!important;border:1px solid #e2e8f0!important;border-left:3.5px solid #0f766e!important;box-shadow:0 1px 2px #0f172a0b,0 2px 8px #0f172a06!important;transition:box-shadow .2s ease,transform .2s ease}.voucher-list-card:after{display:none}.voucher-list-card.voucher-row-offline{background:#fffdf7!important;border:1px solid #e8dcc6!important;border-left:3.5px solid #d97706!important}.voucher-list-card.voucher-row-offline.failed,.voucher-list-card.voucher-row-offline.crud-delete{background:#fef8f8!important;border:1px solid #efd8d8!important;border-left:3.5px solid #dc2626!important}.voucher-list-card.voucher-row-offline.syncing,.voucher-list-card.voucher-row-offline.synced{background:#f7fef9!important;border:1px solid #c8e5d5!important;border-left:3.5px solid #059669!important}.voucher-list-card.voucher-row-offline:before{display:none!important}.voucher-list-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 14px #0f172a14!important;transform:translateY(-1px)}.voucher-list-card:hover.voucher-row-offline{border-left-color:#d97706!important}.voucher-list-party{color:#0f172a;line-height:1.35;text-decoration:none!important}.voucher-list-party:hover{color:#0f766e}.voucher-list-card-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding-bottom:10px}.voucher-list-party-block{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.voucher-list-context{display:flex;align-items:center;gap:7px;color:#94a3b8;font-size:9.5px;font-weight:600;line-height:1.25;text-transform:uppercase;letter-spacing:.04em}.voucher-list-context span:first-child{color:#0f766e}.voucher-list-context span:nth-child(2){display:none}.voucher-list-context span:last-child{display:inline-flex;align-items:center;gap:5px}.voucher-list-context span:last-child:before{content:"";width:4px;height:4px;flex:0 0 4px;border-radius:999px;background:#cbd5e1}.voucher-row-offline .voucher-list-context span:last-child:before{background:#d97706}.voucher-list-total{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;flex-shrink:0;gap:0;text-align:right}.voucher-list-total>span{display:none!important}.voucher-list-total>strong{color:#047857;font-size:16.5px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.voucher-list-card-footer{min-height:34px;padding-top:10px;border-top:1px solid #f1f5f9}.voucher-list-meta{display:inline-flex;align-items:center;gap:5px;min-width:0;color:#64748b;padding:4px 9px;border-radius:7px;background:#f8fafc}.voucher-list-meta>span{display:flex;align-items:center;min-width:0;gap:0}.voucher-list-meta small{display:none!important}.voucher-list-meta strong{overflow:hidden;font-size:11.5px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.voucher-list-meta>svg{flex-shrink:0}.voucher-list-date{background:#f0fdf4!important}.voucher-list-date>svg{color:#0f766e!important}.voucher-list-date strong{color:#0f766e!important}.voucher-list-number{background:#eef2ff!important}.voucher-list-number>svg{color:#4f46e5!important}.voucher-list-number strong{color:#4f46e5!important}.voucher-list-meta-divider{display:none!important}.voucher-list-actions{display:flex;align-items:center;gap:2px;padding:3px;border:0;border-radius:9px;background:#f1f5f9}.voucher-list-actions button{width:28px;height:28px;padding:0!important;border:0!important;border-radius:6px;background:transparent!important;justify-content:center;opacity:.85;transition:background .15s ease,opacity .15s ease,transform .12s ease}.voucher-list-actions button:hover:not(:disabled){background:#e2e8f0!important;box-shadow:none;opacity:1;transform:scale(1.06)}.voucher-list-offline-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed #e8dcc6}.voucher-list-offline-meta .offline-voucher-badge{border-radius:6px;padding:2px 7px;font-size:10px}.voucher-list-offline-meta .offline-request-time{min-height:0;padding:0;border:0;background:transparent;color:#92710f;font-size:10px;font-weight:500}.voucher-list-scroll{scrollbar-width:none;-ms-overflow-style:none}.voucher-list-scroll::-webkit-scrollbar{display:none;width:0;height:0}.voucher-month-list{gap:8px!important}.voucher-month-row{display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 12px;border:1px solid #e1e7ee;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0f172a09;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.voucher-month-row:hover{border-color:#cbd5df;background:#fbfdff;box-shadow:0 3px 9px #0f172a0e}.voucher-month-row.is-empty{background:#fbfcfe}.voucher-month-icon{width:38px;height:38px;flex:0 0 38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid #dbe5f0;border-radius:10px;background:#f3f7fb;color:#47627e}.voucher-month-row.has-data .voucher-month-icon{border-color:#cfe0f3;background:#edf5ff;color:#2563a8}.voucher-month-icon span{color:inherit;font-size:8px;font-weight:750;line-height:1;text-transform:uppercase;letter-spacing:.045em}.voucher-month-copy{min-width:0;flex:1}.voucher-month-name{overflow:hidden;color:#1e293b;font-size:13px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.voucher-month-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:3px}.voucher-month-subtitle{color:#8795a8;font-size:10px;font-weight:500}.voucher-month-held{display:inline-flex;align-items:center;padding-left:6px;border-left:1px solid #e8c981;color:#b66a09;font-size:9px;font-weight:700}.voucher-month-result{display:flex;align-items:center;gap:7px}.voucher-month-value{min-width:28px;color:#0f766e;font-weight:800;line-height:1.2;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.voucher-month-row.is-empty .voucher-month-value{color:#94a3b8;font-weight:650}.voucher-month-result>svg{color:#94a3b8}@media (max-width: 640px){.voucher-list-scroll{gap:12px!important}.voucher-month-list{gap:7px!important}.voucher-month-row{min-height:60px;padding:10px 12px;border-radius:11px;box-shadow:none}.voucher-list-card{border-radius:12px!important;padding:13px 14px!important}.voucher-list-card:after{display:none}.voucher-list-card-header{gap:10px!important}.voucher-list-party-block{white-space:normal!important}.voucher-list-party{white-space:normal!important;font-size:13px!important;line-height:1.3}.voucher-list-card-footer{display:grid!important;grid-template-columns:auto auto 1fr;column-gap:6px!important;row-gap:6px;align-items:center}.voucher-list-meta{min-width:0;padding:3px 7px;font-size:10.5px}.voucher-list-meta strong{font-size:10.5px!important}.voucher-list-meta-divider{display:none}.voucher-list-actions{margin-left:auto;gap:1px;padding:2px}.voucher-list-actions button{width:26px;height:26px}.voucher-list-card-footer>span[style]{display:none}}@media (max-width: 420px){.voucher-list-total>strong{font-size:15px}.voucher-list-meta{padding:3px 6px}.voucher-list-actions{gap:0}}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.report-print-header{display:none}