:root{--clr-primary-900: #0a2540;--clr-primary-800: #0d3560;--clr-primary-700: #185FA5;--clr-primary-600: #2974C1;--clr-primary: #378ADD;--clr-primary-400: #85B7EB;--clr-primary-100: rgba(55,138,221,.18);--clr-primary-50: rgba(55,138,221,.08);--clr-success: #1D9E75;--clr-success-light: #9FE1CB;--clr-success-deep: #085041;--clr-success-bg: rgba(29,158,117,.12);--clr-warning: #EF9F27;--clr-warning-light: #FAC775;--clr-warning-deep: #412402;--clr-warning-bg: rgba(239,159,39,.12);--clr-error: #E24B4A;--clr-error-light: #F09595;--clr-error-deep: #2A1620;--clr-error-bg: rgba(226,75,74,.12);--clr-info: #378ADD;--clr-info-bg: rgba(55,138,221,.1);--clr-ai: #534AB7;--clr-ai-light: #CECBF6;--clr-ai-deep: #26215C;--clr-ai-bg: rgba(83,74,183,.12);--clr-gray-50: rgba(255,255,255,.03);--clr-gray-100: rgba(255,255,255,.06);--clr-gray-200: rgba(255,255,255,.1);--clr-gray-300: #d1d5db;--clr-gray-400: #9ca3af;--clr-gray-500: #6b7280;--clr-gray-600: #4b5563;--clr-gray-700: #374151;--clr-gray-800: #1f2937;--clr-gray-900: #111928;--clr-bg: #0B1322;--clr-surface: #111B2E;--clr-surface-2: #16233B;--clr-surface-hover: #121D31;--clr-border: rgba(255,255,255,.08);--clr-border-strong: rgba(255,255,255,.1);--clr-border-heavy: rgba(255,255,255,.14);--clr-border-focus: #378ADD;--clr-text-primary: #E6EEF9;--clr-text-body: #D7E3F4;--clr-text-secondary: #9DB2CE;--clr-text-muted: #5F6B82;--clr-text-inverse: #0B1322;--clr-text-link: #85B7EB;--font-sans: "DM Sans", "Noto Sans Arabic", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", "Fira Code", "Courier New", monospace;--font-arabic:"Noto Sans Arabic", "DM Sans", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed:1.625;--q-text-display: 1.75rem;--q-leading-display: 2rem;--q-text-h1: 1.25rem;--q-text-h2: 1rem;--q-text-body: .8125rem;--q-text-small: .75rem;--q-text-micro: .6875rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 16px;--radius-full: 9999px;--border-width: 1px;--border-width-2: 2px;--border-hairline: .5px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-focus: 0 0 0 3px rgb(55 138 221 / .25);--motion-fast: .12s;--motion-base: .18s;--motion-deliberate: .28s;--motion-ceremony: .45s;--ease-spring: cubic-bezier(.2, .9, .3, 1.2);--transition-fast: var(--motion-fast) ease-out;--transition-base: var(--motion-base) ease-out;--transition-slow: var(--motion-deliberate) ease-out;--transition-spring: var(--motion-deliberate) var(--ease-spring);--z-base: 0;--z-raised: 10;--z-dropdown:100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}[dir=rtl]{--font-sans: "Noto Sans Arabic", "DM Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--fw-regular);line-height:var(--leading-normal);color:var(--clr-text-primary);background-color:var(--clr-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:var(--leading-tight);color:var(--clr-text-primary)}a{color:var(--clr-text-link);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100dvh;display:flex;flex-direction:column}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-ring:focus-visible{outline:2px solid var(--clr-border-focus);outline-offset:2px}.mono{font-family:var(--font-mono);font-size:.9em}.q-tabular{font-variant-numeric:tabular-nums}.q-ref{font-family:var(--font-mono);font-size:.9em;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);line-height:1;border:var(--border-width) solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--clr-primary);color:var(--clr-text-inverse);border-color:var(--clr-primary);box-shadow:0 2px 8px #378add47;transform:translateY(0);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.btn-primary:hover:not(:disabled){background-color:var(--clr-primary-400);border-color:var(--clr-primary-400);box-shadow:0 4px 16px #378add61;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--clr-primary-600);box-shadow:0 1px 4px #378add2e;transform:translateY(0)}.btn-ghost{background-color:transparent;color:var(--clr-text-secondary);border-color:var(--clr-border)}.btn-ghost:hover:not(:disabled){background-color:var(--clr-gray-100);color:var(--clr-text-primary)}.btn-sm{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs)}.btn-lg{padding:var(--sp-4) var(--sp-6);font-size:var(--text-base)}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:var(--sp-2)}.form-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--clr-text-secondary)}.form-input{width:100%;padding:var(--sp-3) var(--sp-4);background-color:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--clr-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input::placeholder{color:var(--clr-text-muted)}.form-input:focus{outline:none;border-color:var(--clr-border-focus);box-shadow:0 0 0 3px #378add2e}.form-input:disabled{background-color:var(--clr-gray-100);cursor:not-allowed}.form-error{font-size:var(--text-xs);color:var(--clr-error);display:flex;align-items:center;gap:var(--sp-1)}.card{background-color:var(--clr-surface);border:var(--border-width) solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:1.4em;height:.4em;background:radial-gradient(circle closest-side,currentColor 92%,transparent) 0% 50% / .3em .3em no-repeat,radial-gradient(circle closest-side,currentColor 92%,transparent) 50% 50% / .3em .3em no-repeat,radial-gradient(circle closest-side,currentColor 92%,transparent) 100% 50% / .3em .3em no-repeat;animation:q-node-pulse 1.1s ease-in-out infinite}@keyframes q-node-pulse{0%,to{background-size:.34em .34em,.2em .2em,.2em .2em;opacity:.9}33%{background-size:.2em .2em,.34em .34em,.2em .2em;opacity:1}66%{background-size:.2em .2em,.2em .2em,.34em .34em;opacity:.9}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn var(--transition-slow) ease both}:lang(ar),[dir=rtl]{font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}[dir=rtl] p,[dir=rtl] li,[dir=rtl] td{line-height:1.9}[dir=rtl] .metric-number{direction:ltr;display:inline-block;unicode-bidi:isolate;font-family:DM Mono,monospace}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] p,[dir=rtl] span,[dir=rtl] label,[dir=rtl] td,[dir=rtl] th,[dir=rtl] dt,[dir=rtl] dd,[dir=rtl] button{letter-spacing:0!important;word-spacing:.05em}[data-radix-popper-content-wrapper]{z-index:9999!important}.dashboard-zone{padding:var(--sp-6)}.page-content{max-width:1100px;margin-inline:auto;width:100%;padding:var(--sp-6)}.data-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--clr-border);background:var(--clr-surface)}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--clr-surface)}.data-table thead th{text-align:start;padding:var(--sp-3) var(--sp-4);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--clr-text-muted);background:var(--clr-surface-2);border-block-end:1px solid var(--clr-border)}.data-table td{padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);border-block-end:1px solid var(--clr-border);vertical-align:middle}.data-table tbody tr:last-child td{border-block-end:none}.data-table tbody tr{cursor:pointer;transition:background-color var(--transition-fast)}.data-table tbody tr:hover,.table-row-clickable:hover{background-color:var(--clr-primary-50)}.data-table tbody tr:focus-visible{outline:2px solid var(--clr-border-focus);outline-offset:-2px}.badge-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.form-field,.input{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--clr-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-field::placeholder,.input::placeholder{color:var(--clr-text-muted)}.form-field:focus,.input:focus{outline:none;border-color:var(--clr-border-focus);box-shadow:0 0 0 3px #378add2e}.form-field:disabled,.input:disabled{background-color:var(--clr-gray-100);cursor:not-allowed}select.form-field,select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}select,select option{background-color:var(--clr-surface);color:var(--clr-text-primary)}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1)}textarea.form-field,textarea.input{resize:vertical;line-height:var(--leading-relaxed)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding-block-end:var(--sp-4)}.page-title{font-size:var(--text-2xl);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin:0;line-height:var(--leading-tight)}.page-subtitle{font-size:var(--text-sm);color:var(--clr-text-muted);margin:var(--sp-1) 0 0}@keyframes qv-pulse{0%,to{opacity:1}50%{opacity:.78}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.modal-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006;width:min(580px,100%);max-height:90vh;overflow-y:auto;padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin:0}.modal-close{background:none;border:none;color:var(--clr-text-muted);cursor:pointer;font-size:var(--text-lg);padding:var(--sp-1);line-height:1;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.modal-close:hover{color:var(--clr-text-primary)}.modal-form{display:flex;flex-direction:column;gap:var(--sp-4)}.modal-actions{display:flex;gap:var(--sp-3);justify-content:flex-end;padding-block-start:var(--sp-2)}.sop-content{font-family:var(--font-sans);font-size:.9rem;line-height:1.7;color:var(--clr-text-primary)}.sop-content h1,.sop-content h2,.sop-content h3{font-weight:600;margin-top:1.2em;margin-bottom:.4em;color:var(--clr-text-primary)}.sop-content h1{font-size:1.15rem}.sop-content h2{font-size:1.05rem}.sop-content h3{font-size:.95rem}.sop-content p{margin-bottom:.8em}.sop-content ul,.sop-content ol{padding-left:1.4em;margin-bottom:.8em}.sop-content li{margin-bottom:.3em}.sop-content strong{font-weight:700}.sop-content table{width:100%;border-collapse:collapse;margin-block:.8em;font-size:.85rem}.sop-content th,.sop-content td{border:1px solid var(--clr-border);padding:6px 10px;text-align:start}.sop-content thead tr{background:var(--clr-surface-2)}.sop-content code{font-family:var(--font-mono);font-size:.85em;background:var(--clr-surface-2);padding:1px 4px;border-radius:3px}.alert{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}.alert-warning{background:var(--clr-warning-bg);border:1px solid rgba(245,158,11,.3);color:var(--clr-warning)}.form-select,.form-textarea{width:100%;padding:var(--sp-3) var(--sp-4);background-color:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--clr-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--clr-border-focus);box-shadow:0 0 0 3px #378add2e}.form-select:disabled,.form-textarea:disabled{background-color:var(--clr-gray-100);cursor:not-allowed}.form-textarea{resize:vertical;line-height:var(--leading-relaxed)}.form-select-sm{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);background-color:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);color:var(--clr-text-primary)}.form-fieldset{border:none;padding:0;margin:0}.form-legend{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--clr-text-secondary);margin-block-end:var(--sp-2)}.form-radio-group{display:flex;gap:var(--sp-4);flex-wrap:wrap}.form-radio-label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--clr-text-secondary);cursor:pointer}.rt-table-wrap{overflow-x:auto}.rt-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--clr-surface)}.rt-th{text-align:start;padding:var(--sp-3) var(--sp-4);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--clr-text-muted);background:var(--clr-surface-2);border-block-end:1px solid var(--clr-border);white-space:nowrap}.rt-td{padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);border-block-end:1px solid var(--clr-border);vertical-align:middle}.rt-tr{transition:background-color var(--transition-fast)}.rt-tr-clickable{cursor:pointer}.rt-tr-clickable:hover{background-color:var(--clr-primary-50)}.rt-tr-clickable:focus-visible{outline:2px solid var(--clr-border-focus);outline-offset:-2px}.rt-empty{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--clr-text-muted);font-size:var(--text-sm)}.q-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--radius-sm);border:var(--border-width) solid var(--clr-border-strong);font-size:var(--q-text-small);font-weight:var(--fw-medium);line-height:var(--leading-snug);background:var(--clr-gray-100);color:var(--clr-text-body);white-space:nowrap}.q-chip-sm{font-size:var(--q-text-micro);padding:1px var(--sp-2)}.q-chip-info{background:var(--clr-info-bg);border-color:#378add59;color:var(--clr-primary-400)}.q-chip-success{background:var(--clr-success-bg);border-color:#1d9e7559;color:var(--clr-success-light)}.q-chip-warning{background:var(--clr-warning-bg);border-color:#ef9f2759;color:var(--clr-warning-light)}.q-chip-danger{background:var(--clr-error-bg);border-color:#e24b4a59;color:var(--clr-error-light)}.q-chip-ai{background:var(--clr-ai-bg);border-color:#534ab773;color:var(--clr-ai-light)}.q-chip .badge-dot{background:currentColor}.btn-secondary{background-color:var(--clr-surface-2);color:var(--clr-text-body);border-color:var(--clr-border-strong)}.btn-secondary:hover:not(:disabled){background-color:var(--clr-surface-hover);border-color:var(--clr-border-heavy);color:var(--clr-text-primary)}.btn-danger{background-color:var(--clr-error);color:var(--clr-text-primary);border-color:var(--clr-error);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #e24b4a59;transform:translateY(-1px)}.btn-danger:active:not(:disabled){box-shadow:0 1px 4px #e24b4a33;transform:translateY(0)}.q-field{display:flex;flex-direction:column;gap:var(--sp-2)}.q-field-label-row{display:flex;align-items:baseline;gap:var(--sp-2)}.q-required{color:var(--clr-error)}.q-field-valid-icon{color:var(--clr-success);display:inline-flex;align-items:center}.q-field-hint{font-size:var(--text-xs);color:var(--clr-text-muted)}.form-input.q-input-error,.form-field.q-input-error,.input.q-input-error,.form-select.q-input-error,.form-textarea.q-input-error{border-color:var(--clr-error)}.form-input.q-input-error:focus,.form-field.q-input-error:focus,.input.q-input-error:focus,.form-select.q-input-error:focus,.form-textarea.q-input-error:focus{border-color:var(--clr-error);box-shadow:0 0 0 3px #e24b4a2e}.q-plate{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--clr-surface);border:var(--border-width) solid rgba(29,158,117,.45);border-radius:var(--radius-md)}.q-plate-seal{color:var(--clr-success);flex-shrink:0;margin-block-start:2px}.q-plate-body{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.q-plate-lead{font-size:var(--q-text-body);color:var(--clr-text-body);line-height:var(--leading-snug)}.q-plate-lead strong{color:var(--clr-text-primary);font-weight:var(--fw-semibold)}.q-plate-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-2);font-size:var(--q-text-small);color:var(--clr-text-secondary)}.q-plate-sep{color:var(--clr-text-muted)}.q-plate-watermark{font-size:var(--q-text-micro);color:var(--clr-text-muted);letter-spacing:.04em}.q-plate-compact{padding:var(--sp-2) var(--sp-3)}.q-plate-compact .q-plate-watermark{display:none}.q-preview-section{display:flex;flex-direction:column;gap:var(--sp-4);padding-block:var(--sp-6);border-block-end:1px solid var(--clr-border)}.q-preview-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.q-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}.q-swatch{border:var(--border-width) solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden}.q-swatch-color{height:44px}.q-swatch-name{padding:var(--sp-2);font-size:var(--q-text-micro);color:var(--clr-text-secondary);display:flex;flex-direction:column;gap:2px}.q-motion-demo{width:56px;height:56px;border-radius:var(--radius-md);background:var(--clr-primary);transition-property:transform;transition-timing-function:ease-out}.q-motion-demo[data-state=moved]{transform:translate(120px)}.q-shell-column{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--clr-bg)}.q-topbar{display:flex;align-items:center;gap:var(--sp-3);height:48px;padding-inline:var(--sp-4);background:var(--clr-surface);border-block-end:var(--border-width) solid var(--clr-border);flex-shrink:0}.q-topbar-mark{display:inline-flex;flex-shrink:0}.q-topbar-workspace{font-size:var(--q-text-body);font-weight:var(--fw-semibold);color:var(--clr-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.q-palette-field{display:flex;align-items:center;gap:var(--sp-2);margin-inline:auto;width:min(420px,38vw);padding:5px var(--sp-3);background:var(--clr-bg);border:var(--border-width) solid var(--clr-border);border-radius:var(--radius-md);color:var(--clr-text-muted);font-size:var(--q-text-small);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.q-palette-field:hover{border-color:var(--clr-border-heavy);color:var(--clr-text-secondary)}.q-palette-field-text{flex:1;text-align:start}.q-kbd{font-family:var(--font-mono);font-size:var(--q-text-micro);color:var(--clr-text-muted);border:var(--border-width) solid var(--clr-border);border-radius:var(--radius-sm);padding:1px 5px;direction:ltr;unicode-bidi:isolate}.q-topbar-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.q-topbar-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);color:var(--clr-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.q-topbar-btn:hover{background:var(--clr-surface-hover);color:var(--clr-text-primary)}.q-bell-badge{position:absolute;top:-3px;inset-inline-end:-3px;background:var(--clr-error);color:var(--clr-text-primary);border-radius:var(--radius-full);font-size:var(--q-text-micro);line-height:1.4;padding:0 4px;min-width:15px;text-align:center;font-variant-numeric:tabular-nums}@keyframes q-bell-pulse-once{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.q-bell-pulse{animation:q-bell-pulse-once var(--motion-fast) ease-out 1}.q-user-chip-wrap{position:relative}.q-user-chip{display:flex;align-items:center;gap:var(--sp-2);background:transparent;border:var(--border-width) solid transparent;border-radius:var(--radius-md);padding:3px var(--sp-2);cursor:pointer;color:var(--clr-text-body);transition:background-color var(--transition-fast)}.q-user-chip:hover{background:var(--clr-surface-hover)}.q-user-avatar{width:24px;height:24px;border-radius:var(--radius-full);background:var(--clr-primary-700);color:var(--clr-text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:var(--q-text-micro);font-weight:var(--fw-semibold)}.q-user-chip-name{font-size:var(--q-text-small);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-user-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;min-width:170px;background:var(--clr-surface-2);border:var(--border-width) solid var(--clr-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--sp-1);z-index:var(--z-dropdown);display:flex;flex-direction:column}.q-user-menu-item{text-align:start;background:transparent;border:none;border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--q-text-small);color:var(--clr-text-body);cursor:pointer}.q-user-menu-item:hover{background:var(--clr-surface-hover);color:var(--clr-text-primary)}.q-user-menu-danger:hover{color:var(--clr-error-light)}.q-statusbar{display:flex;align-items:center;gap:var(--sp-4);height:26px;padding-inline:var(--sp-4);background:var(--clr-surface);border-block-start:var(--border-width) solid var(--clr-border);font-size:var(--q-text-micro);color:var(--clr-text-secondary);flex-shrink:0;-webkit-user-select:none;user-select:none}.q-statusbar-item{display:inline-flex;align-items:center;gap:var(--sp-1);white-space:nowrap}.q-statusbar-spacer{flex:1}.q-live-dot{width:7px;height:7px;border-radius:var(--radius-full);flex-shrink:0}.q-live-live{background:var(--clr-success);animation:q-live-heartbeat 2.4s ease-in-out infinite}.q-live-reconnecting{background:var(--clr-warning)}.q-live-down{background:var(--clr-error)}@keyframes q-live-heartbeat{0%,to{opacity:1}50%{opacity:.62}}.q-nav-group-header{display:flex;align-items:center;gap:var(--sp-1);width:calc(100% - 16px);margin:6px 8px 0;padding:var(--sp-1) var(--sp-2);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--q-text-micro);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--clr-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.q-nav-group-header:hover{color:var(--clr-text-secondary)}.q-nav-group-chevron{display:inline-flex;transition:transform var(--transition-fast);flex-shrink:0}.q-nav-group-collapsed .q-nav-group-chevron{transform:rotate(-90deg)}[dir=rtl] .q-nav-group-collapsed .q-nav-group-chevron{transform:rotate(90deg)}.q-nav-group-count{margin-inline-start:auto;font-variant-numeric:tabular-nums;letter-spacing:0;opacity:.8}.q-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-block-start:12vh}.q-palette{width:min(560px,92vw);background:var(--clr-surface-2);border:var(--border-width) solid var(--clr-border-strong);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080;overflow:hidden}.q-palette-input{width:100%;background:transparent;border:none;border-block-end:var(--border-width) solid var(--clr-border);padding:var(--sp-4);font-size:var(--text-sm);color:var(--clr-text-primary)}.q-palette-input:focus{outline:none}.q-palette-input::placeholder{color:var(--clr-text-muted)}.q-palette-list{list-style:none;margin:0;padding:var(--sp-1);max-height:46vh;overflow-y:auto}.q-palette-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;text-align:start;background:transparent;border:none;border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--q-text-body);color:var(--clr-text-body);cursor:pointer}.q-palette-row-active{background:var(--clr-primary-100);color:var(--clr-text-primary)}.q-palette-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-palette-row-hint{font-size:var(--q-text-micro);color:var(--clr-text-muted);flex-shrink:0}.q-slideover-backdrop{position:fixed;right:0;bottom:0;left:0;top:48px;background:#00000059;z-index:var(--z-overlay)}.q-slideover{position:fixed;top:48px;bottom:0;inset-inline-end:0;width:min(380px,94vw);background:var(--clr-surface);border-inline-start:var(--border-width) solid var(--clr-border-strong);box-shadow:0 0 40px #00000073;z-index:calc(var(--z-overlay) + 1);display:flex;flex-direction:column}.q-slideover-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-block-end:var(--border-width) solid var(--clr-border);flex-shrink:0}.q-slideover-heading{font-size:var(--q-text-h2);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin:0}.q-slideover-body{flex:1;overflow-y:auto;min-height:0}.q-slideover-close{background:none;border:none;color:var(--clr-text-muted);cursor:pointer;font-size:var(--text-lg);line-height:1;padding:var(--sp-1);border-radius:var(--radius-sm)}.q-slideover-close:hover{color:var(--clr-text-primary)}.q-notif-item{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-block-end:var(--border-width) solid var(--clr-border);cursor:pointer;transition:background-color var(--transition-fast)}.q-notif-item:hover{background:var(--clr-surface-hover)}.q-notif-item-unread{background:var(--clr-primary-50)}.q-notif-dot{width:7px;height:7px;border-radius:var(--radius-full);margin-block-start:6px;flex-shrink:0}.q-notif-body{flex:1;min-width:0}.q-notif-text{font-size:var(--q-text-body);color:var(--clr-text-body);line-height:var(--leading-snug);margin:0 0 2px}.q-notif-meta{display:flex;gap:var(--sp-2);align-items:center;font-size:var(--q-text-micro);color:var(--clr-text-muted)}.q-notif-empty{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--clr-text-muted);font-size:var(--q-text-small)}@media (max-width: 768px){.q-topbar,.q-statusbar{display:none}}