@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&family=Assistant:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}@supports (padding: env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media(display-mode:standalone){html{overscroll-behavior-y:contain}body{-webkit-tap-highlight-color:transparent}}html{direction:rtl}body{font-family:Assistant,Rubik,system-ui,-apple-system,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;font-size:15px;font-weight:500;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Rubik,Assistant,system-ui,sans-serif;font-weight:700;line-height:1.3;letter-spacing:-.01em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes statPulse{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-primary-selection)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:6px}input,select,textarea,button{font-family:inherit;font-size:inherit}input::placeholder,textarea::placeholder{color:var(--color-text-muted);font-weight:400}table{border-collapse:collapse;width:100%}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}[dir=rtl]{text-align:right}.animate-fade-in{animation:fadeIn .2s ease-out forwards}.card-entrance{animation:fadeUp .24s cubic-bezier(.2,.8,.2,1)}.app-card{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.app-card:hover{box-shadow:0 4px 16px #0f172a1a,0 1px 4px #0f172a0f;border-color:var(--color-border)}.app-card.interactive-card:hover{box-shadow:0 8px 24px #0f172a1f,0 2px 6px #0f172a0f;transform:translateY(-1px)}.kpi-card{position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a1f,0 4px 8px #0f172a0f;border-color:#2563eb33}.kpi-card:active{transform:scale(.98)}.kpi-accent{position:absolute;top:0;right:0;left:0;height:3px;background:var(--accent-color, var(--color-primary));border-radius:0;opacity:.85;transition:opacity .2s ease}.kpi-card:hover .kpi-accent{opacity:1}.sidebar-item{transition:background .15s ease,color .15s ease;position:relative}.sidebar-item:hover{background:var(--color-bg-hover)!important}.sidebar-item[data-active=true]{background:var(--color-primary-light)!important;color:var(--color-primary)!important}.filter-transition{transition:opacity .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1)}.filter-transition.is-loading{opacity:.55;transform:translateY(4px)}.chart-animate{animation:fadeUp .22s cubic-bezier(.2,.8,.2,1);transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1)}.chart-animate:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a1a}.skeleton-line{height:16px;border-radius:8px;background:linear-gradient(90deg,#94a3b81a,#94a3b847,#94a3b81a);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.new-ticket-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.ticket-summary{position:sticky;top:32px}.form-section{padding-top:20px;margin-top:20px;border-top:1px solid var(--color-border-light)}.tips-list{display:grid;gap:8px;font-size:12px;color:var(--color-text-muted)}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top:2px solid #ffffff;border-radius:50%;animation:spin .7s linear infinite}.template-btn-hover:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14;border-color:var(--color-primary)!important}.action-btn:hover{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}.table-row{transition:background .12s ease,box-shadow .12s ease}.table-row:hover{background:var(--color-bg-hover)!important}.date-input:hover{border-color:var(--color-primary-hover)}.date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.animate-stagger>*{animation:fadeUp .25s cubic-bezier(.2,.8,.2,1) both}.animate-stagger>*:nth-child(1){animation-delay:.02s}.animate-stagger>*:nth-child(2){animation-delay:.05s}.animate-stagger>*:nth-child(3){animation-delay:.08s}.animate-stagger>*:nth-child(4){animation-delay:.11s}.animate-stagger>*:nth-child(5){animation-delay:.14s}.stat-value-animate{animation:statPulse .35s ease}:root{--color-bg-primary: #f0f4f8;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e8edf3;--color-bg-hover: #e4e9f0;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: rgba(37, 99, 235, .1);--color-primary-selection: rgba(37, 99, 235, .18);--color-success: #15803d;--color-success-bg: rgba(22, 163, 74, .1);--color-error: #dc2626;--color-error-bg: rgba(220, 38, 38, .1);--color-warning: #b45309;--color-warning-bg: rgba(217, 119, 6, .1);--color-info: #2563eb;--color-info-bg: rgba(37, 99, 235, .1);--color-parts: #7c3aed;--color-parts-bg: rgba(147, 51, 234, .1);--color-border: #cbd5e1;--color-border-light: #e2e8f0;--shadow-card: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lifted: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-overlay: 0 20px 48px rgba(15, 23, 42, .14), 0 8px 16px rgba(15, 23, 42, .08);--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827}[data-theme=dark]{--color-bg-primary: #111827;--color-bg-secondary: #1f2937;--color-bg-tertiary: #374151;--color-bg-hover: #4b5563;--color-text-primary: #f3f4f6;--color-text-secondary: #d1d5db;--color-text-muted: #9ca3af;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: rgba(59, 130, 246, .15);--color-primary-selection: rgba(59, 130, 246, .25);--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .14);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .14);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .14);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .14);--color-parts: #a855f7;--color-parts-bg: rgba(168, 85, 247, .14);--color-border: #374151;--color-border-light: #4b5563;--shadow-card: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .12);--shadow-lifted: 0 4px 12px rgba(0, 0, 0, .24), 0 2px 4px rgba(0, 0, 0, .12);--shadow-overlay: 0 20px 48px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .2)}html,body{max-width:100vw;overflow-x:hidden}@media(max-width:960px){.new-ticket-grid{grid-template-columns:1fr}.ticket-summary{position:static}}@media(max-width:767px){#root{max-width:100vw;overflow-x:hidden}.kpi-card:hover{transform:none;box-shadow:none}.app-card.interactive-card:hover{transform:none}.sidebar-item:hover,.table-row:hover,.chart-animate:hover{transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}@media(max-width:1100px){.dashboard-charts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-charts-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}}.app-main.slim-sidebar{margin-right:64px}@media(max-width:768px){.app-main.slim-sidebar{margin-right:0}}@supports (padding: env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}.slim-nav-item{position:relative}.slim-nav-item:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#0f172ae0;color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:200;direction:rtl}