:root{--login-gradient-color-1: #667eea;--login-gradient-color-2: #764ba2;--login-gradient-color-3: #f093fb;--login-gradient-color-4: #f5576c;--login-glass-bg: rgba(255, 255, 255, .15);--login-glass-border: rgba(255, 255, 255, .18);--login-glass-shadow: rgba(0, 0, 0, .1);--login-input-bg: rgba(255, 255, 255, .1);--login-input-placeholder-color: rgba(255, 255, 255, .6);--login-input-focus-bg: rgba(255, 255, 255, .2);--login-radial-overlay: rgba(255, 255, 255, .1)}body,html,#root,.App{margin:0!important;padding:0!important;width:100%!important;height:100%!important}body{margin:0!important;padding:0!important;position:fixed!important;width:100%!important;height:100%!important}.chakra-ui-dark{display:none!important}*{color-scheme:light!important}.login-bg{width:100vw;height:100vh;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(-45deg,var(--login-gradient-color-1),var(--login-gradient-color-2),var(--login-gradient-color-3),var(--login-gradient-color-4));background-size:400% 400%;animation:gradientMove 15s ease infinite;position:fixed!important;inset:0;margin:0!important;padding:0!important;z-index:1}.login-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--login-radial-overlay) 0%,transparent 70%);animation:rotate 20s linear infinite;z-index:0}.login-glass{z-index:2;width:90%;max-width:420px;padding:40px;border-radius:20px;margin:0!important;background-color:var(--login-glass-bg);border:1px solid var(--login-glass-border);box-shadow:0 8px 32px 0 var(--login-glass-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)){.login-glass{background-color:var(--login-glass-bg);border:1px solid var(--login-glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.chakra-form-control{position:relative!important}.login-glass .chakra-input{width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:block!important}.login-glass .chakra-input:after{content:"";display:block;clear:both}.login-glass .chakra-stack>*,.login-glass .chakra-form-control{width:100%!important;max-width:100%!important;position:relative!important}.login-glass button svg{width:22px!important;height:22px!important;display:block!important;opacity:1!important;visibility:visible!important}.login-glass button{-webkit-tap-highlight-color:rgba(255,255,255,.2)!important;touch-action:manipulation!important}.login-bg{padding:0!important;margin:0!important;display:flex;align-items:center;justify-content:center;width:100vw!important;height:100vh!important;min-height:100vh!important;position:fixed!important;top:0;left:0}.login-glass{width:95%!important;max-width:380px!important;padding:30px 25px!important;margin:0!important;border-radius:20px!important}.login-glass button:active{transform:scale(.95)!important;transition:transform .1s!important}}@media (max-width: 480px){.login-glass button svg{width:20px!important;height:20px!important}.login-glass .chakra-stack{gap:16px!important}.login-glass{width:92%!important;max-width:350px!important;padding:25px 20px!important;margin:0!important;border-radius:18px!important}}@media (hover: none) and (pointer: coarse){.login-glass .chakra-input,.login-glass .chakra-button,.login-glass .chakra-icon-button{min-height:44px!important}}@supports (-webkit-touch-callout: none){.login-bg{min-height:-webkit-fill-available!important}.login-glass .chakra-input{font-size:16px!important}}.login-glass button[type=button]{user-select:none!important;-webkit-user-select:none!important}login-glass .chakra-input__right-element,.login-glass .chakra-input-group__right-element{display:flex!important;visibility:visible!important;opacity:1!important}.login-glass .chakra-form-control,.login-glass .chakra-input-group,.login-glass .chakra-input,.login-glass *{overflow:visible!important}.login-glass .chakra-input{box-sizing:border-box!important}.chakra-input__group{display:block!important;width:100%!important}.chakra-input__right-element{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .9);--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-focus: #6366f1;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #ffffff;--text-light: #94a3b8;--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #0ea5e9;--gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-success: linear-gradient(135deg, #10b981, #34d399);--gradient-warning: linear-gradient(135deg, #f59e0b, #fbbf24);--gradient-danger: linear-gradient(135deg, #ef4444, #f87171);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-primary: 0 4px 14px 0 rgba(99, 102, 241, .2);--customer-bg: linear-gradient(135deg, #10b981, #34d399);--customer-bg-light: linear-gradient(135deg, rgba(16, 185, 129, .1), rgba(52, 211, 153, .1));--customer-border: rgba(16, 185, 129, .3);--customer-color: #10b981;--customer-text: white;--customer-shadow: 0 4px 14px rgba(16, 185, 129, .3);--admin-bg: linear-gradient(135deg, #8b5cf6, #a78bfa);--admin-bg-light: linear-gradient(135deg, rgba(139, 92, 246, .1), rgba(167, 139, 250, .1));--admin-border: rgba(139, 92, 246, .3);--admin-color: #8b5cf6;--admin-text: white;--admin-shadow: 0 4px 14px rgba(139, 92, 246, .3);--user-bg: linear-gradient(135deg, #3b82f6, #60a5fa);--user-bg-light: linear-gradient(135deg, rgba(59, 130, 246, .1), rgba(96, 165, 250, .1));--user-border: rgba(59, 130, 246, .3);--user-color: #3b82f6;--user-text: white;--user-shadow: 0 4px 14px rgba(59, 130, 246, .3);--system-bg: linear-gradient(135deg, #f59e0b, #fbbf24);--system-bg-light: linear-gradient(135deg, rgba(245, 158, 11, .1), rgba(251, 191, 36, .1));--system-border: rgba(245, 158, 11, .3);--system-color: #f59e0b;--system-text: white;--system-shadow: 0 4px 14px rgba(245, 158, 11, .3)}body,#root,.App{background:var(--bg-secondary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.Chat-Window{background:var(--bg-secondary)!important;color:var(--text-primary)}.message-customer{background:var(--customer-bg)!important;color:var(--customer-text)!important;box-shadow:var(--customer-shadow)!important;border:none!important;border-radius:18px 18px 18px 4px!important;position:relative;margin-left:8px!important}.message-customer:before{content:"";position:absolute;bottom:-6px;left:12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #10b981}.message-admin{background:var(--admin-bg)!important;color:var(--admin-text)!important;box-shadow:var(--admin-shadow)!important;border:none!important;border-radius:18px 18px 4px!important;position:relative;margin-right:8px!important}.message-admin:before{content:"";position:absolute;bottom:-6px;right:12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #8b5cf6}.message-admin:after{content:"👑";position:absolute;top:-6px;right:-6px;font-size:10px;background:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;z-index:1}.message-user{background:var(--user-bg)!important;color:var(--user-text)!important;box-shadow:var(--user-shadow)!important;border:none!important;border-radius:18px 18px 4px!important;position:relative;margin-right:8px!important}.message-user:before{content:"";position:absolute;bottom:-6px;right:12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #3b82f6}.message-system{background:var(--system-bg)!important;color:var(--system-text)!important;box-shadow:var(--system-shadow)!important;border:none!important;border-radius:12px!important;border-left:4px solid #d97706!important;margin:8px auto!important;max-width:80%!important;text-align:center!important;padding:10px 16px!important}.card-customer{background:var(--customer-bg-light)!important;border:1px solid var(--customer-border)!important;border-left:4px solid var(--customer-color)!important;transition:all .3s ease!important}.card-admin{background:var(--admin-bg-light)!important;border:1px solid var(--admin-border)!important;border-left:4px solid var(--admin-color)!important;transition:all .3s ease!important}.card-user{background:var(--user-bg-light)!important;border:1px solid var(--user-border)!important;border-left:4px solid var(--user-color)!important;transition:all .3s ease!important}.card-system{background:var(--system-bg-light)!important;border:1px solid var(--system-border)!important;border-left:4px solid var(--system-color)!important;transition:all .3s ease!important}.sender-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;margin-left:8px;vertical-align:middle}.badge-customer{background:#10b98126;color:var(--customer-color);border:1px solid rgba(16,185,129,.3)}.badge-admin{background:#8b5cf626;color:var(--admin-color);border:1px solid rgba(139,92,246,.3)}.badge-user{background:#3b82f626;color:var(--user-color);border:1px solid rgba(59,130,246,.3)}.badge-system{background:#f59e0b26;color:var(--system-color);border:1px solid rgba(245,158,11,.3)}.message-icon{margin-right:6px;display:inline-block;font-size:12px}.customer-icon:before{content:"👤"}.admin-icon:before{content:"👑"}.user-icon:before{content:"💼"}.system-icon:before{content:"📢"}.card-customer:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98126;background:linear-gradient(135deg,#10b98126,#34d39926)!important}.card-admin:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf626;background:linear-gradient(135deg,#8b5cf626,#a78bfa26)!important}.card-user:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f626;background:linear-gradient(135deg,#3b82f626,#60a5fa26)!important}.card-system:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b26;background:linear-gradient(135deg,#f59e0b26,#fbbf2426)!important}[class*="surface."],[class*="gray."],[class*=black],.bg-dark,.dark-bg,.bg-gray-800,.bg-gray-900{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-light)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.ChatMessagesScroll::-webkit-scrollbar{width:6px}.ChatMessagesScroll::-webkit-scrollbar-track{background:#cbd5e14d;border-radius:3px}.ChatMessagesScroll::-webkit-scrollbar-thumb{background:#6366f166;border-radius:3px}.ChatMessagesScroll::-webkit-scrollbar-thumb:hover{background:#6366f199}.Input{background:var(--bg-card)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important;font-size:14px!important;transition:all .2s ease!important}.Input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #6366f11a!important;outline:none!important}.Input::placeholder{color:var(--text-light)!important;opacity:.7!important}.Btn,.Shadow{background:#818cf8!important;border:1px solid #bbbec2!important;color:#e2e1e1!important;transition:all .2s ease!important}.Btn:hover,.Shadow:hover{background:#6b75d3!important;border-color:var(--border-medium)!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)!important}.btn-primary{background:var(--primary)!important;color:#fff!important;border:none!important}.btn-primary:hover{background:var(--primary-dark)!important;transform:translateY(-1px);box-shadow:var(--shadow-primary)!important}.MainModel,.MainBg{background:var(--bg-card)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-lg)!important;border-radius:12px!important;overflow:hidden!important}.MainModel:before,.MainBg:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:12px 12px 0 0}.online{background:var(--success)!important;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--success)!important}.offline{background:var(--text-light)!important;box-shadow:0 0 0 2px #fff!important}.typing{background:var(--warning)!important;animation:pulse 1.5s infinite!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.deleted-message{background:var(--bg-tertiary)!important;color:var(--text-muted)!important;border:1px dashed var(--border-light)!important;border-radius:12px!important;padding:12px 16px!important;font-style:italic!important;opacity:.8!important}.pinned-message{border-left:4px solid var(--warning)!important;background:linear-gradient(135deg,#f59e0b0d,#fbbf240d)!important}.replied-message{border-left:4px solid var(--info)!important;background:linear-gradient(135deg,#0ea5e90d,#38bdf80d)!important}.loading-message{background:linear-gradient(90deg,var(--bg-tertiary) 0%,rgba(203,213,225,.5) 50%,var(--bg-tertiary) 100%)!important;background-size:200% 100%!important;animation:loading 1.5s infinite!important}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.check-mark{color:var(--success)!important}.double-check{color:var(--primary)!important}.error-mark{color:var(--danger)!important;animation:shake .5s ease-in-out!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.divider{border-color:var(--border-light)!important;opacity:.6!important}.text-muted{color:var(--text-muted)!important}.text-light{color:var(--text-light)!important}.text-primary{color:var(--text-primary)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.text-info{color:var(--info)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.rounded-sm{border-radius:4px!important}.rounded-md{border-radius:8px!important}.rounded-lg{border-radius:12px!important}.rounded-xl{border-radius:16px!important}.rounded-full{border-radius:9999px!important}.transition-all{transition:all .3s ease!important}.transition-colors{transition:background-color .3s ease,border-color .3s ease,color .3s ease!important}.hover-lift:hover{transform:translateY(-2px)!important;transition:transform .2s ease!important}.glow-effect{position:relative}.glow-effect:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:var(--gradient-primary);z-index:-1;opacity:0;transition:opacity .3s ease}.glow-effect:hover:after{opacity:.3}.system-notification{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a)!important;border:1px solid rgba(245,158,11,.2)!important;border-radius:8px!important;padding:8px 12px!important;margin:4px 0!important;text-align:center!important;font-size:12px!important;color:var(--system-color)!important}.date-divider{background:var(--bg-tertiary)!important;color:var(--text-muted)!important;border:1px solid var(--border-light)!important;border-radius:20px!important;padding:4px 16px!important;font-size:12px!important;font-weight:600!important;margin:16px auto!important;display:inline-block!important;text-align:center!important}.selected-message{background:linear-gradient(135deg,#6366f11a,#8b5cf61a)!important;border:2px solid var(--primary)!important;box-shadow:0 0 0 4px #6366f11a!important}:focus-visible{outline:2px solid var(--primary)!important;outline-offset:2px!important;border-radius:4px!important}@font-face{font-family:Almarai;src:url(/Fonts/Almarai-Regular.ttf) format("truetype")}body{font-family:Almarai,sans-serif!important}[data-theme=dark]{--history-amount-text: #34d399;--history-amount-icon: #34d399;--history-item-bg: #1e293b;--history-item-border: #334155;--history-header-bg: #0f172a;--history-header-hover-bg: #1e293b;--history-header-text: #f1f5f9;--history-header-subtext: #94a3b8;--history-content-bg: #1e293b;--history-icon-bg: linear-gradient(135deg, #a78bfa, #c4b5fd);--history-icon-color: #1e293b;--history-badge-bg: #a78bfa;--history-badge-text: #1e293b;--file-item-hover-border: #475569;--file-item-text: #f1f5f9;--file-item-subtext: #94a3b8;--file-pdf-color: #f87171;--file-image-color: #34d399;--file-action-color: #94a3b8;--file-action-hover-bg: #334155;--file-action-hover-color: #a78bfa;--empty-history-bg: #0f172a;--empty-history-border: #334155;--empty-history-icon: #475569;--empty-history-text: #94a3b8;--modal-bg: #1e293b;--modal-text: #f1f5f9;--modal-header-bg: #0f172a;--modal-border: #334155;--billing-page-bg: #0f172a;--billing-heading: #f1f5f9;--billing-text-secondary: #94a3b8;--billing-primary: #a78bfa;--billing-empty-state-bg: #1e293b;--billing-empty-state-border: #334155;--billing-empty-state-text: #cbd5e1;--contract-card-bg: #1e293b;--contract-card-border: #334155;--contract-card-shadow: rgba(167, 139, 250, .08);--contract-card-hover-shadow: rgba(167, 139, 250, .15);--contract-card-header-bg: #1e293b;--contract-card-content-bg: #0f172a;--contract-card-text: #f1f5f9;--contract-card-subtext: #94a3b8;--contract-card-icon: #64748b;--contract-number-bg: linear-gradient(135deg, #a78bfa, #c4b5fd);--contract-number-text: #1e293b;--contract-status-active: #34d399;--history-item-border: #a78bfa;--history-item-icon: #a78bfa;--history-item-text: #cbd5e1;--file-item-bg: #1e293b;--file-item-border: #334155;--file-item-hover-bg: #334155;--file-item-shadow: rgba(167, 139, 250, .1);--file-contract-color: #a78bfa;--file-invoice-color: #fbbf24;--file-download-color: #94a3b8;--billing-page-bg: #1a202c;--billing-page-bg-secondary: #2d3748;--billing-header-bg: #2d3748;--billing-header-bg-secondary: #4a5568;--billing-header-border: #4a5568;--billing-heading: #f7fafc;--billing-heading-shadow: rgba(0, 0, 0, .2);--billing-text-secondary: #a0aec0;--billing-text-shadow: rgba(0, 0, 0, .1);--billing-primary: #667eea;--billing-secondary: #764ba2;--billing-legend-bg: rgba(45, 55, 72, .8);--billing-legend-bg-secondary: rgba(74, 85, 104, .8);--billing-legend-border: rgba(74, 85, 104, .8);--billing-legend-text: #e2e8f0;--billing-stats-border: rgba(74, 85, 104, .5);--billing-stats-shadow: rgba(102, 126, 234, .15);--billing-stats-label: #a0aec0;--billing-stats-value: #f7fafc;--billing-stats-contract-gradient: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);--billing-stats-active-gradient: linear-gradient(135deg, #22543d 0%, #2d3748 100%);--billing-stats-pending-gradient: linear-gradient(135deg, #744210 0%, #2d3748 100%);--billing-stats-amount-gradient: linear-gradient(135deg, #44337a 0%, #2d3748 100%);--billing-empty-state-bg: rgba(45, 55, 72, .8);--billing-empty-state-bg-secondary: rgba(74, 85, 104, .8);--billing-empty-state-border: rgba(113, 128, 150, .4);--billing-empty-state-shadow: rgba(0, 0, 0, .2);--billing-empty-state-text: #e2e8f0;--billing-empty-state-icon: #718096;--billing-loading-bg: rgba(45, 55, 72, .9);--billing-loading-border: rgba(74, 85, 104, .8);--billing-alert-error-bg: linear-gradient(135deg, #742a2a 0%, #9b2c2c 100%);--billing-alert-error-border: #c53030}:root{--fm-view-bg: #1a202c;--fm-view-border: #2d3748;--fm-view-text: #e2e8f0;--fm-view-header-text: #cbd5e0;--upload-dropzone-bg: #2d3748;--upload-dropzone-hover-bg: #4a5568;--tips-bg: #2d3748;--tips-border: #4a5568;--upload-btn-bg: #3182ce;--upload-btn-text: white;--upload-btn-hover-bg: #2b6cb0;--upload-modal-bg: #ffffff;--upload-modal-text: #1a202c;--upload-modal-border: #e2e8f0;--upload-file-preview-bg: #f7fafc;--upload-file-preview-border: #e2e8f0;--upload-file-remove-icon: #718096;--upload-file-remove-hover-bg: #fed7d7;--upload-file-remove-hover-icon: #e53e3e;--upload-progress-track-bg: #edf2f7;--modal-btn-ghost-hover-bg: #e2e8f0;--fm-view-bg: #ffffff;--fm-view-border: #e2e8f0;--fm-view-text: #2d3748;--fm-view-header-text: #4a5568;--fm-empty-text-color: #718096;--fm-view-scrollbar-track: #f7fafc;--fm-view-scrollbar-thumb: #cbd5e0;--Spinner: #3182ce;--resizer-bg: #e2e8f0;--resizer-hover-bg: #3182ce;--reports-table-bg: #f8fafc;--reports-table-header-bg: linear-gradient(90deg, #1e3a8a, #2563eb);--reports-table-header-text: #ffffff;--reports-table-border: #e2e8f0;--reports-table-row-bg: #ffffff;--reports-table-row-hover: #f1f5f9;--reports-table-group-header-bg: #eef2ff;--reports-table-group-header-text: #1e3a8a;--reports-table-total-row-bg: #e0f2fe;--reports-table-grand-total-bg: #bae6fd;--reports-table-text: #0f172a;--reports-table-muted-text: #64748b;--history-amount-icon: #10b981;--history-item-bg: #ffffff;--history-item-border: #f1f5f9;--history-header-bg: #f8fafc;--history-header-hover-bg: #f1f5f9;--history-header-text: #1e293b;--history-header-subtext: #64748b;--history-content-bg: #ffffff;--history-icon-bg: linear-gradient(135deg, #8b5cf6, #a78bfa);--history-icon-color: #ffffff;--history-badge-bg: #8b5cf6;--history-badge-text: #ffffff;--file-item-hover-border: #e2e8f0;--file-item-text: #1e293b;--file-item-subtext: #64748b;--file-pdf-color: #ef4444;--file-image-color: #10b981;--file-action-color: #64748b;--file-action-hover-bg: #f1f5f9;--file-action-hover-color: #8b5cf6;--empty-history-bg: #f8fafc;--empty-history-border: #e2e8f0;--empty-history-icon: #94a3b8;--empty-history-text: #64748b;--modal-bg: #ffffff;--modal-text: #1e293b;--modal-header-bg: #f8fafc;--modal-border: #e2e8f0;--billing-heading: #1e293b;--billing-text-secondary: #64748b;--billing-primary: #8b5cf6;--billing-empty-state-bg: #ffffff;--billing-empty-state-border: #e2e8f0;--billing-empty-state-text: #475569;--contract-card-bg: #ffffff;--contract-card-border: #f1f5f9;--contract-card-shadow: rgba(139, 92, 246, .08);--contract-card-hover-shadow: rgba(139, 92, 246, .15);--contract-card-header-bg: #ffffff;--contract-card-content-bg: #f8fafc;--contract-card-text: #1e293b;--contract-card-subtext: #64748b;--contract-card-icon: #94a3b8;--contract-number-bg: linear-gradient(135deg, #8b5cf6, #a78bfa);--contract-number-text: #ffffff;--contract-status-active: #10b981;--history-item-border: #8b5cf6;--history-item-icon: #8b5cf6;--history-item-text: #475569;--file-item-bg: #ffffff;--file-item-border: #f1f5f9;--file-item-hover-bg: #f8fafc;--file-item-shadow: rgba(139, 92, 246, .1);--file-contract-color: #8b5cf6;--file-invoice-color: #f59e0b;--file-download-color: #64748b;--billing-page-bg: #f8fafc;--billing-page-bg-secondary: #e2e8f0;--billing-header-bg: #ffffff;--billing-header-bg-secondary: #f7fafc;--billing-header-border: #e2e8f0;--billing-heading: #1a202c;--billing-heading-shadow: rgba(0, 0, 0, .05);--billing-text-secondary: #718096;--billing-text-shadow: rgba(0, 0, 0, .03);--billing-primary: #667eea;--billing-secondary: #764ba2;--billing-legend-bg: rgba(255, 255, 255, .8);--billing-legend-bg-secondary: rgba(247, 250, 252, .8);--billing-legend-border: rgba(226, 232, 240, .8);--billing-legend-contract-dot: #667eea;--billing-legend-contract-glow: rgba(102, 126, 234, .4);--billing-legend-invoice-dot: #f093fb;--billing-legend-invoice-glow: rgba(240, 147, 251, .4);--billing-legend-text: #4a5568;--billing-stats-border: rgba(226, 232, 240, .5);--billing-stats-shadow: rgba(102, 126, 234, .1);--billing-stats-label: #718096;--billing-stats-value: #2d3748;--billing-stats-contract: #667eea;--billing-stats-contract-gradient: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%);--billing-stats-active: #48bb78;--billing-stats-active-gradient: linear-gradient(135deg, #ffffff 0%, #f0fff4 100%);--billing-stats-pending: #ed8936;--billing-stats-pending-gradient: linear-gradient(135deg, #ffffff 0%, #fffaf0 100%);--billing-stats-amount: #9f7aea;--billing-stats-amount-gradient: linear-gradient(135deg, #ffffff 0%, #faf5ff 100%);--billing-badge-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--billing-badge-text: #ffffff;--billing-badge-border: rgba(102, 126, 234, .3);--billing-badge-success-bg: linear-gradient(135deg, #48bb78 0%, #38a169 100%);--billing-badge-success-text: #ffffff;--billing-badge-success-border: rgba(72, 187, 120, .3);--billing-badge-neutral-bg: linear-gradient(135deg, #a0aec0 0%, #718096 100%);--billing-badge-neutral-text: #ffffff;--billing-badge-neutral-border: rgba(160, 174, 192, .3);--billing-badge-shadow: rgba(0, 0, 0, .1);--billing-empty-state-bg: rgba(255, 255, 255, .8);--billing-empty-state-bg-secondary: rgba(247, 250, 252, .8);--billing-empty-state-border: rgba(203, 213, 224, .6);--billing-empty-state-shadow: rgba(102, 126, 234, .08);--billing-empty-state-text: #2d3748;--billing-empty-state-icon: #cbd5e0;--billing-empty-state-icon-shadow: rgba(203, 213, 224, .3);--billing-loading-bg: rgba(255, 255, 255, .9);--billing-loading-border: rgba(226, 232, 240, .8);--billing-loading-shadow: rgba(102, 126, 234, .1);--billing-alert-error-bg: linear-gradient(135deg, #fed7d7 0%, #feb2b2 100%);--billing-alert-error-border: #fc8181;--billing-alert-error-shadow: rgba(245, 101, 101, .2);--reports-tab-text: var(--sidebar-text-color);--reports-tab-hover-bg: var(--sidebar-item-hover-bg);--reports-tab-selected-border: var(--sidebar-item-active-bg);--reports-tab-selected-text: var(--sidebar-item-active-text);--reports-filter-bar-bg: var(--BodyBg);--reports-filter-btn-bg: var(--InputBg);--reports-filter-btn-border: var(--fm-sidebar-border);--reports-filter-btn-hover-bg: var(--sidebar-item-hover-bg);--reports-table-header-bg: var(--sidebar-bg);--reports-table-header-text: var(--sidebar-text-color);--reports-table-border: var(--fm-sidebar-border);--reports-table-row-hover: var(--fm-home-inactive-hover-bg);--reports-table-total-row-bg: var(--sidebar-item-hover-bg);--reports-table-link-color: var(--accent-primary);--reports-table-left-panel-bg: var(--BodyBg);--background-main: #242424;--background-secondary: #1a1a1a;--text-primary: rgba(255, 255, 255, .87);--text-danger: #f56565;--accent-primary: #646cff;--accent-primary-hover: #535bf2;--focus-ring-color: -webkit-focus-ring-color;--Bg: #0f0f1a;--Color: #f1f5f9;--BodyBg: #111827;--BtnBg: #6366f1;--BtnColor: #ffffff;--BtnHover: #4f46e5;--BtnActive: #a5b4fc;--BtnBorder: rgba(255, 255, 255, .15);--BtnActiveColor: #0f0f1a;--BtnDisabled: #374151;--BtnDisabledColor: #9ca3af;--InputBg: #1e293b;--InputPlaceholder: #94a3b8;--Spinner: #8b5cf6;--shadow-color: rgba(255, 255, 255, .5);--login-gradient-color-1: #0f0c29;--login-gradient-color-2: #302b63;--login-gradient-color-3: #24243e;--login-gradient-color-4: #1cd8d2;--login-radial-overlay: rgba(255, 255, 255, .08);--login-glass-bg: rgba(255, 255, 255, .1);--login-glass-border: rgba(255, 255, 255, .2);--login-glass-shadow: rgba(0, 0, 0, .37);--login-input-bg: rgba(255, 255, 255, .2);--login-input-focus-bg: rgba(255, 255, 255, .3);--login-input-placeholder-color: rgba(255, 255, 255, .6);--login-text-primary: #ffffff;--login-text-secondary: rgba(255, 255, 255, .8);.stat-card-blue{--stat-card-bg: #2b6cb0;--stat-card-text: #ffffff;--stat-card-icon-bg: rgba(255, 255, 255, .1);--stat-card-icon-color: #bee3f8}.stat-card-green{--stat-card-bg: #2f855a;--stat-card-text: #ffffff;--stat-card-icon-bg: rgba(255, 255, 255, .1);--stat-card-icon-color: #c6f6d5}.stat-card-teal{--stat-card-bg: #2c7a7b;--stat-card-text: #ffffff;--stat-card-icon-bg: rgba(255, 255, 255, .1);--stat-card-icon-color: #b2f5ea}.stat-card-cyan{--stat-card-bg: #0891b2;--stat-card-text: #ffffff;--stat-card-icon-bg: rgba(255, 255, 255, .1);--stat-card-icon-color: #a7f3d0}.stat-card-gray{--stat-card-bg: #4a5568;--stat-card-text: #f7fafc;--stat-card-icon-bg: #2d3748;--stat-card-icon-color: #e2e8f0}--toast-bg: rgba(26, 32, 44, .9);--toast-text: #ffffff;--toast-shadow: rgba(0, 0, 0, .25);--header-bg: var(--BodyBg);--header-border-color: var(--InputBg);--header-text-color: var(--Color);--header-icon-color: var(--InputPlaceholder);--btn-special-bg: #38B2AC;--btn-special-text: #ffffff;--btn-special-hover-bg: #319795;--avatar-bg: var(--BtnActive);--avatar-text: var(--BtnActiveColor);--menu-bg: var(--InputBg);--menu-border-color: var(--BtnDisabled);--menu-item-hover-bg: var(--BodyBg);--menu-item-text-color: var(--Color);--sidebar-bg: #1a202c;--sidebar-border-color: rgba(255, 255, 255, .1);--sidebar-text-color: #a0aec0;--sidebar-text-hover-color: #ffffff;--sidebar-heading-color: #ffffff;--sidebar-item-hover-bg: #2d3748;--sidebar-item-active-bg: #38B2AC;--sidebar-item-active-text: #ffffff;--sidebar-logout-text: #fc8181;--sidebar-logout-hover-bg: #e53e3e;--sidebar-logout-hover-text: #ffffff;--resizer-bg: var(--BtnDisabled);--resizer-hover-bg: var(--accent-primary);--fm-sidebar-bg: #2d3748;--fm-sidebar-border: #4a5568;--fm-sidebar-text: #ffffff;--fm-home-active-bg: #3182ce;--fm-home-active-hover-bg: #2b6cb0;--fm-home-inactive-hover-bg: rgba(255, 255, 255, .08);--fm-scrollbar-track-bg: #4a5568;--fm-scrollbar-thumb-bg: #718096;--fm-scrollbar-thumb-hover-bg: #a0aec0;--fm-empty-text-color: #a0aec0;--fm-view-bg: #2d3748;--fm-view-border: #4a5568;--fm-view-text: #ffffff;--fm-view-header-text: #a0aec0;--fm-view-scrollbar-track: #4a5568;--fm-view-scrollbar-thumb: #718096;--fm-item-hover-bg: rgba(255, 255, 255, .08);--fm-item-meta-text: #a0aec0;--fm-item-icon-btn-color: #a0aec0;--fm-item-icon-btn-hover-color: #ffffff;--fm-item-icon-btn-danger-color: #f56565;--fm-item-icon-btn-danger-hover-bg: #e53e3e;--fm-item-icon-btn-danger-hover-color: #ffffff;--fm-item-selected-border: var(--accent-primary);--fm-item-default-border: transparent;--fm-folder-text: rgba(255, 255, 255, .92);--fm-folder-selected-bg: #3182ce;--fm-folder-selected-hover-bg: #2b6cb0;--fm-folder-hover-bg: rgba(255, 255, 255, .08);--fm-folder-icon-color: #a0aec0;--fm-folder-icon-hover-color: #ffffff;--fm-folder-menu-icon-hover-bg: rgba(255, 255, 255, .16);--fm-folder-menu-bg: #4a5568;--fm-folder-menu-border: #718096;--fm-folder-menu-item-hover-bg: #718096;--fm-folder-menu-delete-text: #f56565;--fm-folder-menu-delete-hover-bg: #e53e3e;--fm-folder-menu-delete-hover-text: #ffffff;--modal-bg: #2d3748;--modal-text: #ffffff;--modal-border-color: #4a5568;--modal-btn-ghost-text: #d1d5db;--modal-btn-ghost-hover-bg: rgba(255, 255, 255, .16);--btn-danger-bg: #e53e3e;--btn-danger-text: #ffffff;--btn-danger-hover-bg: #c53030;--select-option-bg: #374151;--select-option-text: #f1f5f9;--select-option-hover-bg: var(--BtnBg);--select-option-hover-text: var(--BtnColor);--upload-modal-bg: #2d3748;--upload-modal-text: #ffffff;--upload-modal-border: #4a5568;--upload-btn-bg: #4a5568;--upload-btn-hover-bg: #718096;--upload-file-preview-bg: #4a5568;--upload-file-preview-border: #718096;--upload-file-remove-icon: #a0aec0;--upload-file-remove-hover-bg: #e53e3e;--upload-file-remove-hover-icon: #ffffff;--upload-progress-track-bg: #4a5568;--upload-progress-filled-bg: #48bb78;--upload-submit-bg: #3182ce;--upload-submit-hover-bg: #2b6cb0;--ghost-icon-btn-color: rgba(17, 17, 17, .8);--ghost-icon-btn-hover-bg: rgba(255, 255, 255, .16);--ghost-icon-btn-hover-color: #e81515;--contract-card-bg: var(--BodyBg);--contract-card-text: var(--Color);--contract-card-subtext: var(--InputPlaceholder);--contract-card-icon: #a0aec0;--contract-card-collapse-bg: var(--Bg);--history-item-border: #4a5568;--history-item-icon: #a0aec0;--history-item-text: #0d0d0d;--file-item-bg: var(--BodyBg);--file-icon-contract: #9f7aea;--file-icon-invoice: #48bb78;--file-icon-download: #3182ce;--chat-msg-outgoing-bg: #3182ce;--chat-msg-outgoing-text: #ffffff;--chat-msg-outgoing-meta-text: rgba(255, 255, 255, .7);--chat-msg-outgoing-icon-hover-bg: rgba(0, 0, 0, .3);--chat-msg-incoming-bg: var(--InputBg);--chat-msg-incoming-text: var(--Color);--chat-msg-incoming-meta-text: #a0aec0;--chat-msg-badge-bg: rgba(0, 0, 0, .3);--chat-msg-badge-text: #ffffff;--file-preview-border-color: var(--BtnDisabled);--file-preview-placeholder-bg: var(--BodyBg);--progress-circle-text-color: var(--Color);--progress-circle-bg: var(--accent-primary);--progress-circle-track-color: var(--BodyBg);--conversation-header-bg: var(--BodyBg);--conversation-header-text: var(--Color);--conversation-header-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);--conversation-header-icon-color: var(--sidebar-text-color);--conversation-header-icon-hover-bg: var(--sidebar-item-hover-bg);--conversation-header-icon-hover-color: var(--sidebar-text-hover-color);--chat-room-item-text: var(--Color);--chat-room-item-hover-bg: #2d3748;--chat-room-item-selected-bg: #2a4365;--chat-room-item-selected-text: #bee3f8;--layout-bg: var(--BodyBg);--layout-main-content-bg: var(--Bg);--layout-main-content-text: var(--Color);--drawer-bg: #1a202c;--drawer-text: #ffffff;--placeholder-card-bg: var(--BodyBg);--placeholder-card-text: var(--InputPlaceholder);--placeholder-card-btn-border: var(--accent-primary);--placeholder-card-btn-text: var(--accent-primary);--placeholder-card-btn-hover-bg: var(--accent-primary);--placeholder-card-btn-hover-text: var(--BtnColor);--billing-legend-contract-dot: #9f7aea;--billing-legend-invoice-dot: #48bb78;--billing-legend-text: #a0aec0;--billing-empty-state-bg: var(--BodyBg);--billing-empty-state-text: var(--Color);--welcome-card-active-gradient: linear(to-br, #2c7a7b, #2b6cb0);--welcome-card-inactive-gradient: linear(to-br, #e53e3e, #dd6b20);--welcome-card-text: #ffffff;--welcome-card-overlay-bg: rgba(255, 255, 255, .1);--welcome-card-icon-active: #68d391;--welcome-card-icon-inactive: #fc8181;--dash-stat-card-bg: var(--BodyBg);--dash-stat-card-subtext: #a0aec0;--dash-stat-card-icon: #4a5568;--client-details-card-bg: var(--BodyBg);--client-details-card-divider: var(--fm-sidebar-border);--client-details-card-icon: #3182ce;--client-details-card-label: #a0aec0;--client-details-card-value: var(--Color);--file-tree-bg: #2d3748;--file-tree-text: #e2e8f0;--file-tree-selected-bg: #2b6cb0;--file-tree-folder-icon: #4299e1;--file-tree-file-icon: #a0aec0;--file-tree-accordion-hover-bg: #4a5568;--file-tree-item-hover-bg: #718096;--file-tree-empty-bg: #1A202C;--file-tree-empty-text: #a0aec0;--documents-tab-selected-bg: var(--accent-primary);--documents-tab-selected-text: var(--BtnColor);--documents-tab-hover-bg: var(--BodyBg);--documents-empty-state-bg: var(--BodyBg);--documents-empty-state-text: var(--Color);--documents-alert-error-bg: rgba(229, 62, 62, .16);--documents-alert-error-text: #FC8181;--documents-alert-error-icon: #FC8181;--preview-area-bg: #1A202C;--preview-area-icon-color: #A0AEC0;--preview-area-text-color: #718096;--preview-area-dashed-border-color: #4A5568;--support-panel-bg: var(--Bg);--support-panel-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-primary);background-color:var(--background-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--reports-tab-text: #4a5568;--reports-tab-hover-bg: #edf2f7;--reports-tab-selected-border: #319795;--reports-tab-selected-text: #2c7a7b;--reports-filter-bar-bg: #ffffff;--reports-filter-btn-bg: #ffffff;--reports-filter-btn-border: #e2e8f0;--reports-filter-btn-hover-bg: #f7fafc;--reports-table-header-bg: #f7fafc;--reports-table-header-text: #718096;--reports-table-border: #e2e8f0;--reports-table-row-hover: #f7fafc;--reports-table-total-row-bg: #edf2f7;--reports-table-link-color: #3182ce;--reports-table-left-panel-bg: #f7fafc;--background-main: #ffffff;--background-secondary: #f9f9f9;--text-primary: #2d3748;--text-danger: #e53e3e;--accent-primary: #4299e1;--accent-primary-hover: #3182ce;--Bg: #ffffff;--Color: #1a202c;--BodyBg: #f0f2f5;--BtnBg: #edf2f7;--BtnColor: #2d3748;--BtnHover: #e2e8f0;--BtnActive: #cbd5e0;--BtnBorder: #e2e8f0;--InputBg: #ffffff;--InputPlaceholder: #a0aec0;--Spinner: #4299e1;--shadow-color: rgba(0, 0, 0, .05);--modal-bg: #ffffff;--modal-text: #1a202c;--modal-border-color: #e2e8f0;--modal-btn-ghost-text: #4a5568;--modal-btn-ghost-hover-bg: #edf2f7;--btn-danger-bg: #e53e3e;--btn-danger-text: #ffffff;--btn-danger-hover-bg: #c53030;--select-option-bg: #ffffff;--select-option-text: #1a202c;--select-option-hover-bg: var(--BtnBg);--select-option-hover-text: var(--BtnColor);--layout-bg: #f0f2f5;--layout-main-content-bg: #ffffff;--layout-main-content-text: #2d3748;--drawer-bg: #111827;--drawer-text: #ffffff;--sidebar-bg: #111827;--sidebar-text-color: #d1d5db;--sidebar-text-hover-color: #ffffff;--sidebar-heading-color: #ffffff;--sidebar-item-hover-bg: #374151;--sidebar-item-active-bg: #2dd4bf;--sidebar-item-active-text: #ffffff;--sidebar-logout-text: #f87171;--sidebar-logout-hover-bg: #ef4444;--sidebar-logout-hover-text: #ffffff;--header-bg: #ffffff;--header-border-color: #e5e7eb;--header-text-color: #1f2937;--header-icon-color: #6b7280;--btn-special-bg: #2dd4bf;--btn-special-text: #ffffff;--btn-special-hover-bg: #14b8a6;--avatar-bg: #9333ea;--avatar-text: #ffffff;--menu-bg: #ffffff;--menu-border-color: #e5e7eb;--menu-item-hover-bg: #f3f4f6;--menu-item-text-color: #374151;--welcome-card-active-gradient: linear(to-br, #2dd4bf, #3b82f6);--welcome-card-inactive-gradient: linear(to-br, #f87171, #fb923c);--welcome-card-text: #1a1a1a;--welcome-card-overlay-bg: rgba(0, 0, 0, .1);--welcome-card-icon-active: #34d399;--welcome-card-icon-inactive: #f87171;--dash-stat-card-bg: #ffffff;--dash-stat-card-subtext: #9ca3af;--dash-stat-card-icon: #d1d5db;--client-details-card-bg: #ffffff;--client-details-card-divider: #e5e7eb;--client-details-card-icon: #3b82f6;--client-details-card-label: #9ca3af;--client-details-card-value: #374151;--placeholder-card-bg: #F7FAFC;--placeholder-card-text: #718096;--placeholder-card-btn-border: #3182CE;--placeholder-card-btn-text: #3182CE;--placeholder-card-btn-hover-bg: #EBF8FF;--placeholder-card-btn-hover-text: #2C5282}a{font-weight:500;color:var(--accent-primary);text-decoration:inherit}a:hover{color:var(--accent-primary-hover)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.25em .8em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--background-secondary);color:var(--text-primary);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent-primary)}button:focus,button:focus-visible{outline:4px auto var(--focus-ring-color)}.MenuItem-Delete{color:var(--fm-folder-menu-delete-text)!important}.MenuItem-Delete:hover,.MenuItem-Delete[data-focus]{background-color:var(--fm-folder-menu-delete-hover-bg)!important;color:var(--fm-folder-menu-delete-hover-text)!important}@media (max-width: 767px){body{flex-direction:column;justify-content:center;text-align:center;padding:20px}h1{font-size:2.5em;margin-bottom:1rem}button{width:100%;font-size:1.2em;padding:1em}a{font-size:1rem}.login-bg{padding:20px}.login-glass{width:100%;padding:30px;border-radius:10px}.login-glass input,.login-glass button{width:100%;padding:6px 10px}.login-glass input{font-size:1em;margin-bottom:20px}.login-glass button{font-size:1.1em;margin-top:20px}.chakra-icon{font-size:24px}.chakra-button{padding:6px}}.chakra-select__menu{background-color:var(--select-option-bg)!important}option{background-color:var(--select-option-bg)!important;color:var(--select-option-text)!important}option:hover{background-color:var(--select-option-hover-bg)!important;color:var(--select-option-hover-text)!important}