@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap");:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 4px 12px rgba(15,23,42,0.06);--shadow-md:0 8px 24px rgba(15,23,42,0.08);--shadow-lg:0 16px 40px rgba(15,23,42,0.12);--shadow-xl:0 24px 56px rgba(15,23,42,0.16);--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}.dark-operator,[data-theme=dark]{--surface-base:#080e1a;--surface-elevated:#0d1525;--surface-muted:#111d30;--surface-subtle:#0a1220;--surface-glass:rgba(13,21,37,0.85);--surface-glass-strong:rgba(13,21,37,0.95);--surface-card:#0f1a2e;--surface-card-hover:#14203a;--surface-input:#0d1525;--surface-sidebar:#0a1220;--surface-header:rgba(13,21,37,0.9);--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-disabled:#475569;--text-inverse:#0f172a;--text-link:#60a5fa;--border-base:rgba(148,163,184,0.12);--border-strong:rgba(148,163,184,0.25);--border-focus:#FF6A00;--brand-primary:#FF6A00;--brand-primary-hover:#ff8a19;--brand-primary-soft:rgba(255,106,0,0.15);--brand-secondary:#1677FF;--brand-secondary-hover:#4096ff;--brand-secondary-soft:rgba(22,119,255,0.12);--brand-accent:#a78bfa;--brand-accent-soft:rgba(167,139,250,0.12);--status-success:#34d399;--status-success-soft:rgba(52,211,153,0.12);--status-warning:#fbbf24;--status-warning-soft:rgba(251,191,36,0.12);--status-danger:#f87171;--status-danger-soft:rgba(248,113,113,0.12);--status-info:#60a5fa;--status-info-soft:rgba(96,165,250,0.12);--chart-1:#60a5fa;--chart-2:#34d399;--chart-3:#fbbf24;--chart-4:#a78bfa;--chart-5:#f87171;--chart-6:#22d3ee;--shadow-xs:0 1px 2px rgba(0,0,0,0.2);--shadow-sm:0 4px 12px rgba(0,0,0,0.3);--shadow-md:0 8px 24px rgba(0,0,0,0.35);--shadow-lg:0 16px 40px rgba(0,0,0,0.4);--shadow-xl:0 24px 56px rgba(0,0,0,0.45)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--text-primary);background:var(--surface-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font:inherit;color:inherit}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-strong)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.breadcrumb-current{font-weight:600;color:var(--text-primary);font-size:1rem}.header-actions{display:flex;align-items:center;gap:8px}.header-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;transition:all var(--transition-fast);position:relative}.header-action-btn:hover{background:var(--surface-muted);color:var(--text-primary)}.header-action-btn .notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--status-danger);border:2px solid var(--surface-header)}.page-container{display:flex;flex-direction:column;gap:24px}.dynamic-page,.page-container,.page-wrap{padding:24px 32px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:8px}.page-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.page-subtitle{margin-top:6px;color:var(--text-tertiary);font-size:.92rem;line-height:1.5;max-width:500px}.page-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;transition:all var(--transition-fast);white-space:nowrap;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.4}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);box-shadow:0 4px 16px var(--brand-primary-soft)}.btn-secondary{background:var(--surface-muted);color:var(--text-primary);border-color:var(--border-base)}.btn-secondary:hover:not(:disabled){background:var(--surface-card-hover);border-color:var(--border-strong);box-shadow:0 2px 8px rgba(0,0,0,.08)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-muted);color:var(--text-primary)}.btn-danger{background:var(--status-danger);color:#fff;border-color:var(--status-danger)}.btn-danger:hover:not(:disabled){background:var(--status-danger);filter:brightness(1.1);box-shadow:0 4px 16px var(--status-danger-soft)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-lg{padding:12px 24px;font-size:1rem}.btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center}.btn.compact{padding:5px 10px;font-size:.78rem;border-radius:var(--radius-xs)}.btn.compact.danger{color:var(--status-danger)}.btn.compact.danger:hover{background:var(--status-danger-soft)}.card{background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-base)}.card:hover{border-color:var(--border-strong)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-header h3{font-size:1rem;font-weight:700;color:var(--text-primary)}.card-badge{padding:3px 10px;border-radius:var(--radius-full);background:var(--surface-muted);color:var(--text-tertiary);font-size:.75rem;font-weight:600}.panel{background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-lg);overflow:hidden}.panel-body,.panel-header{padding:16px 20px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-base)}.panel-header h2{font-size:1rem;font-weight:700;color:var(--text-primary)}.panel-header.compact{padding:12px 16px}.panel-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.section-card{margin-bottom:24px}.section-card .panel-header+*,.section-card>:not(.panel-header):last-child{padding:20px 24px}.panel>:not(.panel-header):not(.table-wrapper){padding:16px 20px}.panel>.table-wrapper,.panel>.table-wrapper .data-table{margin:0}.muted{color:var(--text-tertiary);font-size:.85rem;margin-top:2px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.metric-card{background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0}.metric-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-card.metric-blue:before{background:var(--brand-primary)}.metric-card.metric-green:before{background:var(--status-success)}.metric-card.metric-purple:before{background:var(--brand-accent)}.metric-card.metric-amber:before{background:var(--status-warning)}.metric-header{gap:10px;margin-bottom:14px}.metric-header,.metric-icon{display:flex;align-items:center}.metric-icon{font-size:20px;width:40px;height:40px;justify-content:center;border-radius:var(--radius-sm);background:var(--surface-muted)}.metric-title{font-size:.82rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:6px;letter-spacing:-.02em}.metric-subtitle{font-size:.82rem;color:var(--text-tertiary);margin-bottom:8px}.metric-trend{display:flex;align-items:center;gap:4px;font-size:.82rem;font-weight:600}.trend-up{color:var(--status-success)}.trend-down{color:var(--status-danger)}.trend-arrow{font-size:12px}.table-wrapper{background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--surface-muted)}.data-table th{padding:10px 14px;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-base);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.data-table th.sortable{cursor:pointer;transition:color var(--transition-fast)}.data-table td,.data-table th.sortable:hover{color:var(--text-primary)}.data-table td{padding:10px 14px;font-size:.82rem;border-bottom:1px solid var(--border-base);vertical-align:middle;line-height:1.4}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:rgba(59,130,246,.04)}.table-row-clickable{cursor:pointer}.cell-id{font-size:.8rem;color:var(--brand-primary)}.cell-amount,.cell-id{font-family:var(--font-mono);font-weight:600}.cell-amount{text-align:left!important}.cell-date{color:var(--text-tertiary);font-size:.8rem;white-space:nowrap}.cell-capitalize{text-transform:capitalize}.sort-icon{font-size:10px;color:var(--text-tertiary)}.cell-checkbox{width:36px;text-align:center;padding:10px 6px!important}.cell-checkbox input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--brand-primary);vertical-align:middle}.data-table tbody tr.row-selected,.data-table tbody tr.row-selected:hover{background:var(--brand-primary-soft)!important}.bulk-action-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--brand-primary);color:#fff;border-radius:var(--radius-lg);gap:12px;flex-wrap:wrap;animation:slideDown .2s ease-out}.bulk-action-count{font-size:.88rem;font-weight:600}.bulk-action-buttons{display:flex;align-items:center;gap:8px}.bulk-action-buttons .btn{background:rgba(255,255,255,.2);color:#fff;border:none;padding:6px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.bulk-action-buttons .btn:hover{background:rgba(255,255,255,.3)}.bulk-action-buttons .btn:disabled{opacity:.5;cursor:not-allowed}.bulk-action-buttons .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.4)}.bulk-action-buttons .btn-ghost:hover{background:rgba(255,255,255,.15)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap;min-width:72px}.cost-breakdown-tip{visibility:hidden;opacity:0;position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#1e293b;border:1px solid #475569;border-radius:8px;padding:10px 14px;box-shadow:0 4px 20px rgba(0,0,0,.4);z-index:100;transition:opacity .15s,visibility .15s;white-space:nowrap;pointer-events:none}:hover>.cost-breakdown-tip{visibility:visible;opacity:1}.badge-success{background:var(--status-success-soft);color:var(--status-success)}.badge-warning{background:var(--status-warning-soft);color:var(--status-warning)}.badge-error{background:var(--status-danger-soft);color:var(--status-danger)}.badge-info{background:var(--status-info-soft);color:var(--status-info)}.badge-primary{background:var(--brand-primary-soft);color:var(--brand-primary)}.badge-muted{background:var(--surface-muted);color:var(--text-tertiary)}.badge-gold{background:rgba(251,191,36,.15);color:#fbbf24}.badge-purple{background:rgba(167,139,250,.15);color:#a78bfa}.badge-teal{background:rgba(34,211,238,.12);color:#22d3ee}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.status-pill.tone-success{background:var(--status-success-soft);color:var(--status-success)}.status-pill.tone-warning{background:var(--status-warning-soft);color:var(--status-warning)}.status-pill.tone-danger{background:var(--status-danger-soft);color:var(--status-danger)}.status-pill.tone-default{background:var(--surface-muted);color:var(--text-tertiary)}.status-pill.tone-info{background:var(--status-info-soft);color:var(--status-info)}.filters-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:200px;max-width:320px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.5;pointer-events:none}.search-input{width:100%;padding:10px 12px 10px 36px;border-radius:var(--radius-sm);border:1px solid var(--border-base);background:var(--surface-input);color:var(--text-primary);font-size:.88rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-primary-soft)}.search-input::-moz-placeholder{color:var(--text-tertiary)}.search-input::placeholder{color:var(--text-tertiary)}.select-input{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-base);background:var(--surface-input);color:var(--text-primary);font-size:.88rem;cursor:pointer;transition:border-color var(--transition-fast);min-width:140px}.select-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-primary-soft)}.results-count{font-size:.82rem;color:var(--text-tertiary);white-space:nowrap}.input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-base);background:var(--surface-input);color:var(--text-primary);font-size:.88rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-primary-soft)}.input::-moz-placeholder{color:var(--text-tertiary)}.input::placeholder{color:var(--text-tertiary)}textarea.input{resize:vertical;min-height:80px;font-family:var(--font-sans)}.form-field{margin-bottom:16px}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border-base);margin-top:16px}.checkbox-field label{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--text-primary);cursor:pointer}.checkbox-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-primary);cursor:pointer}.charts-row{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.chart-card{background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:20px}.chart-card .card-header{margin-bottom:16px}.bar-chart,.revenue-chart-wrapper{width:100%;overflow:visible}.revenue-chart-wrapper{cursor:crosshair}.chart-tooltip{animation:tooltipFadeIn .12s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chart-legend{display:flex;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-base)}.revenue-month-list{display:flex;flex-direction:column;gap:10px}.rml-row{display:flex;align-items:center;gap:12px}.rml-label{width:32px;font-size:.82rem;font-weight:600;color:var(--text-secondary);text-align:right;flex-shrink:0}.rml-bar-track{flex:1;height:32px;background:var(--surface-muted);border-radius:6px;position:relative;overflow:hidden;min-width:0}.rml-bar-rev{position:absolute;inset-inline-start:0;top:0;height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:6px;transition:width .4s ease;min-width:2px}.rml-rev-amount{inset-inline-start:10px;font-size:.84rem;font-weight:600;color:#e2e8f0}.rml-orders,.rml-rev-amount{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1}.rml-orders{font-size:.78rem;color:#10b981}.legend-item{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-tertiary)}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.top-products-list{display:flex;flex-direction:column;gap:4px}.product-row{display:flex;align-items:center;gap:12px;padding:10px 12px;transition:background var(--transition-fast)}.product-rank,.product-row:hover{background:var(--surface-muted)}.product-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);color:var(--text-tertiary);font-size:.75rem;font-weight:700;flex-shrink:0}.product-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.product-name{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-revenue{font-size:.78rem;color:var(--text-tertiary)}.product-growth{font-size:.82rem;font-weight:600;white-space:nowrap}.growth-positive{color:var(--status-success)}.growth-negative{color:var(--status-danger)}.bottom-row{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.alerts-card{background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:20px}.alerts-list{display:flex;flex-direction:column;gap:4px}.alert-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.alert-item:hover{background:var(--surface-muted)}.alert-icon{font-size:16px;flex-shrink:0;margin-top:1px}.alert-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.alert-message{font-size:.85rem;color:var(--text-primary);line-height:1.4}.alert-time{font-size:.75rem;color:var(--text-tertiary)}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--surface-muted);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:12px;text-align:center}.error-icon{font-size:48px;margin-bottom:8px}.page-error h3{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.page-error p{color:var(--text-tertiary);max-width:400px;font-size:.9rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:12px}.empty-state-icon{font-size:48px;margin-bottom:8px;opacity:.5}.empty-state-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.empty-state-description{font-size:.88rem;color:var(--text-tertiary);max-width:360px;line-height:1.5}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border-base)}.pagination-info{font-size:.82rem;color:var(--text-tertiary)}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);font-size:.82rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);border:1px solid transparent}.pagination-btn:hover{background:var(--surface-muted);color:var(--text-primary)}.pagination-btn.active{background:var(--brand-primary-soft);color:var(--brand-primary);border-color:var(--brand-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination{gap:16px;padding:16px 0}.modal-overlay,.pagination{display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);animation:fadeIn .15s ease}.modal-content{background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-xl);padding:24px;width:90%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);color:var(--text-tertiary);font-size:18px;transition:all var(--transition-fast)}.modal-close:hover{background:var(--surface-muted);color:var(--text-primary)}.modal-body{margin-bottom:20px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid var(--border-base)}.modal-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-base)}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:var(--z-toast)}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--border-base);box-shadow:var(--shadow-lg);min-width:300px;max-width:420px;animation:slideInRight .2s ease}.toast-warning{border-left:3px solid var(--status-warning)}.toast-info{border-left:3px solid var(--status-info)}.toast-icon{font-size:18px;flex-shrink:0}.toast-message{flex:1;font-size:.88rem;color:var(--text-primary)}.toast-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);color:var(--text-tertiary);font-size:14px;transition:all var(--transition-fast)}.toast-close:hover{background:var(--surface-muted);color:var(--text-primary)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dynamic-page{display:flex;flex-direction:column;gap:20px}.dashboard-page .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.dashboard-page .metric-card{background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-base);position:relative;overflow:hidden}.dashboard-page .metric-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.metric-card-icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--surface-muted)}.metric-card-title{font-size:.78rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.metric-card-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:6px;letter-spacing:-.02em}.metric-card-change{font-size:.78rem;font-weight:600}.metric-card-change.positive{color:var(--status-success)}.metric-card-change.warning{color:var(--status-warning)}.metric-card-change.negative{color:var(--status-danger)}.dashboard-row{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.chart-container{padding:8px 0}.chart-bars{display:flex;align-items:flex-end;gap:6px;height:180px;padding:0 4px}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;position:relative}.chart-bar{width:100%;max-width:32px;transition:height var(--transition-slow);min-height:4px;cursor:pointer}.chart-bar-wrapper:hover .chart-bar{opacity:.8;box-shadow:0 0 12px rgba(59,130,246,.4)}.chart-label{font-size:.65rem;color:var(--text-tertiary);margin-top:6px;text-align:center;white-space:nowrap}.quick-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px;border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--border-base)}.stat-card .metric{font-size:1.3rem;font-weight:800;color:var(--text-primary);display:block;margin-top:4px}.activities-list{display:flex;flex-direction:column;gap:2px}.activity-item{display:flex;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.activity-icon,.activity-item:hover{background:var(--surface-muted)}.activity-icon{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.activity-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.activity-description{font-size:.8rem;color:var(--text-tertiary);line-height:1.4;margin-bottom:4px}.activity-footer{display:flex;align-items:center;gap:12px;font-size:.72rem}.activity-footer,.activity-timestamp,.activity-user{color:var(--text-tertiary)}.list-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:4px}.list-page-header-left{flex:1}.list-page-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.list-page-description{font-size:.85rem;color:var(--text-tertiary);margin-top:4px}.list-page-header-right{flex-shrink:0}.list-filters{display:flex;gap:12px;align-items:center}.list-filters .search-input{flex:1;max-width:360px}.filter-select{min-width:160px}.dynamic-table{width:100%;border-collapse:collapse}.dynamic-table thead{background:var(--surface-muted)}.dynamic-table th{text-align:left;font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.dynamic-table td,.dynamic-table th{padding:10px 14px;border-bottom:1px solid var(--border-base)}.dynamic-table td{font-size:.85rem;color:var(--text-primary)}.dynamic-table tbody tr{transition:background var(--transition-fast)}.dynamic-table tbody tr:hover{background:var(--surface-muted)}.dynamic-table tbody tr:last-child td{border-bottom:none}.cell-muted{font-size:.75rem;color:var(--text-tertiary);margin-top:2px}.detail-content{display:flex;flex-direction:column;gap:4px}.detail-field{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-base)}.detail-field:last-child{border-bottom:none}.detail-label{font-size:.82rem;color:var(--text-tertiary);font-weight:500}.detail-value{font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:right}.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}.profile-sidebar{background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:24px;text-align:center}.profile-avatar{margin-bottom:16px}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;font-size:28px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 8px 24px rgba(59,130,246,.3)}.profile-name{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.profile-role{font-size:.85rem;color:var(--text-tertiary);margin-bottom:20px}.profile-meta{gap:12px;text-align:left}.profile-meta,.profile-meta-item{display:flex;flex-direction:column}.profile-meta-item{gap:2px}.profile-meta-label{font-size:.72rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.profile-meta-value{font-size:.85rem;color:var(--text-primary);font-weight:500}.profile-main{gap:20px}.profile-form,.profile-main{display:flex;flex-direction:column}.profile-form{gap:4px}.settings-sections{gap:20px}.settings-form,.settings-sections{display:flex;flex-direction:column}.settings-form{gap:4px}.generic-content{padding:20px 0}.empty-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:12px;background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-lg)}.empty-icon{font-size:48px;opacity:.5}.empty-card h3{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.empty-card p{font-size:.88rem;color:var(--text-tertiary);max-width:360px;line-height:1.5}@media (max-width:1024px){.bottom-row,.charts-row,.dashboard-row,.form-row,.profile-layout{grid-template-columns:1fr}}@media (max-width:768px){.operator-shell{grid-template-columns:1fr}.operator-sidebar{display:none}.operator-main{margin-left:0}.operator-content{padding:16px}.list-filters{flex-direction:column}.list-filters .search-input{max-width:100%}.filter-select{width:100%}.metrics-grid,.quick-stats-grid{grid-template-columns:1fr}}.login-card{max-width:440px;margin:80px 60px 80px auto;padding:40px;gap:24px}.login-card,.section-heading{display:flex;flex-direction:column}.section-heading{gap:8px}.section-heading h1{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.login-form{gap:16px}.login-form,.login-form label{display:flex;flex-direction:column}.login-form label{gap:6px}.login-form label span{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.login-form .btn-primary{width:100%}.login-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-hint{padding:16px;background:var(--surface-muted);border-radius:var(--radius-md)}.login-hint code{font-family:var(--font-mono);font-size:.78rem;color:var(--brand-primary);background:var(--brand-primary-soft);padding:2px 6px;border-radius:4px}.inline-empty{font-size:.85rem;font-weight:500;padding:8px 12px;background:var(--status-danger-soft);border-radius:var(--radius-sm)}.operator-loading-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface-base)}.operator-loading-card{max-width:480px;text-align:center;padding:48px 40px;background:var(--surface-card);border:1px solid var(--border-base);display:flex;flex-direction:column;gap:12px}.operator-loading-card.error{border-color:var(--status-danger)}.operator-loading-kicker{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.operator-loading-card h2{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.operator-loading-card p{font-size:.88rem;color:var(--text-tertiary);line-height:1.5}.operator-error-pre{margin-top:12px;padding:12px 16px;background:var(--surface-muted);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.78rem;color:var(--status-danger);text-align:left;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.page-wrap{gap:16px}.hero,.page-wrap{display:flex;flex-direction:column}.hero{gap:6px;margin-bottom:4px}.hero h1{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.hero p{font-size:.88rem;color:var(--text-tertiary);max-width:600px;line-height:1.5}.state-card{max-width:480px;margin:80px auto;text-align:center;padding:48px 40px;background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:12px}.section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.section-copy{font-size:.88rem;color:var(--text-tertiary);line-height:1.5}.select{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-base);background:var(--surface-input);color:var(--text-primary);font-size:.88rem;cursor:pointer;transition:border-color var(--transition-fast);min-width:140px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-primary-soft)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.cross-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.cross-app-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--border-base);text-decoration:none}.cross-app-link:hover{background:var(--surface-card-hover);border-color:var(--border-strong);transform:translateY(-1px)}.cross-app-link-icon{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--surface-card);flex-shrink:0}.cross-app-link-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cross-app-link-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.cross-app-link-app{font-size:.72rem;color:var(--text-tertiary)}.cross-app-link-arrow{font-size:14px;color:var(--text-tertiary);flex-shrink:0}.export-button-wrapper{position:relative;display:inline-block}.dropdown-overlay{position:fixed;inset:0;z-index:var(--z-overlay)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:fadeIn .1s ease}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.85rem;color:var(--text-primary);background:none;border:none;cursor:pointer;transition:background var(--transition-fast);text-align:left}.dropdown-item:hover{background:var(--surface-muted)}@media (max-width:1024px){.operator-sidebar{transform:translateX(-100%);transition:transform var(--transition-slow);z-index:300}.operator-sidebar.open{transform:translateX(0)}}:root{--font-display:"Playfair Display","Inter",serif;--transition-bounce:400ms cubic-bezier(0.34,1.56,0.64,1);--shadow-glow-blue:0 0 20px rgba(59,130,246,0.15);--shadow-glow-teal:0 0 20px rgba(20,184,166,0.15);--shadow-glow-purple:0 0 20px rgba(167,139,250,0.15)}.dark-operator,[data-theme=dark]{--surface-glass-premium:rgba(13,21,37,0.7);--surface-glass-border:rgba(148,163,184,0.06);--brand-gradient:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));--brand-gradient-purple:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));--accent-glow:0 0 30px rgba(59,130,246,0.08)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px rgba(59,130,246,.1)}50%{box-shadow:0 0 20px rgba(59,130,246,.2)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUpFade{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.operator-shell{display:flex;height:100vh;overflow:hidden;background:var(--surface-base)}.operator-sidebar{width:280px;min-width:280px;background:#0a1220;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;z-index:var(--z-sticky);border-right:1px solid rgba(255,255,255,.06);transition:width .15s ease,min-width .15s ease;will-change:width;transform:translateZ(0)}.operator-sidebar.is-collapsed{width:60px;min-width:60px}.operator-brand-panel{height:56px;gap:12px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.06)}.operator-brand-mark,.operator-brand-panel{display:flex;align-items:center;flex-shrink:0}.operator-brand-mark{width:36px;height:36px;justify-content:center;border-radius:8px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;font-size:14px;font-weight:800;box-shadow:0 4px 12px rgba(59,130,246,.3)}.operator-brand-info{overflow:hidden}.operator-brand-title{font-size:14px;font-weight:700;color:#fff;line-height:1.2;white-space:nowrap}.operator-brand-subtitle{font-size:11px;color:rgba(255,255,255,.35);font-weight:500;white-space:nowrap}.operator-sidebar-search{position:relative;margin:12px 12px 4px;flex-shrink:0}.operator-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.4;pointer-events:none}.operator-search-input{width:100%;padding:8px 10px 8px 32px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:rgba(255,255,255,.85);font-size:.82rem;font-family:inherit;transition:border-color .2s,background .2s;outline:none}.operator-search-input:focus{border-color:var(--brand-primary);background:rgba(255,255,255,.06)}.operator-search-input::-moz-placeholder{color:rgba(255,255,255,.25)}.operator-search-input::placeholder{color:rgba(255,255,255,.25)}.operator-sidebar-quick-actions{padding:8px 12px;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.operator-quick-action-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:rgba(255,255,255,.65);text-decoration:none;transition:all .15s ease;font-size:.82rem}.operator-quick-action-link:hover{background:rgba(255,255,255,.05);color:rgba(255,255,255,.9)}.operator-quick-action-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.operator-quick-action-text{overflow:hidden;display:flex;flex-direction:column}.operator-quick-action-label{font-weight:500;font-size:12.5px}.operator-quick-action-desc,.operator-quick-action-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operator-quick-action-desc{font-size:10px;color:rgba(255,255,255,.25)}.operator-sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 500px}.operator-sidebar-nav::-webkit-scrollbar{width:4px}.operator-sidebar-nav::-webkit-scrollbar-track{background:transparent}.operator-sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}.operator-tree-folder{-webkit-user-select:none;-moz-user-select:none;user-select:none}.operator-tree-folder-row{width:100%;display:flex;align-items:center;gap:6px;padding:7px 16px;color:rgba(255,255,255,.55);font-size:12px;font-weight:600;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s,color .15s;font-family:inherit;text-transform:uppercase;letter-spacing:.04em}.operator-tree-folder-row:hover{background:rgba(255,255,255,.04);color:rgba(255,255,255,.8)}.operator-tree-folder-row.is-expanded{color:#fff}.operator-tree-folder-chevron{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:9px;transition:transform .15s ease;flex-shrink:0;color:rgba(255,255,255,.3)}.operator-tree-folder-chevron[data-expanded=true]{transform:rotate(90deg)}.operator-tree-folder-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operator-nav-section-meta{font-size:10px;color:rgba(255,255,255,.2);flex-shrink:0}.operator-tree-folder-collapsed-hint{padding:8px 0;text-align:center;font-size:11px;font-weight:700;color:rgba(255,255,255,.25);text-transform:uppercase;letter-spacing:.08em}.operator-tree-leaf{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;color:rgba(255,255,255,.55);font-size:12.5px;font-weight:400;text-decoration:none;transition:background .15s,color .15s;position:relative;white-space:nowrap;overflow:hidden}.operator-tree-leaf:hover{background:rgba(255,255,255,.04);color:rgba(255,255,255,.85)}.operator-tree-leaf.is-active{background:rgba(59,130,246,.12);color:#fff;font-weight:500}.operator-tree-leaf.is-active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--brand-primary);border-radius:0 2px 2px 0}.operator-tree-leaf-icon{font-size:15px;width:22px;text-align:center;flex-shrink:0}.operator-tree-leaf-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operator-nav-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px;color:#fff;flex-shrink:0;line-height:1.4;min-width:20px;text-align:center}.operator-sidebar-activity{flex-shrink:0;border-top:1px solid rgba(255,255,255,.06);padding:8px 0;max-height:160px;overflow-y:auto}.operator-sidebar-section-title{padding:6px 16px 4px;font-size:10px;font-weight:600;color:rgba(255,255,255,.25);text-transform:uppercase;letter-spacing:.06em}.operator-activity-list{display:flex;flex-direction:column}.operator-activity-item{display:flex;gap:8px;padding:5px 16px;font-size:11.5px;transition:background .15s}.operator-activity-item:hover{background:rgba(255,255,255,.03)}.operator-activity-icon{font-size:14px;flex-shrink:0;margin-top:1px}.operator-activity-content{overflow:hidden}.operator-activity-title{color:rgba(255,255,255,.65);font-weight:500}.operator-activity-meta,.operator-activity-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operator-activity-meta{font-size:10px;color:rgba(255,255,255,.25)}.operator-activity-empty{padding:8px 16px;font-size:11px;color:rgba(255,255,255,.2)}.operator-sidebar-footer{flex-shrink:0;border-top:1px solid rgba(255,255,255,.06);padding:8px 12px}.operator-user-card{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:6px;transition:background .15s}.operator-user-card:hover{background:rgba(255,255,255,.04)}.operator-user-avatar{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;font-size:13px;font-weight:700;flex-shrink:0}.operator-user-info{flex:1;overflow:hidden}.operator-user-name{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.85)}.operator-user-name,.operator-user-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operator-user-role{font-size:10.5px;color:rgba(255,255,255,.3)}.operator-system-status{display:flex;align-items:center;gap:6px;padding:4px;font-size:10px;color:rgba(255,255,255,.25)}.operator-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px rgba(16,185,129,.5);flex-shrink:0}.operator-status-uptime{margin-left:auto}.operator-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;margin-top:4px;border:none;border-radius:6px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.4);font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s}.operator-logout-btn:hover{background:rgba(239,68,68,.15);color:rgba(239,68,68,.9)}.operator-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.operator-topbar{height:48px;min-height:48px;background:var(--surface-card);border-bottom:1px solid var(--border-base);justify-content:space-between;padding:0 16px;flex-shrink:0}.operator-topbar,.operator-topbar-left{display:flex;align-items:center;gap:12px}.operator-topbar-left{flex:1;min-width:0;overflow:hidden}.operator-topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.operator-collapse-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-base);border-radius:6px;background:var(--surface-card);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .15s;flex-shrink:0}.operator-collapse-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-soft)}.operator-breadcrumbs{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--text-tertiary);overflow:hidden}.operator-breadcrumb-item{display:flex;align-items:center;gap:4px;white-space:nowrap}.operator-breadcrumb-sep{color:var(--text-disabled,rgba(0,0,0,.2))}.operator-breadcrumb-current{color:var(--text-primary);font-weight:500;text-transform:capitalize}.operator-content{flex:1;overflow-y:auto;padding:20px 24px;background:var(--surface-base);contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 1000px}@media (max-width:768px){.operator-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translateX(-100%);transition:transform .25s ease}.operator-sidebar.is-open{transform:translateX(0)}.operator-sidebar.is-collapsed{width:280px;min-width:280px;transform:translateX(-100%)}}.operator-header{background:rgba(13,21,37,.95);border-bottom:1px solid rgba(255,255,255,.05)}.header-action-btn{border-radius:var(--radius-sm);transition:background .15s}.header-action-btn:hover{background:var(--brand-primary-soft);color:var(--brand-primary)}.card{background:rgba(15,26,46,.95);border:1px solid rgba(255,255,255,.05);transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);opacity:0;transition:opacity .15s}.card:hover{border-color:rgba(59,130,246,.2);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.card:hover:before{opacity:1}.metric-card{background:linear-gradient(145deg,rgba(15,26,46,.95),rgba(13,21,37,.9));border:1px solid var(--surface-glass-border);transition:all var(--transition-base)}.metric-card:before{height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:.8}.metric-card:hover{transform:translateY(-3px);box-shadow:0 16px 48px rgba(0,0,0,.35),var(--accent-glow)}.metric-card.metric-blue:before{background:linear-gradient(90deg,var(--brand-primary),#93c5fd)}.metric-card.metric-green:before{background:linear-gradient(90deg,var(--status-success),#6ee7b7)}.metric-card.metric-purple:before{background:linear-gradient(90deg,var(--brand-accent),#c4b5fd)}.metric-card.metric-amber:before{background:linear-gradient(90deg,var(--status-warning),#fde68a)}.metric-icon{background:var(--brand-primary-soft);color:var(--brand-primary);transition:all var(--transition-fast)}.metric-card:hover .metric-icon{transform:scale(1.1);box-shadow:0 0 20px rgba(59,130,246,.2)}.metric-value{font-size:2.2rem;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel{background:linear-gradient(145deg,rgba(15,26,46,.95),rgba(13,21,37,.9));border:1px solid var(--surface-glass-border);transition:all var(--transition-base)}.panel:hover{border-color:rgba(59,130,246,.15);box-shadow:var(--accent-glow)}.panel-header{border-bottom-color:var(--surface-glass-border)}.table-wrapper{background:linear-gradient(145deg,rgba(15,26,46,.95),rgba(13,21,37,.9));border:1px solid var(--surface-glass-border)}.data-table thead{background:rgba(59,130,246,.04)}.data-table th{color:var(--brand-primary);font-size:.72rem}.cell-id{font-weight:700}.status-badge{padding:4px 12px;font-size:.7rem;letter-spacing:.02em;border:1px solid transparent}.badge-success{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.2)}.badge-warning{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.2)}.badge-error{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.2)}.badge-info{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.2)}.badge-primary{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}.badge-gold{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.25)}.btn-primary{background:linear-gradient(135deg,var(--brand-primary),#2563eb);box-shadow:0 4px 14px rgba(59,130,246,.25);transition:all var(--transition-fast)}.btn-primary:hover{background:linear-gradient(135deg,var(--brand-primary-hover),#3b82f6);box-shadow:0 6px 20px rgba(59,130,246,.35);transform:translateY(-1px)}.btn-secondary{background:rgba(59,130,246,.06);border-color:var(--surface-glass-border)}.btn-secondary:hover{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3)}.btn-ghost:hover{background:rgba(59,130,246,.08);color:var(--brand-primary)}.btn-danger{background:linear-gradient(135deg,var(--status-danger),#ef4444);box-shadow:0 4px 14px rgba(248,113,113,.25)}.chart-card{background:linear-gradient(145deg,rgba(15,26,46,.95),rgba(13,21,37,.9));border:1px solid var(--surface-glass-border);transition:all var(--transition-base)}.chart-card:hover{border-color:rgba(59,130,246,.15);box-shadow:var(--accent-glow)}.chart-bar{background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-xs) var(--radius-xs) 0 0;box-shadow:0 0 12px rgba(59,130,246,.15)}.chart-bar-wrapper:hover .chart-bar{opacity:1;box-shadow:0 0 20px rgba(59,130,246,.4);transform:scaleX(1.05)}.modal-content{background:linear-gradient(145deg,rgba(15,26,46,.98),rgba(13,21,37,.95));border:1px solid var(--surface-glass-border);box-shadow:0 24px 80px rgba(0,0,0,.5),var(--accent-glow)}.modal-overlay{background:rgba(0,0,0,.7)}.input,.search-input,.select-input{background:rgba(13,21,37,.8);border-color:var(--surface-glass-border);transition:all var(--transition-fast)}.input:focus,.search-input:focus,.select-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-soft),var(--accent-glow);background:rgba(13,21,37,.95)}.toast{background:linear-gradient(145deg,rgba(15,26,46,.98),rgba(13,21,37,.95));border:1px solid var(--surface-glass-border);box-shadow:0 12px 40px rgba(0,0,0,.4)}.toast-success{border-left:3px solid var(--status-success);box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 20px rgba(52,211,153,.1)}.toast-error{border-left:3px solid var(--status-danger);box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 20px rgba(248,113,113,.1)}.activity-item{transition:all var(--transition-fast);border-left:2px solid transparent}.activity-item:hover{background:rgba(59,130,246,.04);border-left-color:var(--brand-primary);transform:translateX(4px)}.activity-icon{background:var(--brand-primary-soft);color:var(--brand-primary);transition:all var(--transition-fast)}.activity-item:hover .activity-icon{transform:scale(1.1)}.product-row{transition:all var(--transition-fast);border-radius:var(--radius-sm)}.product-row:hover{background:rgba(59,130,246,.04);transform:translateX(2px)}.product-rank{background:var(--brand-primary-soft);color:var(--brand-primary);font-weight:800}.alert-item{transition:all var(--transition-fast);border-left:2px solid transparent}.alert-item:hover{background:rgba(59,130,246,.04);border-left-color:var(--brand-primary)}.dropdown-menu{background:linear-gradient(145deg,rgba(15,26,46,.98),rgba(13,21,37,.95));border:1px solid var(--surface-glass-border);box-shadow:0 12px 40px rgba(0,0,0,.4)}.dropdown-item:hover{background:rgba(59,130,246,.08);color:var(--brand-primary)}.cross-app-link{background:rgba(59,130,246,.04);border-color:var(--surface-glass-border);transition:all var(--transition-fast)}.cross-app-link:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.25);transform:translateY(-2px);box-shadow:var(--accent-glow)}.cross-app-link-icon{background:var(--brand-primary-soft);color:var(--brand-primary)}.loading-spinner{border-width:3px;border-color:rgba(59,130,246,.1);border-top-color:var(--brand-primary);box-shadow:0 0 20px rgba(59,130,246,.1)}.skeleton{background:linear-gradient(90deg,rgba(15,26,46,.6) 25%,rgba(20,30,55,.8) 50%,rgba(15,26,46,.6) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.login-card.panel{background:linear-gradient(135deg,rgba(25,44,72,.88),rgba(15,26,46,.82) 40%,rgba(10,16,28,.86));backdrop-filter:blur(36px) saturate(180%);-webkit-backdrop-filter:blur(36px) saturate(180%);border-bottom:1px solid rgba(148,163,184,.1);border-top:1px solid rgba(148,163,184,.1);border-color:rgba(255,255,255,.1) rgba(148,163,184,.1) rgba(0,0,0,.4);border-style:solid;border-width:1px;border-radius:var(--radius-xl);box-shadow:0 16px 56px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.35)}.eyebrow{color:var(--brand-primary);font-size:.68rem}.operator-loading-card{background:rgba(13,21,37,.55);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 80px rgba(0,0,0,.5);border-radius:var(--radius-xl)}.operator-loading-kicker{color:var(--brand-primary)}@keyframes authPulse{0%{box-shadow:0 16px 56px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.35)}50%{box-shadow:0 16px 56px rgba(0,0,0,.5),0 4px 24px rgba(22,119,255,.15),0 0 0 2px rgba(22,119,255,.1),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.35)}to{box-shadow:0 16px 56px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.35)}}@keyframes authSuccessGlow{0%{box-shadow:0 16px 56px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.35)}to{box-shadow:0 0 0 4px rgba(52,211,153,.2),0 8px 32px rgba(52,211,153,.1),0 16px 56px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.35)}}.login-card.auth-loading{animation:authPulse 1.2s ease-in-out infinite}.login-card.auth-success{animation:authSuccessGlow .5s ease-out forwards}.login-success-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(13,21,37,.92);border-radius:var(--radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1;animation:successEnter .4s ease-out}@keyframes successEnter{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.login-success-overlay .success-icon{width:56px;height:56px;border-radius:50%;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.22);display:flex;align-items:center;justify-content:center}.login-success-overlay .success-label{font-size:.9rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.login-success-overlay .success-sub{font-size:.8rem;color:var(--text-tertiary)}@media (prefers-reduced-motion:reduce){.login-card.auth-loading,.login-card.auth-success{animation:none}.login-card.auth-success{box-shadow:0 0 0 4px rgba(52,211,153,.2),0 8px 32px rgba(52,211,153,.1),0 16px 56px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.35)}.login-success-overlay{animation:none}}.state-card{background:linear-gradient(145deg,rgba(15,26,46,.98),rgba(13,21,37,.95));border:1px solid var(--surface-glass-border);box-shadow:0 24px 80px rgba(0,0,0,.5);border-radius:var(--radius-2xl)}.empty-state-icon{opacity:.3;filter:grayscale(.5)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(59,130,246,.2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.4)}::-moz-selection{background:var(--brand-primary-soft);color:var(--text-primary)}::selection{background:var(--brand-primary-soft);color:var(--text-primary)}@media (max-width:1024px){.operator-sidebar.open{background:linear-gradient(180deg,rgba(10,18,32,.98),rgba(13,21,37,.98));box-shadow:4px 0 40px rgba(0,0,0,.5)}}@media (max-width:768px){.metric-value{font-size:1.6rem}}@media print{.btn,.header-actions,.operator-header,.operator-sidebar{display:none!important}.operator-main{margin-left:0}body{background:white!important;color:black!important}.card,.chart-card,.metric-card,.panel{background:white!important;border:1px solid #ddd!important;box-shadow:none!important;-moz-column-break-inside:avoid;break-inside:avoid}}.text-muted{color:var(--text-tertiary);font-size:13px}.text-muted-sm{font-size:12px;color:var(--text-tertiary)}.text-primary-sm{margin:0;font-size:13px;color:var(--text-primary)}.text-secondary-sm{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.cell-body{padding:10px 12px}.cell-name{font-size:13px}.cell-bold,.cell-name{font-weight:600}.metric-value-lg{font-size:20px;font-weight:700}.filter-label{display:block;font-size:12px;color:var(--text-tertiary);margin-bottom:4px}.activity-feed-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:340px;max-height:420px;overflow-y:auto;background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:fadeIn .15s ease}.activity-feed-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-base)}.activity-feed-title{font-size:13px;font-weight:600;color:var(--text-primary)}.activity-feed-mark-read{font-size:11px;color:var(--brand-primary);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:var(--radius-xs);transition:background var(--transition-fast)}.activity-feed-mark-read:hover{background:var(--brand-primary-soft)}.activity-feed-empty{padding:20px 12px;text-align:center;color:var(--text-tertiary);font-size:13px}.activity-feed-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;transition:background var(--transition-fast);cursor:pointer}.activity-feed-item:hover{background:var(--surface-muted)}.activity-feed-icon{font-size:16px;flex-shrink:0;margin-top:1px}.activity-feed-content{flex:1;min-width:0}.activity-feed-subject{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-feed-meta{font-size:11px;color:var(--text-tertiary);margin-top:2px}.activity-feed-bell{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:18px;transition:all var(--transition-fast);position:relative;background:none;border:none;cursor:pointer}.activity-feed-bell:hover{background:var(--surface-muted);color:var(--text-primary)}.activity-feed-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--status-danger);color:#fff;font-size:10px;font-weight:700;padding:0 4px;border:2px solid var(--surface-header);line-height:1}.activity-feed-bell-wrapper{position:relative}.crm-search-overlay{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.5);display:flex;justify-content:center;padding-top:15vh}.crm-search-container{width:100%;max-width:520px}.topbar-actions{display:flex;gap:8px;align-items:center}.crm-search-btn{font-size:12px;padding:4px 10px}.auto-refresh-label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auto-refresh-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--brand-primary);cursor:pointer}.legend-dot-blue{background:#3b82f6}.legend-dot-green{background:#10b981}.link-like{cursor:pointer;transition:color var(--transition-fast)}.link-like:hover{color:var(--brand-primary)}.order-link{font-family:var(--font-mono);font-size:.82rem;font-weight:600}.tabular-nums{font-variant-numeric:tabular-nums}.semibold{font-weight:600}.surface-card{background:var(--surface-card);border-radius:var(--radius-lg);overflow:hidden}.empty-state-padded{padding:40px 20px}.crm-toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:var(--z-toast)}.crm-toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--border-base);box-shadow:var(--shadow-lg);min-width:300px;max-width:400px;cursor:pointer;animation:slideInRight .2s ease}.crm-toast-success{border-left:3px solid var(--status-success)}.crm-toast-warning{border-left:3px solid var(--status-warning)}.crm-toast-error{border-left:3px solid var(--status-danger)}.crm-toast-info{border-left:3px solid var(--status-info)}.crm-toast-icon{font-size:18px;flex-shrink:0}.crm-toast-body{flex:1;min-width:0}.crm-toast-title{font-size:13px;font-weight:600;color:var(--text-primary)}.crm-toast-message{font-size:12px;color:var(--text-tertiary);margin-top:2px}.crm-toast-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);color:var(--text-tertiary);font-size:14px;transition:all var(--transition-fast);background:none;border:none;cursor:pointer;flex-shrink:0}.crm-toast-close:hover{background:var(--surface-muted);color:var(--text-primary)}[dir=rtl] .operator-sidebar{border-left:1px solid var(--border-base)}[dir=rtl] .operator-main{margin-left:0;margin-right:280px}[dir=rtl] .sidebar-nav-item.active{border-left:none;border-right:3px solid var(--brand-primary)}[dir=rtl] .sidebar-nav-item:hover{transform:translateX(-2px)}[dir=rtl] .data-table td,[dir=rtl] .data-table th{text-align:right}[dir=rtl] .cell-amount{text-align:left}[dir=rtl] .header-breadcrumb{flex-direction:row-reverse}[dir=rtl] .search-box .search-icon{left:auto;right:12px}[dir=rtl] .search-input{padding:10px 36px 10px 12px}[dir=rtl] .sidebar-search .sidebar-search-icon{left:auto;right:12px}[dir=rtl] .sidebar-search-input{padding:10px 36px 10px 12px}[dir=rtl] .activity-feed-dropdown{right:auto;left:0}[dir=rtl] .crm-toast-container,[dir=rtl] .toast-container{right:auto;left:20px}[dir=rtl] .detail-value{text-align:left}[dir=rtl] .detail-field{flex-direction:row-reverse}[dir=rtl] .form-actions,[dir=rtl] .modal-actions,[dir=rtl] .modal-footer{justify-content:flex-start}[dir=rtl] .activity-header,[dir=rtl] .card-header,[dir=rtl] .metric-header,[dir=rtl] .pagination-bar,[dir=rtl] .panel-header{flex-direction:row-reverse}[dir=rtl] .activity-item{border-left:none;border-right:2px solid transparent}[dir=rtl] .activity-item:hover{border-left-color:transparent;border-right-color:var(--brand-primary);transform:translateX(-4px)}[dir=rtl] .alert-item{border-left:none;border-right:2px solid transparent}[dir=rtl] .alert-item:hover{border-left-color:transparent;border-right-color:var(--brand-primary)}[dir=rtl] .product-row:hover{transform:translateX(-2px)}[dir=rtl] .cross-app-link-arrow{transform:scaleX(-1)}[dir=rtl] .dropdown-menu{right:auto;left:0}[dir=rtl] .dropdown-item{text-align:right}[dir=rtl] .list-page-header{flex-direction:row-reverse}[dir=rtl] .profile-meta{text-align:right}[dir=rtl] .chart-legend,[dir=rtl] .rml-row{flex-direction:row-reverse}[dir=rtl] .rml-label{text-align:left}[dir=rtl] .bulk-action-bar,[dir=rtl] .filters-bar{flex-direction:row-reverse}[dir=rtl] .hero,[dir=rtl] .login-form label,[dir=rtl] .section-heading{text-align:right}[dir=rtl] .header-actions,[dir=rtl] .operator-header,[dir=rtl] .page-header,[dir=rtl] .sidebar-brand,[dir=rtl] .sidebar-user{flex-direction:row-reverse}[dir=rtl] .sidebar-nav-item-badge{margin-left:0;margin-right:auto}[dir=rtl] .activity-feed-item,[dir=rtl] .alert-item,[dir=rtl] .cross-app-link,[dir=rtl] .product-row,[dir=rtl] .topbar-actions{flex-direction:row-reverse}[dir=rtl] .form-row{direction:rtl}[dir=rtl] .checkbox-field label{flex-direction:row-reverse}[dir=rtl] .profile-form,[dir=rtl] .settings-form{text-align:right}[dir=rtl] .login-form .btn-primary{direction:rtl}[dir=rtl] .list-filters,[dir=rtl] .page-actions{flex-direction:row-reverse}[dir=rtl] .header-breadcrumb .breadcrumb-current{order:-1}[dir=rtl] .activities-list,[dir=rtl] .alerts-list,[dir=rtl] .bottom-row,[dir=rtl] .charts-row,[dir=rtl] .cross-app-grid,[dir=rtl] .dashboard-page,[dir=rtl] .dashboard-row,[dir=rtl] .detail-content,[dir=rtl] .dynamic-page,[dir=rtl] .generic-content,[dir=rtl] .kpi-grid,[dir=rtl] .metrics-grid,[dir=rtl] .operator-content,[dir=rtl] .page-container,[dir=rtl] .page-wrap,[dir=rtl] .profile-main,[dir=rtl] .quick-stats-grid,[dir=rtl] .settings-sections,[dir=rtl] .sidebar-footer,[dir=rtl] .sidebar-nav-section,[dir=rtl] .top-products-list{direction:rtl}[dir=rtl] .sidebar-brand-subtitle,[dir=rtl] .sidebar-brand-title,[dir=rtl] .sidebar-user-info{text-align:right}[dir=rtl] .login-card,[dir=rtl] .operator-loading-card,[dir=rtl] .state-card{direction:rtl}[dir=rtl] .section-copy,[dir=rtl] .section-title{text-align:right}[dir=rtl] .empty-card,[dir=rtl] .empty-state,[dir=rtl] .modal-content,[dir=rtl] .page-error,[dir=rtl] .page-loading{direction:rtl}[dir=rtl] .modal-header{flex-direction:row-reverse}[dir=rtl] .crm-toast,[dir=rtl] .profile-sidebar,[dir=rtl] .toast{direction:rtl}[dir=rtl] .profile-meta-item{text-align:right}[dir=rtl] .profile-name,[dir=rtl] .profile-role{text-align:center}[dir=rtl] .input,[dir=rtl] .pagination,[dir=rtl] .search-box,[dir=rtl] .select-input,[dir=rtl] .sidebar-search,[dir=rtl] textarea.input{direction:rtl}[dir=rtl] .pagination-controls{flex-direction:row-reverse}[dir=rtl] .chart-bars,[dir=rtl] .chart-label,[dir=rtl] .legend-item,[dir=rtl] .pagination-info{direction:rtl}[dir=rtl] .product-info,[dir=rtl] .product-name,[dir=rtl] .product-revenue{text-align:right}[dir=rtl] .product-growth{text-align:left}[dir=rtl] .activity-description,[dir=rtl] .activity-title,[dir=rtl] .alert-message,[dir=rtl] .alert-time{text-align:right}[dir=rtl] .activity-footer{flex-direction:row-reverse}[dir=rtl] .activity-feed-meta,[dir=rtl] .activity-feed-subject,[dir=rtl] .crm-toast-body,[dir=rtl] .crm-toast-message,[dir=rtl] .crm-toast-title{text-align:right}[dir=rtl] .bulk-action-count{direction:rtl}[dir=rtl] .bulk-action-buttons{flex-direction:row-reverse}[dir=rtl] .results-count{direction:rtl}[dir=rtl] .form-field,[dir=rtl] .form-label{text-align:right}[dir=rtl] .cell-date,[dir=rtl] .cell-id{direction:ltr;text-align:right}[dir=rtl] .cell-amount{direction:ltr}[dir=rtl] .order-link{direction:ltr;display:inline-block}[dir=rtl] .auto-refresh-label{flex-direction:row-reverse}[dir=rtl] .crm-search-container,[dir=rtl] .crm-search-overlay{direction:rtl}[dir=rtl] .activity-feed-badge{right:auto;left:4px}[dir=rtl] .header-action-btn .notification-dot{right:auto;left:6px}[dir=rtl] .sidebar-nav-item.active{background:linear-gradient(270deg,var(--brand-primary-soft),transparent)}[dir=rtl] .operator-sidebar{border-right:none;border-left:1px solid var(--surface-glass-border);left:auto;right:0}[dir=rtl] .operator-sidebar *{direction:rtl}[dir=rtl] .sidebar-nav-item{flex-direction:row-reverse;text-align:right}[dir=rtl] .sidebar-nav-item-icon{margin-left:12px}[dir=rtl] .sidebar-nav-tree-item{padding-left:12px!important;padding-right:28px!important}[dir=rtl] .sidebar-nav-item.active:before{left:auto;right:-12px;border-radius:3px 0 0 3px}[dir=rtl] .tree-folder-trigger{flex-direction:row-reverse;text-align:right}.breadcrumb-segment{font-size:.8rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.header-subtitle{font-size:.82rem;color:var(--text-tertiary);margin-top:4px}.metric-extra{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-base)}.skeleton-card{padding:20px;border:1px solid var(--border-base);border-radius:var(--radius-lg)}.skeleton-line{background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface-card-hover) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-xs);height:14px;margin-bottom:8px}.skeleton-line-sm{width:30%;height:10px}.skeleton-line-md{width:60%}.skeleton-line-lg{width:80%;height:18px}.skeleton-line-xl{width:100%;height:24px}.skeleton-table{padding:16px}.skeleton-table-row{width:100%;height:40px;margin-bottom:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:12px;border-radius:var(--radius-lg)}.error-state-icon{font-size:48px;margin-bottom:8px;opacity:.7}.error-state-message{font-size:1rem;font-weight:600;color:var(--text-primary);max-width:400px}.data-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-base);flex-wrap:wrap;overflow:visible}.data-table-toolbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:200px}.data-table-toolbar-right{flex-shrink:0}.data-table-actions,.data-table-toolbar-right{display:flex;align-items:center;gap:8px}.data-table-selected-count{font-size:.82rem;font-weight:600;color:var(--brand-primary)}.data-table-bulk-actions{padding:12px 20px;background:var(--brand-primary-soft);border-bottom:1px solid var(--border-base)}.data-table-checkbox{width:40px;text-align:center}.data-table-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--brand-primary)}.data-table-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border-base)}.pagination-current{font-size:.82rem;font-weight:600;color:var(--text-primary);padding:0 10px}.data-table-loading{padding:24px 20px}.data-table-error{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center;gap:8px}.data-table-error p{font-size:.95rem;font-weight:600;color:var(--status-danger)}.table-container{overflow-x:auto}.th-content{display:inline-flex;align-items:center;gap:4px}.sort-indicator{font-size:10px;opacity:.6}.empty-row{text-align:center;padding:40px 16px!important;color:var(--text-tertiary);font-size:.9rem}.is-selected{background:var(--brand-primary-soft)!important}.sidebar-quick-actions{padding:8px 16px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--border-base)}.sidebar-quick-action{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar-quick-action-icon,.sidebar-quick-action:hover{background:var(--surface-muted)}.sidebar-quick-action-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;border-radius:var(--radius-sm);flex-shrink:0}.sidebar-quick-action-content{flex:1;min-width:0}.sidebar-quick-action-label{font-size:.82rem;font-weight:600;color:var(--text-primary)}.sidebar-quick-action-desc{font-size:.72rem;color:var(--text-tertiary);margin-top:1px}.sidebar-status{display:flex;align-items:center;gap:8px;padding:12px;border-radius:var(--radius-md);background:var(--surface-muted);margin-top:8px}.sidebar-status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-success);flex-shrink:0}.sidebar-status-text{font-size:.75rem;color:var(--text-secondary);flex:1}.sidebar-status-time{font-size:.72rem;color:var(--text-tertiary)}.logout-trigger{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0;margin-left:auto}.logout-trigger:hover{background:var(--status-danger-soft);color:var(--status-danger)}.logout-confirm{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.logout-btn{padding:4px 10px;border-radius:var(--radius-xs);font-size:.72rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.logout-btn-yes{background:var(--status-danger);color:#fff}.logout-btn-yes:hover{background:#ef4444}.logout-btn-no{background:transparent;color:var(--text-tertiary);border-color:var(--border-base)}.logout-btn-no:hover{background:var(--surface-muted);color:var(--text-primary)}.tree-folder{margin-bottom:2px}.tree-folder-trigger{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;border-radius:var(--radius-md);font-size:.8rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;transition:all var(--transition-fast);border:none;background:transparent;cursor:pointer}.tree-folder-trigger:hover{color:var(--text-primary);background:var(--surface-muted)}.tree-folder-open .tree-folder-trigger{color:var(--text-secondary)}.tree-folder-chevron{font-size:10px;width:14px;text-align:center;flex-shrink:0;transition:transform var(--transition-fast)}.tree-folder-children{padding-left:4px;margin-top:2px}.sidebar-nav-tree-item{padding-left:28px!important}.sidebar-nav-tree-label{font-size:.84rem}.locale-switcher-select{padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-base);background:var(--surface-input);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:border-color var(--transition-fast);min-width:110px}.locale-switcher-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-primary-soft)}.filter-date-input{max-width:160px;padding:8px 12px}.date-range-picker{position:relative;z-index:1;display:flex;align-items:center;gap:6px;background:var(--surface-input);border:1px solid var(--border-base);border-radius:var(--radius-sm);padding:4px 8px}.date-range-input{border:none!important;background:transparent!important;padding:6px 4px!important;font-size:.82rem!important;color:var(--text-primary);min-width:0;width:auto}.date-range-input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.date-range-sep{color:var(--text-tertiary);font-size:.82rem;flex-shrink:0}.date-range-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:16px;min-width:300px;z-index:9999;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:12px}.date-range-custom,.date-range-presets{display:flex;flex-direction:column;gap:6px}.date-range-custom-label,.date-range-preset-label{font-size:.72rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.date-range-preset-btn{text-align:left;padding:6px 10px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;font-size:.84rem;color:var(--text-secondary);transition:all var(--transition-fast)}.date-range-preset-btn:hover{background:var(--surface-muted);color:var(--text-primary)}.date-range-inputs{display:flex;gap:8px}.date-input-group{flex:1;display:flex;flex-direction:column;gap:4px}.date-input-group label{font-size:.75rem;color:var(--text-tertiary)}.date-input{padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-base);background:var(--surface-input);color:var(--text-primary);font-size:.84rem;width:100%}.date-input:focus{outline:none;border-color:var(--border-focus)}.search-input-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-muted);color:var(--text-tertiary);font-size:12px;border:none;cursor:pointer;transition:all var(--transition-fast)}.search-input-clear:hover{background:var(--border-strong);color:var(--text-primary)}.dark-operator .bg-white,.dark-operator [class*=bg-white]{background-color:#1e293b!important}.dark-operator .text-slate-900,.dark-operator .text-slate-950{color:#f1f5f9!important}.dark-operator .text-slate-700{color:#cbd5e1!important}.dark-operator .text-slate-500,.dark-operator .text-slate-600{color:#94a3b8!important}.dark-operator .text-slate-400{color:#64748b!important}.dark-operator .border-black\/10,.dark-operator .border-slate-200{border-color:#334155!important}.dark-operator .bg-slate-50{background-color:#0f172a!important}.dark-operator .shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.3)!important}.dark-operator input,.dark-operator select{background-color:#0f172a!important;color:#e2e8f0!important;border-color:#334155!important}.dark-operator input::-moz-placeholder{color:#64748b!important}.dark-operator input::placeholder{color:#64748b!important}.dark-operator .bg-red-50{background-color:rgba(239,68,68,.15)!important}.dark-operator .bg-green-50{background-color:rgba(16,185,129,.15)!important}.dark-operator .bg-blue-50{background-color:rgba(59,130,246,.15)!important}.dark-operator .bg-yellow-50{background-color:rgba(245,158,11,.15)!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}