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{--Primary: #4361ee;--PrimaryLight: #4895ef;--PrimaryDark: #3a0ca3;--Secondary: #f72585;--SecondaryLight: #ff4da6;--Accent: #4cc9f0;--Success: #4ade80;--Warning: #f59e0b;--Danger: #ef4444;--Gradient-primary: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);--Gradient-secondary: linear-gradient(135deg, #f72585 0%, #b5179e 100%);--Gradient-accent: linear-gradient(135deg, #4cc9f0 0%, #4361ee 100%);--Gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--Gradient-orange: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--Gray-50: #f8fafc;--Gray-100: #f1f5f9;--Gray-200: #e2e8f0;--Gray-300: #cbd5e1;--Gray-400: #94a3b8;--Gray-500: #64748b;--Gray-600: #475569;--Gray-700: #334155;--Gray-800: #1e293b;--Gray-900: #0f172a;--Bg: #ffffff;--Color: var(--Gray-800);--BodyBg: #f8fafc;--CardBg: #ffffff;--NavbarBg: rgba(255, 255, 255, .95);--BtnBg: var(--Primary);--BtnColor: #ffffff;--BtnHover: var(--PrimaryDark);--Shadow: rgba(67, 97, 238, .1);--ShadowHover: rgba(67, 97, 238, .2);--Glass-bg: rgba(255, 255, 255, .8);--Glass-border: rgba(255, 255, 255, .2);--Glass-shadow: 0 8px 32px rgba(67, 97, 238, .1)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes wave{0%{transform:translate(0)}50%{transform:translate(-25%)}to{transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slideInLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes neonGlow{0%,to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px var(--Secondary),0 0 20px var(--Secondary)}50%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px var(--Secondary),0 0 40px var(--Secondary)}}.landing-page{background-color:var(--BodyBg);color:var(--Color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;line-height:1.7;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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:fixed;top:0;left:0;right:0;background:var(--Glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--Glass-border);z-index:1000;box-shadow:var(--Glass-shadow);transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar.scrolled{padding:1rem 0;background:#fffffffa;box-shadow:0 8px 32px #4361ee1a}.nav-logo{font-size:1.75rem;font-weight:700;background:var(--Gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;background-size:200% 200%}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:var(--Gray-600);font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.nav-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--Gradient-primary);transition:width .3s ease}.nav-links a:hover:before{width:100%}.nav-links a:hover{color:var(--Primary);background:#4361ee0d}.nav-button{background:var(--Gradient-primary);color:#fff;padding:.875rem 2rem;border-radius:12px;border:none;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #4361ee4d}.nav-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4361ee66}.nav-button:active{transform:translateY(-1px)}.hero-section{text-align:center;padding:14rem 0 10rem;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--Gray-50) 0%,#ffffff 30%,var(--Gray-100) 70%,var(--Gray-50) 100%)}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(67,97,238,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(247,37,133,.05) 0%,transparent 50%);animation:wave 20s ease-in-out infinite}.hero-content{position:relative;z-index:2}.hero-title{font-size:4.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;animation:slideInLeft 1s ease-out;background:var(--Gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.hero-title span{background:var(--Gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;animation:bounce 2s ease infinite}.hero-subtitle{font-size:1.3rem;color:var(--Gray-600);max-width:700px;margin:0 auto 3rem;animation:slideInRight 1s ease-out .3s;animation-fill-mode:both;font-weight:400;line-height:1.7;letter-spacing:-.01em}.floating-element{position:absolute;border-radius:50%;background:var(--Gradient-accent);opacity:.1;animation:float 6s ease-in-out infinite}.floating-element:nth-child(1){width:300px;height:300px;top:10%;left:5%;animation-delay:0s}.floating-element:nth-child(2){width:200px;height:200px;bottom:20%;right:10%;animation-delay:1s}.dashboard-section{background:linear-gradient(135deg,#ffffff 0%,var(--Gray-50) 100%);position:relative;padding:8rem 0;overflow:hidden}.dashboard-header{position:relative;margin-bottom:4rem}.dashboard-tag{display:inline-block;font-size:.95rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--Gradient-primary);padding:.8rem 2.5rem;border-radius:50px;margin-bottom:1.5rem;position:relative;overflow:hidden;animation:pulse 2s ease-in-out infinite;box-shadow:0 8px 25px #4361ee4d;border:2px solid rgba(255,255,255,.2)}.dashboard-tag:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.dashboard-section h2{font-size:3.2rem;font-weight:800;background:var(--Gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.02em;text-align:center}.dashboard-section p{font-size:1.2rem;color:var(--Gray-600);max-width:800px;margin:0 auto;line-height:1.8;text-align:center}.dashboard-preview-container{position:relative;border-radius:24px;overflow:hidden;border:3px solid white;box-shadow:0 20px 60px #4361ee26,0 0 0 1px var(--Gray-200);transition:all .5s cubic-bezier(.4,0,.2,1);background:#fff}.dashboard-preview-container:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 40px 80px #4361ee40,0 0 0 1px var(--PrimaryLight)}.process-section{background:linear-gradient(135deg,var(--Gray-50) 0%,#ffffff 100%);position:relative;padding:10rem 0;overflow:hidden}.process-section-header{text-align:center;margin-bottom:5rem;position:relative}.process-tag{display:inline-block;font-size:.95rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--Gradient-secondary);padding:.8rem 2.5rem;border-radius:50px;margin-bottom:2rem;position:relative;overflow:hidden;animation:bounce 2s ease infinite;box-shadow:0 8px 25px #f725854d;border:2px solid rgba(255,255,255,.2)}.process-tag:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.process-section-header h2{font-size:3.2rem;font-weight:800;background:var(--Gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.02em}.process-section-header p{font-size:1.2rem;color:var(--Gray-600);max-width:700px;margin:0 auto;line-height:1.8}.process-steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1200px;margin:0 auto;position:relative;padding-top:4rem}.process-step-card{padding:3.5rem 2.5rem 2.5rem;position:relative;background:#fff;border-radius:24px;border:2px solid var(--Gray-200);box-shadow:0 12px 40px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:3rem}.process-step-card:hover{transform:translateY(-15px);box-shadow:0 30px 60px #4361ee26;border-color:var(--PrimaryLight)}.process-step-card{position:relative}.process-step-card.step-1:before{content:"1";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;color:#fff;border-radius:50%;background:var(--Gradient-primary);box-shadow:0 15px 35px #4361ee4d;z-index:10}.process-step-card.step-2:before{content:"2";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;color:#fff;border-radius:50%;background:var(--Gradient-orange);box-shadow:0 15px 35px #f59e0b4d;z-index:10}.process-step-card.step-3:before{content:"3";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;color:#fff;border-radius:50%;background:var(--Gradient-success);box-shadow:0 15px 35px #10b9814d;z-index:10}.process-step-content{width:100%;margin-top:2rem}.process-step-card h3{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:var(--Gray-800);position:relative;padding-bottom:1rem}.process-step-card h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;border-radius:2px}.process-step-card.step-1 h3:after{background:var(--Gradient-primary)}.process-step-card.step-2 h3:after{background:var(--Gradient-orange)}.process-step-card.step-3 h3:after{background:var(--Gradient-success)}.process-step-card p{color:var(--Gray-600);font-size:1.1rem;line-height:1.8;margin-top:1rem}.process-steps-container:before{content:"";position:absolute;top:40px;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,var(--Primary),var(--Warning),var(--Success));z-index:1;opacity:.3}.animated-section{opacity:0;transform:translateY(60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.animated-section.in-view{opacity:1;transform:translateY(0)}.feature-image{border-radius:20px;border:2px solid white;box-shadow:0 20px 40px #0000001a;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--Gradient-primary);opacity:0;transition:opacity .3s ease;mix-blend-mode:multiply}.feature-image:hover:after{opacity:.1}.feature-image:hover{transform:translateY(-8px) rotate(1deg);box-shadow:0 30px 60px #4361ee4d;border-color:var(--Primary)}.cta-section{background:var(--Gradient-primary);position:relative;overflow:hidden;padding:10rem 0}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.1) 0%,transparent 50%);animation:gradientShift 10s ease infinite}.cta-section h2{font-size:3.2rem;font-weight:800;color:#fff!important;text-shadow:0 4px 8px rgba(0,0,0,.2);margin-bottom:1.5rem}.cta-section p{color:#ffffffe6!important;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.1);max-width:700px;margin:0 auto 3rem}.cta-section .nav-button{background:#fff;color:var(--Primary);font-weight:700;padding:1.25rem 3.5rem;font-size:1.2rem;border-radius:50px;box-shadow:0 15px 40px #0000004d;position:relative;overflow:hidden}.cta-section .nav-button:hover{background:var(--Gray-100);transform:translateY(-8px) scale(1.05);box-shadow:0 25px 50px #0006}.footer{background:var(--Gray-900);color:var(--Gray-300);position:relative;padding:4rem 0}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--Primary),var(--Secondary),transparent)}.social-icon{font-size:1.5rem;color:var(--Gray-400);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:1rem;border-radius:12px;background:#ffffff0d;border:2px solid transparent}.social-icon:hover{color:#fff;transform:translateY(-5px);background:#4361ee33;border-color:#4361ee80;animation:neonGlow 1.5s ease-in-out infinite}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--Gray-100)}::-webkit-scrollbar-thumb{background:var(--Gradient-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--PrimaryDark)}::selection{background:#4361ee4d;color:#fff}::-moz-selection{background:#4361ee4d;color:#fff}@media (max-width: 768px){.hero-title,.dashboard-section h2,.process-section-header h2,.cta-section h2{font-size:2.2rem!important}.hero-subtitle{font-size:1.1rem}.container{padding:0 1.5rem}.navbar{padding:1rem}.nav-links{display:none}.dashboard-tag,.process-tag{font-size:.85rem;padding:.6rem 1.5rem;letter-spacing:.15em}.process-steps-container{grid-template-columns:1fr;gap:4rem}.process-step-card{padding:3rem 1.5rem 2rem;margin-top:2.5rem}.process-step-card:before{width:70px;height:70px;font-size:2rem;top:-35px}.process-steps-container:before{display:none}.feature-image{margin:2rem 0}.hero-section{padding:10rem 0 6rem}.floating-element{display:none}.dashboard-section,.process-section,.cta-section{padding:5rem 0}}: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;top:-2px;left:-2px;right:-2px;bottom:-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{--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}