html,body,#root{height:100%;margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;color-scheme:light only!important;background-color:#fff!important;color:#2d3748!important}.chakra-ui-dark{display:none!important}*{color-scheme:light!important}.login-bg{width:100vw;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:relative;overflow:hidden;transform:translateZ(0)}.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;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){.login-bg{padding:20px;display:flex;align-items:center;justify-content:center}.login-glass h2{font-size:1.5rem}.login-glass p{font-size:.9rem}}:root{--Bg: #ffffff;--Color: #1a202c;--BodyBg: #ffffff;--Primary: #7c3aed;--PrimaryLight: #8b5cf6;--PrimaryDark: #6d28d9;--Secondary: #06b6d4;--Accent: #f59e0b;--TextPrimary: #1a202c;--TextSecondary: #4a5568;--TextMuted: #718096;--Border: #e2e8f0;--BorderLight: #f1f5f9;--Shadow: rgba(0, 0, 0, .1);--ShadowHover: rgba(0, 0, 0, .15);--BtnBg: var(--Primary);--BtnColor: #ffffff;--BtnHover: var(--PrimaryDark);--BtnActive: var(--PrimaryLight);--BtnBorder: var(--Primary);--InputBg: #ffffff;--InputPlaceholder: var(--TextMuted);--NavbarBg: rgba(255, 255, 255, .95)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(3rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.landing-page{background-color:var(--BodyBg);color:var(--Color);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;line-height:1.7}.container{max-width:80rem;margin:0 auto;padding:0 2rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;position:sticky;top:0;background:var(--NavbarBg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--Border);z-index:1000;animation:fadeIn .6s ease-out;transition:all .3s ease}.nav-logo{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--Primary) 0%,var(--Secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{font-weight:600}.nav-links a{margin:0 1.25rem;text-decoration:none;color:var(--TextSecondary);transition:all .3s ease;position:relative;padding:.5rem 0;font-size:.95rem}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(90deg,var(--Primary),var(--Secondary));border-radius:2px;transition:all .3s ease;transform:translate(-50%)}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--Primary);transform:translateY(-2px)}.nav-button{background:linear-gradient(135deg,var(--Primary) 0%,var(--Secondary) 100%);color:var(--BtnColor);padding:.875rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;box-shadow:0 4px 15px #7c3aed4d;position:relative;overflow:hidden}.nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.nav-button:hover:before{left:100%}.nav-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #7c3aed66}.hero-section{text-align:center;padding:8rem 0 6rem;position:relative;background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9);overflow:hidden}.glow-effect{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(124,58,237,.1) 0%,rgba(6,182,212,.05) 50%,transparent 70%);filter:blur(80px);z-index:0;animation:float 8s ease-in-out infinite}.hero-content{position:relative;z-index:1}.hero-title{font-size:4.5rem;font-weight:900;line-height:1.1;margin-bottom:2rem;animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,var(--TextPrimary) 0%,var(--Primary) 30%,var(--Secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title span{background:linear-gradient(135deg,var(--Primary) 0%,var(--Secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;animation:gradientShift 3s ease-in-out infinite;background-size:200% 200%}.hero-subtitle{font-size:1.4rem;color:var(--TextSecondary);max-width:700px;margin:0 auto;animation:fadeInUp .8s ease-out .3s;animation-fill-mode:both;font-weight:400;line-height:1.6}.animated-section{opacity:0;transform:translateY(3rem) scale(.98);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.in-view{opacity:1;transform:translateY(0) scale(1)}.dashboard-section{background:linear-gradient(135deg,#fff,#f8fafc);position:relative;overflow:hidden}.dashboard-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--Border),transparent)}.feature-image{border-radius:20px;border:1px solid var(--BorderLight);box-shadow:0 25px 50px -12px var(--Shadow);transform:perspective(1500px) rotateY(-5deg) rotateX(2deg) scale(.95);transition:all .6s cubic-bezier(.25,.46,.45,.94);filter:brightness(1.05) contrast(1.1)}.feature-image:hover{transform:perspective(1500px) rotateY(0) rotateX(0) scale(1);box-shadow:0 35px 60px -12px var(--ShadowHover);filter:brightness(1.1) contrast(1.15)}.process-section{padding:8rem 0;background:linear-gradient(135deg,#f8fafc,#fff);position:relative}.process-step{border-left:3px solid var(--PrimaryLight);padding:2rem 0 2rem 2.5rem;position:relative;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000d;margin:1rem 0;transition:all .3s ease}.process-step:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a;border-left-color:var(--Primary)}.process-step:before{content:"";position:absolute;left:-12px;top:2rem;width:24px;height:24px;background:linear-gradient(135deg,var(--Primary),var(--Secondary));border-radius:50%;border:4px solid white;box-shadow:0 4px 12px #7c3aed4d}.process-step h3{font-size:1.5rem;margin-bottom:1rem;color:var(--Primary);font-weight:700}.cta-section{padding:8rem 0;background:linear-gradient(135deg,var(--Primary) 0%,var(--Secondary) 100%);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><polygon fill="rgba(255,255,255,0.05)" points="0,1000 1000,0 1000,1000"/></svg>');background-size:cover}.cta-section .animated-section{position:relative;z-index:1}.cta-section h2,.cta-section p{color:#fff}.cta-section .nav-button{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.cta-section .nav-button:hover{background:#ffffff4d;transform:translateY(-3px)}.footer{padding:4rem 0;background:var(--TextPrimary);color:#fff;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.social-icon{font-size:1.5rem;color:#ffffffb3;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:8px;background:#ffffff1a}.social-icon:hover{color:#fff;transform:translateY(-3px);background:#fff3;box-shadow:0 8px 20px #0003}@media (max-width: 768px){.hero-title{font-size:2.8rem;line-height:1.2}.hero-subtitle{font-size:1.2rem}.container{padding:0 1.5rem}.navbar{padding:1rem 0}.nav-links a{margin:0 .75rem;font-size:.9rem}.process-step{padding:1.5rem 0 1.5rem 2rem;margin:.5rem 0}.feature-image{transform:none;margin:1rem 0}.hero-section{padding:6rem 0 4rem}}html{scroll-behavior:smooth}::selection{background:#7c3aed33;color:var(--TextPrimary)}::-moz-selection{background:#7c3aed33;color:var(--TextPrimary)}@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{--history-amount-text: #10b981;--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);--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}:root .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}:root .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}:root .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}:root .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}:root .stat-card-gray{--stat-card-bg: #4a5568;--stat-card-text: #f7fafc;--stat-card-icon-bg: #2d3748;--stat-card-icon-color: #e2e8f0}[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:.6em 1.2em;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:12px 20px}.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:12px}}.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}