:root{--purple-50:#f5f2ff;--purple-100:#eae4ff;--purple-200:#d8ceff;--purple-300:#baf;--purple-400:#9877f5;--purple-500:#7b57e8;--purple-600:#673de6;--purple-700:#5025d1;--purple-800:#3f1da8;--purple-900:#2d147a;--neutral-0:#fff;--neutral-25:#fcfcfd;--neutral-50:#f8f9fa;--neutral-100:#f1f3f5;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--neutral-400:#9ca3af;--neutral-500:#6b7280;--neutral-600:#4b5563;--neutral-700:#374151;--neutral-800:#1f2937;--neutral-900:#111827;--neutral-950:#0b0f19;--color-brand-primary:var(--purple-600);--color-brand-hover:var(--purple-700);--color-brand-active:var(--purple-800);--color-brand-subtle:var(--purple-50);--color-brand-border:var(--purple-300);--color-text-primary:var(--neutral-900);--color-text-secondary:var(--neutral-600);--color-text-tertiary:var(--neutral-500);--color-text-disabled:var(--neutral-400);--color-text-inverse:var(--neutral-0);--color-text-link:var(--purple-600);--color-surface-page:var(--neutral-50);--color-surface-default:var(--neutral-0);--color-surface-raised:var(--neutral-0);--color-surface-muted:var(--neutral-100);--color-surface-selected:var(--purple-50);--color-surface-hover:#faf8ff;--color-surface-overlay:#11182773;--color-border-default:var(--neutral-200);--color-border-strong:var(--neutral-300);--color-border-focus:var(--purple-600);--color-status-success:#16a34a;--color-status-success-bg:#f0fdf4;--color-status-success-border:#bbf7d0;--color-status-warning:#d97706;--color-status-warning-bg:#fffbeb;--color-status-warning-border:#fde68a;--color-status-danger:#dc2626;--color-status-danger-bg:#fef2f2;--color-status-danger-border:#fecaca;--color-status-info:#2563eb;--color-status-info-bg:#eff6ff;--color-status-info-border:#bfdbfe;--color-status-neutral:#6b7280;--color-status-neutral-bg:var(--neutral-100);--color-status-neutral-border:var(--neutral-200);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-pill:999px;--shadow-xs:0 1px 2px #1118270a;--shadow-sm:0 1px 3px #1118270d, 0 1px 2px #11182708;--shadow-md:0 4px 14px -1px #11182712, 0 2px 6px -1px #1118270a;--shadow-lg:0 10px 25px -3px #11182714, 0 4px 10px -2px #1118270a;--shadow-brand:0 2px 6px #673de638;--shadow-brand-hover:0 4px 14px #673de659;--focus-ring:0 0 0 3px #673de62e;--motion-fast:.12s cubic-bezier(.16, 1, .3, 1);--motion-normal:.2s cubic-bezier(.16, 1, .3, 1);--motion-slow:.3s cubic-bezier(.16, 1, .3, 1);--font-family-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--sidebar-width:260px;--header-height:64px}[data-theme=dark]{--color-brand-primary:#7b57e8;--color-brand-hover:#9877f5;--color-brand-active:#baf;--color-brand-subtle:#7b57e82e;--color-brand-border:#9877f559;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-disabled:#64748b;--color-text-inverse:#0f172a;--color-text-link:#9877f5;--color-surface-page:#0f172a;--color-surface-default:#1e293b;--color-surface-raised:#334155;--color-surface-muted:#1e293b;--color-surface-selected:#7b57e838;--color-surface-hover:#7b57e81f;--color-surface-overlay:#000000bf;--color-border-default:#334155;--color-border-strong:#475569;--color-border-focus:#7b57e8;--color-status-success:#22c55e;--color-status-success-bg:#22c55e1f;--color-status-success-border:#22c55e40;--color-status-warning:#f59e0b;--color-status-warning-bg:#f59e0b1f;--color-status-warning-border:#f59e0b40;--color-status-danger:#ef4444;--color-status-danger-bg:#ef44441f;--color-status-danger-border:#ef444440;--color-status-info:#3b82f6;--color-status-info-bg:#3b82f61f;--color-status-info-border:#3b82f640;--color-status-neutral:#94a3b8;--color-status-neutral-bg:#1e293b;--color-status-neutral-border:#334155;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 14px -1px #0006, 0 2px 6px -1px #00000040;--shadow-lg:0 10px 25px -3px #00000080, 0 4px 10px -2px #0000004d;--shadow-brand:0 2px 6px #7b57e84d;--shadow-brand-hover:0 4px 14px #7b57e873;--focus-ring:0 0 0 3px #7b57e847}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-primary);background-color:var(--color-surface-page);color:var(--color-text-primary);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv02", "cv03", "cv04", "cv11";transition:background-color var(--motion-normal), color var(--motion-normal);line-height:1.5;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:var(--color-text-link);transition:color var(--motion-fast);text-decoration:none}a:hover{color:var(--color-brand-hover)}::selection{background-color:var(--purple-100);color:var(--purple-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-tertiary)}.q-badge{align-items:center;gap:var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-pill);white-space:nowrap;transition:all var(--motion-fast);border:1px solid #0000;font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.q-badge-dot{border-radius:var(--radius-pill);background-color:currentColor;width:6px;height:6px}.q-badge--pulse .q-badge-dot{animation:1.8s infinite pulseGreen;box-shadow:0 0 #22c55eb3}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.q-badge--success{background-color:var(--color-status-success-bg);color:var(--color-status-success);border-color:var(--color-status-success-border)}.q-badge--warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning);border-color:var(--color-status-warning-border)}.q-badge--danger{background-color:var(--color-status-danger-bg);color:var(--color-status-danger);border-color:var(--color-status-danger-border)}.q-badge--neutral{background-color:var(--color-status-neutral-bg);color:var(--color-status-neutral);border-color:var(--color-status-neutral-border)}.q-badge--info{background-color:var(--color-status-info-bg);color:var(--color-status-info);border-color:var(--color-status-info-border)}.q-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;min-height:40px;transition:all var(--motion-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.q-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.q-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.q-btn--primary{background-color:var(--color-brand-primary);color:#fff;box-shadow:var(--shadow-brand);font-weight:600}.q-btn--primary:hover:not(:disabled){background-color:var(--color-brand-hover);box-shadow:var(--shadow-brand-hover);transform:translateY(-1px)}.q-btn--primary:active:not(:disabled){background-color:var(--color-brand-active);transform:translateY(0)}.q-btn--secondary{background-color:var(--color-surface-default);color:var(--color-text-primary);border-color:var(--color-border-default);box-shadow:var(--shadow-xs)}.q-btn--secondary:hover:not(:disabled){background-color:var(--color-surface-muted);border-color:var(--color-border-strong)}.q-btn--outline{color:var(--color-text-primary);border-color:var(--color-border-default);background-color:#0000}.q-btn--outline:hover:not(:disabled){background-color:var(--color-surface-selected);border-color:var(--color-brand-border);color:var(--color-brand-primary)}.q-btn--ghost{color:var(--color-text-secondary);background-color:#0000}.q-btn--ghost:hover:not(:disabled){background-color:var(--color-surface-muted);color:var(--color-text-primary)}.q-btn--danger{background-color:var(--color-status-danger);color:#fff;font-weight:600;box-shadow:0 2px 6px #dc262640}.q-btn--danger:hover:not(:disabled){background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc262659}.q-btn--ghost-danger{color:var(--color-status-danger);background-color:#0000}.q-btn--ghost-danger:hover:not(:disabled){background-color:var(--color-status-danger-bg)}.q-btn--icon{border-radius:var(--radius-md);min-width:40px;padding:8px}.q-btn--sm{border-radius:var(--radius-sm);min-height:32px;padding:4px 10px;font-size:12px}.q-btn--lg{border-radius:var(--radius-md);min-height:46px;padding:10px 20px;font-size:15px}.q-shell{background-color:var(--color-surface-page);min-height:100vh;display:flex}.q-sidebar{width:var(--sidebar-width);background-color:var(--color-surface-default);border-right:1px solid var(--color-border-default);transition:width var(--motion-normal);z-index:50;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.q-sidebar-header{height:var(--header-height);align-items:center;gap:var(--space-3);padding:0 var(--space-5);border-bottom:1px solid var(--color-border-default);display:flex}.q-logo-badge{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-brand-primary), var(--purple-700));color:#fff;width:34px;height:34px;box-shadow:var(--shadow-brand);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.q-brand-info{flex-direction:column;display:flex}.q-brand-name{color:var(--color-text-primary);letter-spacing:-.02em;font-size:15px;font-weight:700;line-height:1.2}.q-brand-sub{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.q-sidebar-nav{padding:var(--space-4) var(--space-3);flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.q-nav-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);padding:var(--space-3) var(--space-3) var(--space-1);font-size:11px;font-weight:600}.q-nav-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--motion-fast);-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:14px;font-weight:500;display:flex;position:relative}.q-nav-item:hover{background-color:var(--color-surface-muted);color:var(--color-text-primary)}.q-nav-item--active{background-color:var(--color-surface-selected);color:var(--color-brand-primary);font-weight:600}.q-nav-item--active:before{content:"";background-color:var(--color-brand-primary);border-radius:0 var(--radius-xs) var(--radius-xs) 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.q-sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border-default);color:var(--color-text-tertiary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.q-main{flex-direction:column;flex:1;min-width:0;display:flex}.q-header{height:var(--header-height);background-color:var(--color-surface-default);border-bottom:1px solid var(--color-border-default);padding:0 var(--space-8);z-index:40;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.q-header-title{color:var(--color-text-primary);letter-spacing:-.02em;font-size:18px;font-weight:700}.q-header-actions{align-items:center;gap:var(--space-3);display:flex}.q-tenant-switcher{align-items:center;gap:var(--space-2);background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:0 var(--space-3);height:36px;transition:all var(--motion-fast);display:flex}.q-tenant-switcher:focus-within{border-color:var(--color-brand-primary);box-shadow:var(--focus-ring);background-color:var(--color-surface-default)}.q-tenant-select{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;outline:none;max-width:200px;font-size:13px;font-weight:600}.q-user-profile{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background-color:var(--color-surface-default);padding:4px 8px;display:flex}.q-user-avatar{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--color-brand-primary), var(--purple-700));color:#fff;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.q-user-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:13px;font-weight:600;overflow:hidden}.q-content{padding:var(--space-8);flex:1;width:100%;max-width:1440px;margin:0 auto}@media (width<=1024px){.q-header{padding:0 var(--space-5)}.q-content{padding:var(--space-5)}}@media (width<=768px){.q-sidebar{display:none}.q-header{padding:0 var(--space-4)}.q-content{padding:var(--space-4)}}.q-kpi-card{gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-lg);background-color:var(--color-surface-default);border:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);transition:transform var(--motion-fast), box-shadow var(--motion-fast), border-color var(--motion-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.q-kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--purple-300);transform:translateY(-2px)}.q-kpi-header{justify-content:space-between;align-items:center;display:flex}.q-kpi-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.q-kpi-icon-wrapper{background-color:var(--color-surface-selected);width:40px;height:40px;color:var(--color-brand-primary);transition:all var(--motion-fast);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.q-kpi-card:hover .q-kpi-icon-wrapper{transform:scale(1.05)}.q-kpi-value{color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.025em;margin-top:var(--space-1);font-size:32px;font-weight:700;line-height:1.1}.q-kpi-footer{align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:12px;font-weight:400;display:flex}.q-table-container{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.q-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.q-table th{background-color:var(--color-surface-muted);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-default);white-space:nowrap;padding:12px 20px;font-size:12px;font-weight:600}.q-table th.q-sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--motion-fast), background-color var(--motion-fast)}.q-table th.q-sortable-th:hover{color:var(--color-brand-primary);background-color:var(--color-surface-hover)}.q-table .q-th-inner{align-items:center;gap:6px;display:inline-flex}.q-table .q-sort-indicator{font-size:11px;line-height:1}.q-table td{border-bottom:1px solid var(--color-border-default);color:var(--color-text-primary);vertical-align:middle;padding:14px 20px}.q-table tr:last-child td{border-bottom:none}.q-table tbody tr{transition:background-color var(--motion-fast)}.q-table tbody tr:hover td{background-color:var(--color-surface-hover)}.q-table-hostname{align-items:center;gap:var(--space-3);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:600;display:flex}.q-table-subtext{color:var(--color-text-tertiary);font-size:12px;font-family:var(--font-family-mono);margin-top:2px}.q-table-empty{padding:var(--space-8);text-align:center;color:var(--color-text-secondary)}.q-device-card{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);gap:var(--space-3);transition:all var(--motion-fast);cursor:pointer;flex-direction:column;display:flex}.q-device-card:hover{border-color:var(--color-brand-border);box-shadow:var(--shadow-md)}.q-device-card-header{justify-content:space-between;align-items:flex-start;display:flex}.q-device-card-title{color:var(--color-text-primary);align-items:center;gap:var(--space-2);font-size:16px;font-weight:600;display:flex}.q-device-card-code{font-size:12px;font-family:var(--font-family-mono);color:var(--color-text-tertiary)}.q-device-card-body{gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);grid-template-columns:1fr 1fr;font-size:13px;display:grid}.q-device-card-item{flex-direction:column;display:flex}.q-device-card-label{color:var(--color-text-tertiary);text-transform:uppercase;font-size:11px}.q-device-card-val{color:var(--color-text-secondary);font-weight:500}.q-device-card-footer{justify-content:flex-end;display:flex}.q-rd-overlay{z-index:1000;-webkit-user-select:none;user-select:none;background-color:#0b0f19;outline:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.q-rd-overlay--fullscreen{width:100vw;height:100vh;inset:0}.q-rd-toolbar{color:#f9fafb;z-index:10;background-color:#111827;border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.q-rd-toolbar-left,.q-rd-toolbar-center,.q-rd-toolbar-right{align-items:center;gap:12px;display:flex}.q-rd-device-info{align-items:center;gap:8px;display:flex}.q-rd-icon-primary{color:#a78bfa}.q-rd-hostname{color:#f3f4f6;font-size:14px;font-weight:600}.q-rd-code{color:#9ca3af;font-size:12px}.q-rd-resolution{color:#9ca3af;background-color:#1f2937;border-radius:4px;padding:2px 8px;font-size:12px}.q-rd-btn-group{background-color:#1f2937;border:1px solid #374151;border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex}.q-rd-group-label{color:#9ca3af;align-items:center;gap:4px;padding:0 6px;font-size:11px;display:flex}.q-rd-toggle-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.q-rd-toggle-btn:hover{color:#f3f4f6;background-color:#ffffff0d}.q-rd-toggle-btn.active{color:#fff;background-color:#673de6}.q-rd-quick-keys{align-items:center;gap:6px;display:flex}.q-rd-key-btn{color:#d1d5db;cursor:pointer;background-color:#1f2937;border:1px solid #374151;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:background-color .15s;display:flex}.q-rd-key-btn:hover{color:#fff;background-color:#374151}.q-rd-icon-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.q-rd-icon-btn:hover{color:#f3f4f6;background-color:#1f2937}.q-rd-icon-btn--close:hover{color:#fff;background-color:#dc2626}.q-rd-viewport{background-color:#030712;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.q-rd-canvas{object-fit:contain;image-rendering:auto;max-width:100%;max-height:100%;box-shadow:0 8px 30px #0009}.q-rd-canvas--interactive{cursor:default}.q-rd-state-box{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;max-width:480px;padding:32px;display:flex}.q-rd-state-box h3{color:#f3f4f6;margin-top:16px;margin-bottom:8px;font-size:16px}.q-rd-state-box p{margin-bottom:20px;font-size:13px;line-height:1.5}.q-rd-spinner{border:3px solid #a78bfa33;border-top-color:#7c3aed;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite q-rd-spin}@keyframes q-rd-spin{to{transform:rotate(360deg)}}.q-rd-state-box--error{color:#f87171}.q-rd-error-icon{color:#ef4444}.q-rd-retry-btn{margin-top:8px}@media (width<=768px){.q-rd-toolbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px}.q-rd-quick-keys,.q-rd-resolution{display:none}}.q-modal-overlay{background-color:var(--color-surface-overlay);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.q-modal{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);width:100%;max-width:1080px;min-height:620px;max-height:92vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.2s cubic-bezier(.4,0,.2,1) modalIn;display:flex}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.q-modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;display:flex}.q-modal-title{align-items:center;gap:var(--space-3);font-size:19px;font-weight:700;display:flex}.q-modal-body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.q-modal-section{gap:var(--space-4);flex-direction:column;display:flex}.q-modal-section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.q-metric-bar-group{gap:var(--space-2);flex-direction:column;display:flex}.q-metric-bar-header{justify-content:space-between;font-size:13px;font-weight:500;display:flex}.q-metric-bar-track{background-color:var(--color-surface-muted);border-radius:var(--radius-pill);height:8px;overflow:hidden}.q-metric-bar-fill{border-radius:var(--radius-pill);height:100%;transition:width var(--motion-normal)}.q-containers-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));display:grid}.q-container-item{padding:var(--space-3);background-color:var(--color-surface-muted);border-radius:var(--radius-md);border:1px solid var(--color-border-default);gap:var(--space-1);flex-direction:column;font-size:13px;display:flex}.q-modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-default);justify-content:flex-end;display:flex}.q-modal-tabs{gap:var(--space-2);padding:0 var(--space-6);border-bottom:1px solid var(--color-border-default);background-color:var(--color-surface-default);scrollbar-width:none;display:flex;overflow-x:auto}.q-modal-tabs::-webkit-scrollbar{display:none}.q-modal-tab{padding:var(--space-4) var(--space-4);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:var(--space-2);transition:all var(--motion-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;font-size:13.5px;font-weight:500;display:flex}.q-modal-tab:hover{color:var(--color-text-primary)}.q-modal-tab--active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary);font-weight:600}.q-process-search{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-md);margin-bottom:var(--space-3);display:flex}.q-process-search input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.q-process-table-container{border:1px solid var(--color-border-default);border-radius:var(--radius-md);max-height:380px;overflow-y:auto}.q-process-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.q-process-table th{background-color:var(--color-surface-muted);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);z-index:1;font-weight:600;position:sticky;top:0}.q-sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--motion-fast), background-color var(--motion-fast)}.q-sortable-th:hover{color:var(--color-brand-primary);background-color:#ffffff0a}.q-th-inner{align-items:center;gap:4px;display:inline-flex}.q-sort-indicator{opacity:.85;font-size:11px;line-height:1}.q-process-table td{padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-default)}.q-process-table tr:hover td{background-color:#ffffff05}.q-services-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:420px;display:grid;overflow-y:auto}.q-service-card{padding:var(--space-3);background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-md);justify-content:space-between;gap:var(--space-2);flex-direction:column;display:flex}.q-service-card-title{font-size:13px;font-weight:600}.q-service-card-name{color:var(--color-text-tertiary);font-size:11px}.q-service-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-default);display:flex}.q-service-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;transition:all var(--motion-fast);background:0 0;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.q-service-btn:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border-hover);background-color:#ffffff0f}.q-service-btn--start:hover:not(:disabled){color:var(--color-status-success);border-color:var(--color-status-success);background-color:#22c55e1a}.q-service-btn--stop:hover:not(:disabled){color:var(--color-status-danger);border-color:var(--color-status-danger);background-color:#ef44441a}.q-service-btn--restart:hover:not(:disabled){color:var(--color-brand-primary);border-color:var(--color-brand-primary);background-color:#6366f11a}.q-service-btn:disabled{opacity:.45;cursor:not-allowed}.q-spin{animation:1s linear infinite q-spin}@keyframes q-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.q-action-card{padding:var(--space-4);background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);gap:var(--space-3);flex-direction:column;display:flex}.q-action-card--danger{border-left:4px solid var(--color-status-danger)}.q-action-header{align-items:center;gap:var(--space-3);display:flex}.q-action-desc{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.q-container-card{padding:var(--space-4) var(--space-5);background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);justify-content:space-between;gap:var(--space-3);transition:border-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast);flex-direction:column;display:flex}.q-container-card:hover{border-color:#6366f166;box-shadow:0 6px 20px #00000040}.q-container-title-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.q-container-name{color:var(--color-text-primary);letter-spacing:-.01em;font-size:15px;font-weight:700}.q-container-meta{color:var(--color-text-tertiary);font-size:12px;font-family:var(--font-family-mono);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#0000002e;border:1px solid #ffffff0a;flex-direction:column;gap:3px;display:flex}.q-container-metrics{gap:var(--space-2);margin:var(--space-1) 0;flex-wrap:wrap;display:flex}.q-metric-pill{border-radius:var(--radius-pill);border:1px solid var(--color-border-default);color:var(--color-text-primary);background:#ffffff0f;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.q-container-ports{color:var(--color-text-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:11.5px;font-family:var(--font-family-mono);word-break:break-all;background-color:#00000040;padding:6px 10px}.q-container-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid #ffffff0f;display:flex}.q-btn-container{border-radius:var(--radius-md);cursor:pointer;transition:all var(--motion-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 16px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.q-btn-container--restart{color:#a5b4fc;background:#6366f11f;border-color:#6366f14d}.q-btn-container--restart:hover:not(:disabled){color:#fff;background:#6366f140;border-color:#818cf8;transform:translateY(-1px);box-shadow:0 4px 14px #6366f14d}.q-btn-container--stop{color:#fca5a5;background:#ef44441a;border-color:#ef444447}.q-btn-container--stop:hover:not(:disabled){color:#fff;background:#ef444438;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 14px #ef44444d}.q-btn-container--start{color:#86efac;background:#22c55e1f;border-color:#22c55e4d}.q-btn-container--start:hover:not(:disabled){color:#fff;background:#22c55e40;border-color:#22c55e;transform:translateY(-1px);box-shadow:0 4px 14px #22c55e4d}.q-btn-container:active:not(:disabled){transform:translateY(0)}.q-btn-container:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.q-btn-container--logs{border-color:var(--color-border-default);color:var(--color-text-primary);background:#ffffff0f}.q-btn-container--logs:hover:not(:disabled){border-color:var(--color-border-hover);color:#fff;background:#ffffff24;transform:translateY(-1px);box-shadow:0 4px 14px #00000059}.q-terminal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1300;padding:var(--space-4);background-color:#000000bf;justify-content:center;align-items:center;animation:.15s ease-out modalIn;display:flex;position:fixed;inset:0}.q-terminal-modal{border-radius:var(--radius-lg);background-color:#0b0f19;border:1px solid #30363d;flex-direction:column;width:100%;max-width:960px;height:560px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3}.q-terminal-header{padding:var(--space-3) var(--space-5);background-color:#131b2e;border-bottom:1px solid #252e42;justify-content:space-between;align-items:center;display:flex}.q-terminal-tool-btn{color:#cbd5e1;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--motion-fast);background:#ffffff0f;border:1px solid #384259;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.q-terminal-tool-btn:hover:not(:disabled){color:#fff;background:#ffffff26;border-color:#64748b}.q-terminal-tool-btn:disabled{opacity:.4;cursor:not-allowed}.q-terminal-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:8px var(--space-5);background-color:#0c1221;border-bottom:1px solid #1c263d;flex-wrap:wrap;display:flex}.q-terminal-search-wrap{flex:1;align-items:center;min-width:240px;max-width:480px;display:flex;position:relative}.q-terminal-search-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;left:10px}.q-terminal-search-input{border-radius:var(--radius-sm);color:#f1f5f9;width:100%;transition:all var(--motion-fast);background-color:#151e33;border:1px solid #283552;outline:none;padding:6px 30px 6px 32px;font-family:inherit;font-size:12px}.q-terminal-search-input:focus{border-color:var(--color-brand-primary);background-color:#1a253e;box-shadow:0 0 0 2px #3b82f633}.q-terminal-clear-btn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;right:8px}.q-terminal-clear-btn:hover{color:#fff;background-color:#ffffff1a}.q-terminal-toolbar-actions{align-items:center;gap:var(--space-3);display:flex}.q-log-toggle{color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--motion-fast);background:#ffffff0a;border:1px solid #283552;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.q-log-toggle:hover{color:#fff;background:#ffffff14;border-color:#3b4c73}.q-log-toggle--active{box-shadow:0 0 10px #ef444433;color:#fca5a5!important;background:#ef44442e!important;border-color:#ef444480!important}.q-log-toggle-badge{color:#fff;background:#ef4444;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.2;display:inline-block}.q-log-count{color:var(--color-text-tertiary);font-size:11px;font-family:var(--font-family-mono,monospace);white-space:nowrap;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #1c263d;padding:4px 10px}.q-terminal-body{padding:var(--space-3) 0;font-family:var(--font-family-mono,monospace);background-color:#070a12;flex:1;font-size:12px;line-height:1.6;overflow-y:auto}.q-terminal-empty{height:100%;padding:var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.q-terminal-lines{flex-direction:column;width:100%;display:flex}.q-terminal-line{padding:2px var(--space-4);white-space:pre-wrap;word-break:break-word;align-items:flex-start;transition:background-color .1s;display:flex}.q-terminal-line:hover{background-color:#ffffff0a}.q-terminal-line-num{text-align:right;color:#475569;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;flex-shrink:0;width:40px;margin-right:14px;font-size:11px}.q-terminal-line-content{color:#cbd5e1;white-space:pre-wrap;word-break:break-word;flex:1}.q-terminal-line--error{background-color:#ef44441f;border-left:2px solid #ef4444}.q-terminal-line--error:hover{background-color:#ef44442e}.q-terminal-line--error .q-terminal-line-content{color:#fca5a5;font-weight:500}.q-terminal-line--error .q-terminal-line-num{color:#ef4444}.q-terminal-highlight{color:#fef08a;background-color:#eab30859;border-radius:2px;padding:0 2px;font-weight:600}.q-alerts-container{gap:var(--space-5);flex-direction:column;display:flex}.q-alerts-card{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.q-alerts-card-header{align-items:center;gap:var(--space-3);color:var(--color-text-primary);font-size:15px;font-weight:600;display:flex}.q-alerts-desc{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.q-email-input-row{gap:var(--space-2);align-items:center;display:flex}.q-email-input{padding:var(--space-2) var(--space-3);background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--motion-fast);outline:none;flex:1;font-size:13px}.q-email-input:focus{border-color:var(--color-brand-primary)}.q-email-chips-wrap{gap:var(--space-2);flex-wrap:wrap;align-items:center;min-height:38px;display:flex}.q-email-chip{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);color:var(--color-text-primary);padding:5px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.q-email-chip--admin{color:var(--color-brand-primary);background-color:#6366f114;border-color:#6366f140}.q-email-chip-remove{cursor:pointer;color:var(--color-text-tertiary);transition:color var(--motion-fast);background:0 0;border:none;align-items:center;padding:0;display:flex}.q-email-chip-remove:hover{color:var(--color-status-danger)}.q-alerts-info-box{background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);flex-direction:column;font-size:13px;display:flex}.q-ssh-card{background-color:var(--color-surface-default,#0f1420);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);border:1px solid #10b98140;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040}.q-ssh-card:before{content:"";background:linear-gradient(90deg,#10b981 0%,#6366f1 100%);height:3px;position:absolute;top:0;left:0;right:0}.q-ssh-header{justify-content:space-between;align-items:center;display:flex}.q-ssh-title-wrap{align-items:center;gap:10px;display:flex}.q-ssh-icon{border-radius:var(--radius-md);color:#10b981;background:#10b9811f;border:1px solid #10b9814d;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.q-ssh-command-panel{border-radius:var(--radius-md);background-color:#080c16;border:1px solid #1c263d;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.q-ssh-command-row{border-radius:var(--radius-sm);background:#05080f;border:1px solid #162035;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.q-ssh-command-text{color:#34d399;letter-spacing:.2px;-webkit-user-select:all;user-select:all;word-break:break-all;font-family:JetBrains Mono,Fira Code,monospace;font-size:13.5px}.q-ssh-actions-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.q-ssh-config-fields{color:var(--color-text-secondary);align-items:center;gap:14px;font-size:12px;display:flex}.q-ssh-config-field{align-items:center;gap:6px;display:flex}.q-ssh-config-input{color:#f1f5f9;background:#0d1424;border:1px solid #283552;border-radius:4px;width:90px;padding:4px 8px;font-family:inherit;font-size:12px}.q-web-terminal-wrap{border-radius:var(--radius-md);background-color:#060911;border:1px solid #1c263d;flex-direction:column;display:flex;overflow:hidden}.q-web-terminal-header{color:var(--color-text-secondary);background-color:#0d1424;border-bottom:1px solid #1c263d;justify-content:space-between;align-items:center;padding:8px 14px;font-size:11.5px;display:flex}.q-web-terminal-pills{background-color:#090e1a;border-bottom:1px solid #162035;align-items:center;gap:6px;padding:10px 14px;display:flex;overflow-x:auto}.q-terminal-pill-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .15s}.q-terminal-pill-btn:hover{color:#34d399;background:#10b98126;border-color:#10b981}.q-web-terminal-input-bar{background-color:#070b14;border-bottom:1px solid #1c263d;align-items:center;gap:10px;padding:10px 14px;display:flex}.q-web-terminal-prompt{color:#10b981;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.q-web-terminal-input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;font-family:JetBrains Mono,monospace;font-size:12.5px}.q-web-terminal-screen{color:#cbd5e1;white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;scrollbar-color:#10b981 #090d16;min-height:140px;max-height:300px;padding:14px;font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.6;overflow-y:auto}.q-web-terminal-screen::-webkit-scrollbar{width:6px}.q-web-terminal-screen::-webkit-scrollbar-track{background:#070b14}.q-web-terminal-screen::-webkit-scrollbar-thumb{background:#059669;border-radius:4px}.q-proc-feedback{align-items:center;gap:var(--space-2,8px);border-radius:var(--radius-md,8px);margin-bottom:var(--space-3,12px);padding:10px 14px;font-size:13px;font-weight:500;animation:.2s ease-out q-proc-slide-down;display:flex}@keyframes q-proc-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.q-proc-feedback.success{color:#34d399;background-color:#10b9811f;border:1px solid #10b9814d}.q-proc-feedback.error{color:#f87171;background-color:#ef44441f;border:1px solid #ef44444d}.q-proc-feedback-close{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;margin-left:auto;padding:2px;transition:opacity .15s;display:flex}.q-proc-feedback-close:hover{opacity:1}.q-proc-kill-btn{border-radius:var(--radius-sm,6px);cursor:pointer;color:#f87171;background-color:#ef444414;border:1px solid #ef444440;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:500;transition:all .18s;display:inline-flex}.q-proc-kill-btn:hover:not(:disabled){color:#fff;background-color:#ef44442e;border-color:#ef4444;box-shadow:0 0 10px #ef444440}.q-proc-kill-btn:disabled{opacity:.55;cursor:not-allowed}.q-proc-protected-badge{border-radius:var(--radius-sm,6px);color:var(--color-text-tertiary,#94a3b8);cursor:help;-webkit-user-select:none;user-select:none;background-color:#94a3b814;border:1px solid #94a3b826;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.q-proc-confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;padding:var(--space-4,16px);background-color:#000000b8;justify-content:center;align-items:center;animation:.15s ease-out q-fade-in;display:flex;position:fixed;inset:0}.q-proc-confirm-dialog{border-radius:var(--radius-lg,12px);text-align:center;background-color:#0d1322;border:1px solid #1e293b;width:100%;max-width:440px;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) q-dialog-pop;box-shadow:0 20px 40px #0009,0 0 0 1px #ef444426}@keyframes q-dialog-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.q-proc-confirm-icon-wrap{background-color:#ef44441f;border:1px solid #ef444440;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 16px;display:flex}.q-proc-confirm-title{color:#f8fafc;margin-bottom:10px;font-size:16px;font-weight:700}.q-proc-confirm-desc{color:#94a3b8;margin-bottom:14px;font-size:13px;line-height:1.5}.q-proc-pid-badge{color:#f1f5f9;background-color:#1e293b;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:12px}.q-proc-confirm-warning{border-radius:var(--radius-sm,6px);color:#fca5a5;text-align:left;background-color:#ef444414;border:1px solid #ef444433;margin-bottom:20px;padding:10px 12px;font-size:11.5px;line-height:1.45}.q-proc-confirm-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.q-proc-btn-cancel{border-radius:var(--radius-sm,6px);color:#cbd5e1;cursor:pointer;background-color:#1e293b;border:1px solid #334155;padding:8px 16px;font-size:12.5px;font-weight:500;transition:all .15s}.q-proc-btn-cancel:hover:not(:disabled){color:#fff;background-color:#334155}.q-proc-btn-danger{border-radius:var(--radius-sm,6px);color:#fff;cursor:pointer;background-color:#dc2626;border:1px solid #ef4444;align-items:center;gap:6px;padding:8px 18px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.q-proc-btn-danger:hover:not(:disabled){background-color:#b91c1c;box-shadow:0 0 14px #ef444466}.q-proc-btn-danger:disabled,.q-proc-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.q-enroll-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background-color:#0a0b14bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out q-enroll-fade-in;display:flex;position:fixed;inset:0}@keyframes q-enroll-fade-in{0%{opacity:0}to{opacity:1}}.q-enroll-modal{background-color:var(--color-bg-surface,#1e1e2d);border:1px solid var(--color-border-subtle,#ffffff14);border-radius:var(--radius-lg,12px);width:100%;max-width:640px;box-shadow:var(--shadow-modal,0 20px 40px #00000080);flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) q-enroll-zoom-in;display:flex;overflow:hidden}@keyframes q-enroll-zoom-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.q-enroll-header{border-bottom:1px solid var(--color-border-subtle,#ffffff0f);justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.q-enroll-title-group{align-items:center;gap:14px;display:flex}.q-enroll-icon-badge{border-radius:var(--radius-md,8px);width:44px;height:44px;color:var(--color-brand-primary,#673ab7);background:linear-gradient(135deg,#673ab733 0%,#673ab70d 100%);border:1px solid #673ab74d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.q-enroll-title{color:var(--color-text-primary,#fff);margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.q-enroll-subtitle{color:var(--color-text-secondary,#a1a1aa);margin:4px 0 0;font-size:.875rem}.q-enroll-close-btn{color:var(--color-text-tertiary,#71717a);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .15s,color .15s;display:flex}.q-enroll-close-btn:hover{color:var(--color-text-primary,#fff);background-color:#ffffff14}.q-enroll-success-banner{background:linear-gradient(90deg,#10b98126 0%,#10b9810d 100%);border-bottom:1px solid #10b9814d;align-items:center;gap:14px;padding:12px 24px;animation:.3s ease-out q-enroll-fade-in;display:flex}.q-enroll-success-icon{color:var(--color-status-success,#10b981);flex-shrink:0}.q-enroll-success-info{flex-direction:column;flex:1;display:flex}.q-enroll-success-title{color:#34d399;font-size:.875rem;font-weight:600}.q-enroll-success-desc{color:var(--color-text-secondary,#d1d5db);font-size:.8125rem}.q-enroll-success-action{flex-shrink:0;align-items:center;gap:6px;display:flex}.q-enroll-os-tabs{border-bottom:1px solid var(--color-border-subtle,#ffffff0f);gap:10px;padding:12px 24px 0;display:flex}.q-enroll-os-tab{color:var(--color-text-secondary,#a1a1aa);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s;display:flex}.q-enroll-os-tab:hover{color:var(--color-text-primary,#fff)}.q-enroll-os-tab.active{color:var(--color-brand-primary,#9370db);border-bottom-color:var(--color-brand-primary,#9370db)}.q-enroll-body{flex-direction:column;gap:18px;padding:20px 24px;display:flex}.q-enroll-instructions{flex-direction:column;gap:8px;display:flex}.q-enroll-step{color:var(--color-text-secondary,#d1d5db);align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.4;display:flex}.q-enroll-step-number{width:20px;height:20px;color:var(--color-text-primary,#fff);background-color:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:600;display:flex}.q-enroll-code-container{background-color:var(--color-bg-primary,#12131f);border:1px solid var(--color-border-strong,#ffffff1f);border-radius:var(--radius-md,8px);overflow:hidden}.q-enroll-code-header{background-color:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.q-enroll-code-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary,#9ca3af);font-size:.75rem;font-weight:600}.q-enroll-copy-btn{color:#c4b5fd;cursor:pointer;background:#673ab733;border:1px solid #673ab766;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.q-enroll-copy-btn:hover{color:#fff;background:#673ab759}.q-enroll-copy-btn.copied{color:#34d399;background:#10b98133;border-color:#10b98180}.q-enroll-code-block{font-family:var(--font-mono,"JetBrains Mono", "Fira Code", monospace);color:#a7f3d0;white-space:pre;-webkit-user-select:all;user-select:all;margin:0;padding:14px;font-size:.875rem;overflow-x:auto}.q-enroll-features{background-color:#ffffff05;border:1px dashed #ffffff14;border-radius:8px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.q-enroll-feature-item{color:var(--color-text-secondary,#9ca3af);align-items:center;gap:10px;font-size:.8125rem;display:flex}.q-feature-icon{color:var(--color-brand-primary,#9370db);flex-shrink:0}.q-enroll-footer{border-top:1px solid var(--color-border-subtle,#ffffff0f);background-color:#00000026;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.q-enroll-hint{color:var(--color-text-tertiary,#71717a);font-size:.75rem}@media (width<=600px){.q-enroll-footer{text-align:center;flex-direction:column;align-items:stretch}}.q-dashboard-view{gap:var(--space-6);flex-direction:column;display:flex}.q-kpi-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.q-filter-bar{justify-content:space-between;align-items:center;gap:var(--space-4);background-color:var(--color-surface-default);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);display:flex}.q-search-input{align-items:center;gap:var(--space-2);background-color:var(--color-surface-page);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:0 var(--space-3);max-width:380px;height:40px;transition:all var(--motion-fast);color:var(--color-text-secondary);flex:1;display:flex}.q-search-input:focus-within{background-color:var(--color-surface-default);border-color:var(--color-brand-primary);box-shadow:var(--focus-ring);color:var(--color-brand-primary)}.q-search-input input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}.q-search-input input::placeholder{color:var(--color-text-tertiary)}.q-filter-group{align-items:center;gap:var(--space-3);display:flex}.q-filter-group select{height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background-color:var(--color-surface-default);color:var(--color-text-primary);cursor:pointer;transition:all var(--motion-fast);outline:none;font-size:13px;font-weight:500}.q-filter-group select:focus{border-color:var(--color-brand-primary);box-shadow:var(--focus-ring)}.q-cards-grid{gap:var(--space-4);grid-template-columns:1fr;display:none}@media (width<=1024px){.q-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.q-kpi-grid{grid-template-columns:1fr}.q-filter-bar{flex-direction:column;align-items:stretch}.q-search-input{max-width:none}.q-table-container{display:none}.q-cards-grid{display:grid}}.q-report-overlay{background-color:var(--color-surface-overlay,#11182799);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;padding:var(--space-4);animation:fadeIn var(--motion-fast) ease-out;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.q-report-modal{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);width:100%;max-width:1100px;max-height:90vh;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.q-report-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-default);background:var(--color-surface-muted);justify-content:space-between;align-items:center;display:flex}.q-report-title-group{align-items:center;gap:var(--space-3);display:flex}.q-report-title-group h3{color:var(--color-text-primary);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.q-report-title-group p{color:var(--color-text-tertiary);margin:2px 0 0;font-size:12px}.q-report-actions{align-items:center;gap:var(--space-3);display:flex}.q-report-body{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex;overflow-y:auto}.q-report-doc-header{padding-bottom:var(--space-4);border-bottom:2px solid var(--color-brand-primary);justify-content:space-between;align-items:flex-start;display:flex}.q-report-brand-name{letter-spacing:-.5px;color:var(--color-brand-primary);align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.q-report-brand-sub{color:var(--color-text-secondary);margin-top:2px;font-size:12px;font-weight:500}.q-report-doc-meta{text-align:right;color:var(--color-text-secondary);font-size:12px}.q-report-doc-meta strong{color:var(--color-text-primary)}.q-report-kpis{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.q-report-kpi-card{background:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);flex-direction:column;gap:2px;display:flex}.q-report-kpi-val{color:var(--color-text-primary);font-size:22px;font-weight:700}.q-report-kpi-lbl{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.q-report-filter-bar{justify-content:space-between;align-items:center;gap:var(--space-4);background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);display:flex}.q-report-filter-tabs{gap:var(--space-2);display:flex}.q-report-filter-tab{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--motion-fast);background:0 0;border:1px solid #0000;padding:6px 14px;font-size:12px;font-weight:600}.q-report-filter-tab:hover{color:var(--color-text-primary);background-color:var(--color-surface-default)}.q-report-filter-tab--active{background-color:var(--color-brand-primary)!important;color:#fff!important}.q-report-sheets-title{color:var(--color-text-primary);margin-bottom:var(--space-2);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.q-report-device-card{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);gap:var(--space-4);page-break-inside:avoid;break-inside:avoid;flex-direction:column;display:flex}.q-report-card-top{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-default);flex-wrap:wrap;display:flex}.q-report-card-hostname-group{align-items:center;gap:var(--space-3);display:flex}.q-report-card-hostname{color:var(--color-text-primary);font-size:16px;font-weight:700}.q-report-card-code{font-family:var(--font-family-mono);color:var(--color-brand-primary);background-color:var(--color-surface-selected);border-radius:var(--radius-sm);padding:2px 8px;font-size:12px;font-weight:600}.q-report-specs-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.q-report-spec-box{background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3)}.q-report-spec-box-lbl{color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.q-report-spec-box-val{color:var(--color-text-primary);font-size:13px;font-weight:600}.q-report-spec-box-sub{color:var(--color-text-secondary);margin-top:2px;font-size:11px}.q-report-peripherals-section{background:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.q-report-peripherals-header{justify-content:space-between;align-items:center;display:flex}.q-report-peripherals-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-brand-primary);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.q-report-peripherals-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.q-report-peri-item{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;gap:4px;display:flex}.q-report-peri-label{color:var(--color-text-tertiary);text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.q-report-peri-value{color:var(--color-text-primary);font-size:12px;font-weight:600}.q-report-peri-list{color:var(--color-text-primary);flex-direction:column;gap:3px;font-size:12px;display:flex}.q-report-peri-list-item{align-items:center;gap:4px;display:flex}.q-report-printer-default-badge{color:#fff;text-transform:uppercase;background-color:#10b981;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:600}@media print{body *{visibility:hidden}.q-report-overlay,.q-report-overlay *{visibility:visible}.q-report-overlay{position:absolute;inset:0;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;padding:0!important}.q-report-modal{max-width:100%!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:none!important}.q-report-header,.q-report-filter-bar,.q-non-printable{display:none!important}.q-report-body{padding:0!important;overflow:visible!important}.q-report-device-card{box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;border:1px solid #d1d5db!important;margin-bottom:24px!important}}.q-inventory-view{gap:var(--space-5);flex-direction:column;animation:.2s ease-in-out fadeIn;display:flex}.q-inventory-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.q-inventory-title-group h2{color:var(--color-text-primary);align-items:center;gap:var(--space-2);margin:0;font-size:20px;font-weight:700;display:flex}.q-inventory-title-group p{margin:var(--space-1) 0 0 0;color:var(--color-text-secondary);font-size:13px}.q-inventory-stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.q-inventory-stat-card{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-4);align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);display:flex}.q-inventory-stat-icon{border-radius:var(--radius-md);background-color:var(--color-surface-muted);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.q-inventory-stat-info{flex-direction:column;display:flex}.q-inventory-stat-value{color:var(--color-text-primary);font-size:22px;font-weight:700}.q-inventory-stat-label{color:var(--color-text-tertiary);font-size:12px;font-weight:500}.q-inventory-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.q-inventory-search-wrap{align-items:center;gap:var(--space-2);background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);flex:1;max-width:480px;display:flex}.q-inventory-search-wrap input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.q-inventory-table-container{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.q-inventory-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.q-inventory-table th{background-color:var(--color-surface-muted);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-default);white-space:nowrap;font-weight:600}.q-inventory-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-default);vertical-align:middle}.q-inventory-table tr:hover td{background-color:#ffffff05}.q-asset-hostname{color:var(--color-text-primary);font-weight:600}.q-asset-meta{color:var(--color-text-tertiary);font-size:11px;font-family:var(--font-family-mono)}.q-export-btn{background-color:var(--color-brand-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--motion-fast), transform var(--motion-fast);border:none;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.q-export-btn:hover{opacity:.9;transform:translateY(-1px)}.q-card{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-normal), border-color var(--motion-normal), transform var(--motion-normal)}.q-card:hover{border-color:var(--purple-300);box-shadow:var(--shadow-md)}.q-settings-page{padding:var(--space-6);gap:var(--space-6);flex-direction:column;max-width:1100px;margin:0 auto;display:flex}.q-settings-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.q-settings-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;align-items:center;gap:var(--space-2);display:flex}.q-settings-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.q-settings-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(460px,1fr));display:grid}@media (width<=768px){.q-settings-page{padding:var(--space-4)}.q-settings-grid{grid-template-columns:1fr}}.q-settings-card{padding:var(--space-6);gap:var(--space-5);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.q-card-header-row{justify-content:space-between;align-items:center;display:flex}.q-card-heading{align-items:center;gap:var(--space-3);display:flex}.q-card-heading h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.q-card-heading p{margin:var(--space-1) 0 0 0;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.q-toggle-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast);display:flex}.q-toggle-row:hover{border-color:var(--color-border-hover)}.q-toggle-label{flex-direction:column;gap:2px;display:flex}.q-toggle-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.q-toggle-desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.q-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.q-switch input{opacity:0;width:0;height:0}.q-switch-slider{cursor:pointer;background-color:var(--color-bg-tertiary,#30363d);transition:background-color var(--duration-fast), transform var(--duration-fast);border-radius:var(--radius-full);position:absolute;inset:0}.q-switch-slider:before{content:"";width:18px;height:18px;transition:transform var(--duration-fast);border-radius:var(--radius-full);background-color:#fff;position:absolute;bottom:3px;left:3px}.q-switch input:checked+.q-switch-slider{background-color:var(--color-brand-primary)}.q-switch input:focus+.q-switch-slider{box-shadow:0 0 0 2px var(--color-brand-focus)}.q-switch input:checked+.q-switch-slider:before{transform:translate(20px)}.q-recipients-box{gap:var(--space-3);flex-direction:column;display:flex}.q-recipient-chips{gap:var(--space-2);min-height:38px;padding:var(--space-2);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;display:flex}.q-chip{align-items:center;gap:var(--space-1);color:var(--color-brand-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:#6366f126;border:1px solid #6366f14d;padding:4px 10px;display:inline-flex}.q-chip-remove{color:inherit;cursor:pointer;opacity:.7;transition:opacity var(--duration-fast);background:0 0;border:none;align-items:center;margin-left:2px;padding:0;display:flex}.q-chip-remove:hover{opacity:1}.q-add-recipient-row{gap:var(--space-2);display:flex}.q-input-field{background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:border-color var(--duration-fast);outline:none;flex:1;padding:8px 12px}.q-input-field:focus{border-color:var(--color-brand-primary)}.q-form-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=600px){.q-form-grid{grid-template-columns:1fr}}.q-form-group{gap:var(--space-1);flex-direction:column;display:flex}.q-form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.q-feedback-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);align-items:center;gap:var(--space-3);display:flex}.q-feedback-banner--success{color:var(--color-status-success);background-color:#22c55e1f;border:1px solid #22c55e4d}.q-feedback-banner--error{color:var(--color-status-danger);background-color:#ef44441f;border:1px solid #ef44444d}.q-settings-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.q-push-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;padding:var(--space-4);background-color:#000000b3;justify-content:center;align-items:center;animation:.15s ease-out modalIn;display:flex;position:fixed;inset:0}.q-push-modal{background-color:var(--color-surface-elevated,#161b26);border:1px solid var(--color-border-subtle,#283552);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0009}.q-push-header{padding:var(--space-4) var(--space-5);background-color:var(--color-surface-default,#0f1420);border-bottom:1px solid var(--color-border-subtle,#283552);justify-content:space-between;align-items:center;display:flex}.q-push-icon-wrap{border-radius:var(--radius-md);background:#6366f11f;border:1px solid #6366f14d;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.q-push-close-btn{color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--motion-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.q-push-close-btn:hover{color:#fff;background-color:#ffffff1a}.q-push-target-card{padding:12px var(--space-5);border-bottom:1px solid var(--color-border-subtle,#283552);background:#6366f10f;flex-direction:column;gap:6px;font-size:12px;display:flex}.q-push-target-label{color:var(--color-text-tertiary);margin-right:4px}.q-push-target-host{color:var(--color-text-primary);font-size:13px;font-weight:700}.q-push-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.q-push-field{flex-direction:column;gap:6px;display:flex}.q-push-label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.q-push-input{border-radius:var(--radius-sm);color:#f1f5f9;width:100%;transition:all var(--motion-fast);box-sizing:border-box;background-color:#0c1220;border:1px solid #283552;outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.q-push-input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px #6366f133}.q-push-pwd-toggle{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.q-push-pwd-toggle:hover{color:#fff}.q-push-os-selector{grid-templateColumns:1fr 1fr;gap:10px;display:grid}.q-push-os-btn{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--motion-fast);background-color:#0c1220;border:1px solid #283552;justify-content:center;align-items:center;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.q-push-os-btn:hover:not(:disabled){color:#fff;border-color:#43547a}.q-push-os-btn--active{box-shadow:0 0 10px #6366f133;border-color:var(--color-brand-primary)!important;color:#fff!important;background-color:#6366f126!important}.q-push-alert{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px 14px;font-size:12px;line-height:1.4;display:flex}.q-push-alert--error{color:#fca5a5;background-color:#ef444426;border:1px solid #ef444459}.q-push-alert--success{color:#86efac;background-color:#22c55e26;border:1px solid #22c55e59}.q-push-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;max-height:calc(90vh - 120px);display:flex;overflow-y:auto}.q-push-body::-webkit-scrollbar{width:6px}.q-push-body::-webkit-scrollbar-track{background:#0f1420}.q-push-body::-webkit-scrollbar-thumb{background:#283552;border-radius:3px}.q-push-console{border-radius:var(--radius-sm);background-color:#060910;border:1px solid #1c263d;overflow:hidden;box-shadow:0 4px 20px #0006}.q-push-console-header{color:var(--color-text-secondary);font-size:11px;font-family:var(--font-family-mono,monospace);background-color:#0d1424;border-bottom:1px solid #1c263d;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.q-push-console-copy{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;transition:all .15s;display:flex}.q-push-console-copy:hover{border-color:var(--color-brand-primary);color:#fff;background:#6366f133}.q-push-console-pre{font-family:"JetBrains Mono", "Fira Code", var(--font-family-mono,monospace);color:#cbd5e1;white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;scrollbar-color:#6366f1 #0c1220;height:200px;max-height:250px;margin:0;padding:12px 14px;font-size:11px;line-height:1.6;overflow-y:auto}.q-push-console-pre::-webkit-scrollbar{width:6px}.q-push-console-pre::-webkit-scrollbar-track{background:#090d16}.q-push-console-pre::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:4px}.q-push-console-pre::-webkit-scrollbar-thumb:hover{background:#6366f1}.q-push-log-line{align-items:flex-start;gap:12px;padding:1px 0;display:flex}.q-push-log-num{color:#475569;-webkit-user-select:none;user-select:none;text-align:right;min-width:20px;font-size:10px;line-height:1.7}.q-push-log-text{flex:1}.q-push-footer{padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle,#283552);justify-content:flex-end;align-items:center;gap:10px;display:flex}.q-discovery-view{gap:var(--space-4);flex-direction:column;animation:.2s ease-out fadeIn;display:flex}.q-discovery-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.q-discovery-icon-badge{border-radius:var(--radius-md);background:#6366f11f;border:1px solid #6366f14d;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.q-discovery-title{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:700}.q-discovery-subtitle{color:var(--color-text-secondary);margin:2px 0 0;font-size:13px}.q-discovery-msg{padding:10px var(--space-4);border-radius:var(--radius-md);align-items:center;gap:10px;font-size:13px;display:flex;position:relative}.q-discovery-msg--success{color:#86efac;background:#22c55e1f;border:1px solid #22c55e4d}.q-discovery-msg--error{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.q-discovery-msg-close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;right:12px}.q-discovery-kpis{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.q-discovery-kpi-card{background:var(--color-surface-elevated,#161b26);border:1px solid var(--color-border-subtle,#283552);border-radius:var(--radius-md);padding:var(--space-4);flex-direction:column;gap:4px;display:flex}.q-discovery-kpi-card--managed{border-left:3px solid var(--color-status-success)}.q-discovery-kpi-card--unmanaged{border-left:3px solid var(--color-status-warning)}.q-discovery-kpi-label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.q-discovery-kpi-val{color:var(--color-text-primary);font-size:26px;font-weight:700;line-height:1.1}.q-discovery-kpi-sub{color:var(--color-text-tertiary);font-size:11px}.q-discovery-toolbar{align-items:center;gap:var(--space-3);background:var(--color-surface-elevated,#161b26);padding:10px var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle,#283552);flex-wrap:wrap;display:flex}.q-discovery-control-group{align-items:center;gap:8px;display:flex}.q-discovery-control-label{color:var(--color-text-secondary);white-space:nowrap;font-size:12px;font-weight:600}.q-discovery-select,.q-discovery-input{border-radius:var(--radius-sm);color:#f1f5f9;background:#0c1220;border:1px solid #283552;outline:none;padding:6px 10px;font-family:inherit;font-size:12px}.q-discovery-select:focus,.q-discovery-input:focus{border-color:var(--color-brand-primary)}.q-discovery-search-wrap{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.q-discovery-search-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;left:10px}.q-discovery-search-input{border-radius:var(--radius-sm);color:#f1f5f9;width:100%;transition:all var(--motion-fast);background-color:#0c1220;border:1px solid #283552;outline:none;padding:6px 12px 6px 32px;font-family:inherit;font-size:12px}.q-discovery-search-input:focus{border-color:var(--color-brand-primary)}.q-discovery-filter-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.q-chip{color:var(--color-text-secondary);cursor:pointer;transition:all var(--motion-fast);background:#ffffff0a;border:1px solid #283552;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.q-chip:hover{color:#fff;background:#ffffff14}.q-chip--active{border-color:var(--color-brand-primary);color:#fff;background:#6366f133}.q-chip--active-warning{color:#fef08a!important;background:#eab30833!important;border-color:#eab308!important}.q-chip--active-success{color:#86efac!important;background:#22c55e33!important;border-color:#22c55e!important}.q-discovery-table-card{background:var(--color-surface-elevated,#161b26);border:1px solid var(--color-border-subtle,#283552);border-radius:var(--radius-md);overflow:hidden}.q-discovery-loading,.q-discovery-empty{color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px;display:flex}.q-discovery-table-wrap{width:100%;overflow-x:auto}.q-discovery-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.q-discovery-table th{background-color:var(--color-surface-default,#0f1420);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:12px var(--space-4);border-bottom:1px solid var(--color-border-subtle,#283552);font-size:11px}.q-discovery-table td{padding:12px var(--space-4);vertical-align:middle;border-bottom:1px solid #28355280}.q-discovery-table tr:hover{background-color:#ffffff05}.q-badge-status{border-radius:12px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.q-badge-status--managed{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d}.q-badge-status--unmanaged{color:#fde047;background:#eab30826;border:1px solid #eab30859}.q-ip-text{font-family:var(--font-family-mono);color:var(--color-text-primary);font-weight:600;display:block}.q-latency-text{color:var(--color-text-tertiary);font-size:10px;font-family:var(--font-family-mono)}.q-mac-text{font-family:var(--font-family-mono);color:var(--color-text-secondary);font-size:12px}.q-ports-wrap{flex-wrap:wrap;gap:4px;display:flex}.q-port-chip{font-size:10px;font-family:var(--font-family-mono);color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px}.q-port-chip--ssh{color:#86efac;background:#22c55e26;border-color:#22c55e4d}.q-port-chip--smb{color:#93c5fd;background:#3b82f626;border-color:#3b82f64d}.q-port-chip--rdp{color:#fde047;background:#eab30826;border-color:#eab3084d}.q-port-chip--web{color:#d8b4fe;background:#a855f726;border-color:#a855f74d}.q-port-chip--print{color:#fdba74;background:#f9731626;border-color:#f973164d}.q-btn-install-agent{color:#a5b4fc;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--motion-fast);background:#6366f126;border:1px solid #6366f166;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.q-btn-install-agent:hover{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff;box-shadow:0 0 10px #6366f14d}.q-btn-view-device{color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--motion-fast);background:#ffffff0d;border:1px solid #283552;align-items:center;gap:4px;padding:6px 10px;font-size:12px;display:inline-flex}.q-btn-view-device:hover{color:#fff;background:#ffffff1a}.q-clients-view{gap:var(--space-6);flex-direction:column;display:flex}.q-clients-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.q-clients-title-group{flex-direction:column;gap:4px;display:flex}.q-clients-title{color:var(--color-text-primary);letter-spacing:-.02em;font-size:22px;font-weight:700}.q-clients-desc{color:var(--color-text-secondary);font-size:14px}.q-token-badge-wrapper{align-items:center;gap:var(--space-2);background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-family-mono);color:var(--color-text-primary);padding:4px 8px;font-size:12px;display:inline-flex}.q-copy-btn{cursor:pointer;color:var(--color-brand-primary);border-radius:var(--radius-xs);transition:all var(--motion-fast);background:0 0;border:none;align-items:center;padding:2px;display:flex}.q-copy-btn:hover{background-color:var(--color-surface-selected)}.q-client-stats-badges{align-items:center;gap:var(--space-2);display:flex}.q-stat-pill{border-radius:var(--radius-pill);align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.q-stat-pill--win{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe}.q-stat-pill--lin{color:#ea580c;background-color:#fff7ed;border:1px solid #ffedd5}.q-modal-overlay{background-color:var(--color-surface-overlay);z-index:1300;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.q-client-modal{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);gap:var(--space-5);flex-direction:column;padding:28px;animation:.2s cubic-bezier(.16,1,.3,1) modalIn;display:flex}.q-modal-header{justify-content:space-between;align-items:center;display:flex}.q-modal-title{color:var(--color-text-primary);font-size:18px;font-weight:700}.q-modal-close{cursor:pointer;color:var(--color-text-tertiary);border-radius:var(--radius-md);background:0 0;border:none;padding:4px}.q-modal-form{gap:var(--space-4);flex-direction:column;display:flex}.q-modal-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.q-users-view{gap:var(--space-6);flex-direction:column;animation:.2s ease-out fadeIn;display:flex}.q-users-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.q-users-title-box h1{letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:4px;font-size:22px;font-weight:800}.q-users-title-box p{color:var(--color-text-secondary);font-size:13px}.q-users-tabs{border-bottom:1px solid var(--color-border-default);gap:8px;padding-bottom:2px;display:flex}.q-tab-btn{color:var(--color-text-secondary);cursor:pointer;transition:all var(--motion-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:flex}.q-tab-btn:hover{color:var(--color-text-primary)}.q-tab-btn.active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary)}.q-users-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.q-search-box{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-md);align-items:center;gap:8px;min-width:280px;height:38px;padding:0 12px;display:flex}.q-search-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.q-filter-select{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-default);height:38px;color:var(--color-text-primary);cursor:pointer;outline:none;padding:0 12px;font-size:13px;font-weight:600}.q-users-table-card{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.q-users-table{border-collapse:collapse;text-align:left;width:100%}.q-users-table th{background-color:var(--color-surface-muted);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border-default);padding:12px 16px;font-size:11px;font-weight:700}.q-users-table td{border-bottom:1px solid var(--color-border-default);vertical-align:middle;padding:14px 16px;font-size:13px}.q-users-table tr:last-child td{border-bottom:none}.q-users-table tr:hover td{background-color:var(--color-surface-muted)}.q-user-info-cell{align-items:center;gap:12px;display:flex}.q-user-avatar-sm{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--color-brand-primary), var(--purple-700));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.q-online-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.q-online-card{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);box-shadow:var(--shadow-sm);transition:transform var(--motion-fast), box-shadow var(--motion-fast);flex-direction:column;display:flex}.q-online-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.q-online-card-header{justify-content:space-between;align-items:center;display:flex}.q-online-user-meta{align-items:center;gap:12px;display:flex}.q-online-avatar-box{position:relative}.q-online-pulse-dot{border:2px solid var(--color-surface-default);background-color:#10b981;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.q-online-details-box{background-color:var(--color-surface-muted);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-direction:column;gap:6px;padding:10px 12px;font-size:12px;display:flex}.q-online-row{justify-content:space-between;align-items:center;display:flex}.q-payments-view{gap:var(--space-6);flex-direction:column;animation:.2s ease-out fadeIn;display:flex}.q-payments-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.q-payments-header h1{letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:4px;font-size:22px;font-weight:800}.q-payments-header p{color:var(--color-text-secondary);font-size:13px}.q-payments-kpis{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.q-payments-card{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.q-payments-table{border-collapse:collapse;text-align:left;width:100%}.q-payments-table th{background-color:var(--color-surface-muted);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border-default);padding:12px 16px;font-size:11px;font-weight:700}.q-payments-table td{border-bottom:1px solid var(--color-border-default);vertical-align:middle;padding:14px 16px;font-size:13px}.q-payments-table tr:last-child td{border-bottom:none}.q-payments-table tr:hover td{background-color:var(--color-surface-muted)}.q-payment-amount{color:var(--color-text-primary);font-size:14px;font-weight:800}.q-receipt-modal{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:520px;box-shadow:var(--shadow-xl);position:relative}.q-receipt-header{text-align:center;border-bottom:1px dashed var(--color-border-default);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.q-receipt-brand{color:var(--color-brand-primary);font-size:20px;font-weight:800}.q-receipt-row{justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.q-receipt-total{border-top:2px solid var(--color-border-default);color:var(--color-brand-primary);margin-top:12px;padding-top:12px;font-size:16px;font-weight:800}.q-portal{background-color:var(--color-surface-page);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-sans);flex-direction:column;display:flex}.q-promo-banner{color:#fff;z-index:50;background:linear-gradient(90deg,#673de6,#4f25c7 60%,#2f127a);justify-content:center;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:600;display:flex;position:relative;box-shadow:0 2px 8px #673de640}.q-promo-badge{color:#111827;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;background-color:#ffd233;padding:2px 8px;font-size:11px;font-weight:800}.q-promo-code{border-radius:var(--radius-sm);font-family:var(--font-mono);background:#fff3;border:1px dashed #ffffff80;padding:2px 6px;font-weight:700}.q-promo-btn{color:var(--color-brand-primary);border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--motion-fast);background:#fff;border:none;padding:4px 12px;font-size:12px;font-weight:700}.q-promo-btn:hover{transform:scale(1.04)}.q-portal-header{background-color:var(--color-surface-default);border-bottom:1px solid var(--color-border-default);height:72px;padding:0 var(--space-8);z-index:40;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.q-portal-brand{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.q-portal-logo{background:linear-gradient(135deg, var(--color-brand-primary), var(--purple-700));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.q-portal-brand-text{letter-spacing:-.02em;color:var(--color-text-primary);font-size:18px;font-weight:800}.q-portal-nav{align-items:center;gap:var(--space-6);display:flex}.q-portal-nav a{color:var(--color-text-secondary);transition:color var(--motion-fast);font-size:14px;font-weight:600;text-decoration:none}.q-portal-nav a:hover{color:var(--color-brand-primary)}.q-portal-actions{align-items:center;gap:var(--space-3);display:flex}.q-country-select-box{background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:0 var(--space-3);align-items:center;gap:6px;height:36px;display:flex}.q-country-select{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;outline:none;font-size:13px;font-weight:600}.q-portal-hero{text-align:center;max-width:1000px;margin:0 auto;padding:80px 24px 60px}.q-hero-tag{background-color:var(--purple-50);color:var(--color-brand-primary);border:1px solid var(--purple-200);border-radius:var(--radius-pill);margin-bottom:var(--space-6);align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.q-portal-hero h1{letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:var(--space-5);font-size:48px;font-weight:800;line-height:1.15}.q-portal-hero h1 span{background:linear-gradient(135deg, var(--color-brand-primary), #9333ea);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.q-hero-sub{color:var(--color-text-secondary);max-width:720px;margin:0 auto var(--space-8);font-size:18px;line-height:1.6}.q-hero-actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.q-hero-features-chips{justify-content:center;align-items:center;gap:var(--space-6);color:var(--color-text-secondary);flex-wrap:wrap;margin-top:40px;font-size:13px;font-weight:600;display:flex}.q-hero-chip{align-items:center;gap:6px;display:flex}.q-portal-pricing{width:100%;max-width:1200px;margin:0 auto;padding:40px 24px 80px}.q-pricing-header{text-align:center;margin-bottom:40px}.q-pricing-header h2{letter-spacing:-.02em;margin-bottom:12px;font-size:32px;font-weight:800}.q-pricing-cycle-switch{background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-pill);align-items:center;gap:4px;margin-top:16px;padding:4px;display:inline-flex}.q-cycle-btn{color:var(--color-text-secondary);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--motion-fast);background:0 0;border:none;padding:8px 18px;font-size:13px;font-weight:700}.q-cycle-btn.active{background-color:var(--color-brand-primary);color:#fff;box-shadow:var(--shadow-sm)}.q-pricing-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.q-price-card{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-8);transition:transform var(--motion-fast), box-shadow var(--motion-fast);flex-direction:column;justify-content:space-between;display:flex;position:relative}.q-price-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.q-price-card--featured{border:2px solid var(--color-brand-primary);background:linear-gradient(180deg, #673de60a 0%, var(--color-surface-default) 30%);box-shadow:0 10px 30px #673de626}.q-popular-badge{background-color:var(--color-brand-primary);color:#fff;border-radius:var(--radius-pill);letter-spacing:.05em;text-transform:uppercase;box-shadow:var(--shadow-md);align-items:center;gap:4px;padding:4px 14px;font-size:11px;font-weight:800;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.q-card-tier-name{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--space-3);font-size:14px;font-weight:800}.q-price-amount-box{margin-bottom:var(--space-2);align-items:baseline;gap:4px;display:flex}.q-currency{color:var(--color-text-primary);font-size:24px;font-weight:700}.q-amount{color:var(--color-text-primary);letter-spacing:-.03em;font-size:42px;font-weight:800}.q-amount-original{color:var(--color-text-muted);margin-left:8px;font-size:20px;text-decoration:line-through}.q-period{color:var(--color-text-secondary);font-size:13px;font-weight:500}.q-tier-desc{color:var(--color-text-secondary);margin-bottom:var(--space-6);min-height:40px;font-size:13px}.q-feature-list{margin:0 0 var(--space-8);flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.q-feature-item{color:var(--color-text-primary);align-items:center;gap:10px;font-size:13px;display:flex}.q-check-icon{color:#10b981;flex-shrink:0}.q-checkout-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172ab3;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out modalIn;display:flex;position:fixed;inset:0}.q-checkout-modal{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);width:100%;max-width:860px;max-height:90vh;padding:var(--space-8);box-shadow:var(--shadow-xl);position:relative;overflow-y:auto}.q-modal-close{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--motion-fast);background:0 0;border:none;padding:6px;position:absolute;top:20px;right:20px}.q-modal-close:hover{background-color:var(--color-surface-muted);color:var(--color-text-primary)}.q-checkout-grid{gap:var(--space-8);margin-top:var(--space-6);grid-template-columns:1fr 1.2fr;display:grid}.q-checkout-summary{background-color:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.q-summary-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);font-size:14px;font-weight:700}.q-summary-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.q-summary-total{border-top:1px solid var(--color-border-default);padding-top:var(--space-3);color:var(--color-brand-primary);font-size:16px;font-weight:800}.q-coupon-box{gap:8px;margin-top:8px;display:flex}.q-coupon-input{border:1px solid var(--color-border-default);border-radius:var(--radius-md);text-transform:uppercase;background-color:var(--color-surface-default);height:38px;color:var(--color-text-primary);flex:1;padding:0 10px;font-size:13px;font-weight:700}.q-checkout-form{gap:var(--space-4);flex-direction:column;display:flex}.q-form-input{border:1px solid var(--color-border-default);border-radius:var(--radius-md);height:40px;color:var(--color-text-primary);background-color:var(--color-surface-default);transition:all var(--motion-fast);padding:0 12px;font-size:13px}.q-form-input:focus{border-color:var(--color-brand-primary);box-shadow:var(--focus-ring);outline:none}.q-card-input-box{align-items:center;display:flex;position:relative}.q-card-brand-tag{color:var(--color-brand-primary);background-color:var(--purple-50);border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:800;position:absolute;right:12px}.q-card-sub-fields{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.q-gateways-tabs{gap:8px;margin-bottom:8px;display:flex}.q-gateway-tab{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-default);cursor:pointer;text-align:center;transition:all var(--motion-fast);flex:1;padding:8px;font-size:12px;font-weight:700}.q-gateway-tab.active{border-color:var(--color-brand-primary);background-color:var(--purple-50);color:var(--color-brand-primary)}.q-portal-footer{background-color:var(--color-surface-default);border-top:1px solid var(--color-border-default);text-align:center;color:var(--color-text-secondary);margin-top:auto;padding:40px 24px;font-size:13px}@media (width<=900px){.q-pricing-grid,.q-checkout-grid{grid-template-columns:1fr}.q-portal-nav{display:none}.q-portal-hero h1{font-size:32px}}.q-login-page{background-color:var(--color-surface-page);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.q-login-card{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);gap:var(--space-5);z-index:1;flex-direction:column;padding:40px;display:flex;position:relative}.q-login-header{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.q-login-logo-badge{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-brand-primary), var(--purple-700));color:#fff;width:48px;height:48px;box-shadow:var(--shadow-brand);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.q-login-title{color:var(--color-text-primary);letter-spacing:-.02em;font-size:24px;font-weight:700}.q-login-subtitle{color:var(--color-text-secondary);font-size:14px}.q-login-error{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background-color:var(--color-status-danger-bg);border:1px solid var(--color-status-danger-border);color:var(--color-status-danger);padding:10px 14px;font-size:13px;font-weight:500;display:flex}.q-login-form{gap:var(--space-4);flex-direction:column;display:flex}.q-form-group{flex-direction:column;gap:6px;display:flex}.q-form-label{color:var(--color-text-primary);font-size:13px;font-weight:600}.q-input-wrapper{align-items:center;gap:var(--space-2);background-color:var(--color-surface-page);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:0 var(--space-3);height:42px;transition:all var(--motion-fast);color:var(--color-text-tertiary);display:flex}.q-input-wrapper:focus-within{background-color:var(--color-surface-default);border-color:var(--color-brand-primary);box-shadow:var(--focus-ring);color:var(--color-brand-primary)}.q-input-field{width:100%;color:var(--color-text-primary);background:0 0;border:none;outline:none;font-size:14px}.q-input-field::placeholder{color:var(--color-text-tertiary)}.q-password-toggle{cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:none;align-items:center;padding:4px;display:flex}.q-password-toggle:hover{color:var(--color-text-primary)}.q-login-divider{align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:var(--space-2) 0;font-size:12px;display:flex}.q-login-divider:before,.q-login-divider:after{content:"";background-color:var(--color-border-default);flex:1;height:1px}.q-google-btn-container{flex-direction:column;align-items:center;width:100%;display:flex}.q-google-custom-btn{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);background-color:var(--color-surface-default);border:1px solid var(--color-border-strong);width:100%;height:42px;color:var(--color-text-primary);cursor:pointer;transition:all var(--motion-fast);box-shadow:var(--shadow-xs);font-size:14px;font-weight:500;display:flex}.q-google-custom-btn:hover{background-color:var(--color-surface-muted);border-color:var(--color-border-focus)}.q-google-icon{width:18px;height:18px}.q-demo-pill{margin-top:var(--space-2);background-color:var(--color-surface-selected);border:1px dashed var(--color-brand-border);border-radius:var(--radius-md);color:var(--color-brand-primary);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.q-demo-fill-btn{color:var(--color-brand-primary);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600;text-decoration:underline}