@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.block{display:block}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.text-left{text-align:left}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}:root{--primary-50:#e6f1ff;--primary-100:#b3d4ff;--primary-200:#80b8ff;--primary-300:#4d9bff;--primary-400:#1a7eff;--primary-500:#0066e6;--primary-600:#0052b3;--primary-700:#003d80;--primary-800:#00294d;--primary-900:#00141a;--accent-50:#e6fff9;--accent-100:#b3ffec;--accent-200:#80ffdf;--accent-300:#4dffd2;--accent-400:#1affc5;--accent-500:#00e6ac;--accent-600:#00b386;--accent-700:#008060;--accent-800:#004d39;--accent-900:#001a13;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--dark-bg:#000;--dark-surface:#0f0f0f;--dark-surface-2:#1a1a1a;--dark-border:#2e2e2e;--dark-text:#f0f0f0;--dark-text-secondary:#9e9e9e;--glass-bg:#ffffff1a;--glass-bg-dark:#0f172ab3;--glass-border:#ffffff2e;--glass-shadow:0 8px 32px 0 #1f26875e;--glass-blur:blur(16px);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-glow:0 0 40px #0066e64d;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}[data-theme=dark]{--bg-primary:var(--dark-bg);--bg-secondary:var(--dark-surface);--bg-tertiary:var(--dark-surface-2);--text-primary:var(--dark-text);--text-secondary:var(--dark-text-secondary);--border-color:var(--dark-border)}[data-theme=light]{--bg-primary:var(--gray-50);--bg-secondary:#fff;--bg-tertiary:var(--gray-100);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--border-color:var(--gray-200);--dark-bg:#f1f5f9;--dark-surface:#fff;--dark-surface-2:#f8fafc;--dark-border:#e2e8f0;--dark-text:#1e293b;--dark-text-secondary:#64748b;--glass-bg:#fffc;--glass-bg-dark:#ffffffe6;--glass-border:#0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--text-secondary)}a{color:var(--primary-500);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-600)}.text-center{text-align:center}.text-right{text-align:right}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}::-moz-selection{background:var(--primary-500);color:#fff}::selection{background:var(--primary-500);color:#fff}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:.3s ease-out fadeIn}.animate-slideUp{animation:.4s ease-out slideUp}.animate-slideIn{animation:.3s ease-out slideIn}.animate-pulse{animation:2s infinite pulse}.animate-spin{animation:1s linear infinite spin}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.landing-page{min-height:100vh;position:relative;overflow-x:hidden;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif}.landing-bg{position:fixed;inset:0;z-index:-1}.bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 100% 80% at 50% -30%,rgba(0,102,230,.35),transparent 70%),radial-gradient(ellipse 80% 60% at 90% 40%,rgba(0,230,172,.2),transparent 60%),radial-gradient(ellipse 60% 50% at 10% 70%,rgba(139,92,246,.2),transparent 60%),radial-gradient(ellipse 40% 30% at 70% 90%,rgba(236,72,153,.1),transparent 50%),linear-gradient(180deg,#0a0e1a,#0f172a,#0a0e1a)}.bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;animation:patternFloat 30s linear infinite}@keyframes patternFloat{0%,to{transform:translate(0)}50%{transform:translate(-10px,-10px)}}.landing-bg:before,.landing-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat 20s ease-in-out infinite}.landing-bg:before{width:600px;height:600px;background:linear-gradient(135deg,#0066e6,#00e6ac);top:-200px;right:-200px;animation-delay:0s}.landing-bg:after{width:400px;height:400px;background:linear-gradient(135deg,#8b5cf6,#ec4899);bottom:-100px;left:-100px;animation-delay:-10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(15px,15px) scale(1.02)}}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 6%;max-width:1440px;margin:0 auto;position:relative;z-index:100}.nav-brand{display:flex;align-items:center;gap:.75rem}.brand-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0066e6,#00e6ac);border-radius:12px;color:#fff;box-shadow:0 4px 20px #0066e666}.brand-logo{height:48px;width:auto;-o-object-fit:contain;object-fit:contain;background:#fff;padding:2px;border-radius:8px}.footer-logo{height:32px;width:auto;-o-object-fit:contain;object-fit:contain;background:#fff;padding:2px;border-radius:6px}.brand-text{font-size:1.625rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:.75rem;align-items:center}.nav-links .btn-ghost{background:transparent;color:#94a3b8;font-weight:500;padding:.625rem 1.25rem;border:1px solid transparent;transition:all .3s ease}.nav-links .btn-ghost:hover{color:#fff;background:#ffffff0d}.nav-links .btn-primary{background:linear-gradient(135deg,#0066e6,#0052b3);color:#fff;font-weight:600;padding:.625rem 1.5rem;border-radius:10px;border:none;box-shadow:0 4px 15px #0066e659;transition:all .3s ease}.nav-links .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0066e673}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:4rem 6% 8rem;max-width:1440px;margin:0 auto;min-height:calc(100vh - 100px)}@media(max-width:1024px){.hero-section{grid-template-columns:1fr;text-align:center;padding-top:2rem;gap:3rem}.hero-visual{max-width:500px;margin:0 auto}}.hero-content{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem 1.125rem;background:linear-gradient(135deg,#0066e61f,#00e6ac14);border:1px solid rgba(0,102,230,.25);border-radius:100px;font-size:.8125rem;font-weight:600;color:#00e6ac;margin-bottom:1.75rem;letter-spacing:.02em;text-transform:uppercase;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #00e6ac4d}50%{box-shadow:0 0 0 8px #00e6ac00}}.hero-title{font-size:clamp(2.75rem,5.5vw,4.25rem);font-weight:800;line-height:1.08;color:#fff;margin-bottom:1.5rem;letter-spacing:-.025em}.hero-title span{display:block}.gradient-text{background:linear-gradient(135deg,#4da6ff,#00e6ac,#4da6ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}.hero-description{font-size:1.125rem;color:#94a3b8;line-height:1.75;margin-bottom:2.5rem;max-width:520px;font-weight:400}@media(max-width:1024px){.hero-description{margin-left:auto;margin-right:auto}}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3.5rem}@media(max-width:1024px){.hero-actions{justify-content:center}}.hero-actions .btn-primary{background:linear-gradient(135deg,#0066e6,#0047ab);color:#fff;font-weight:600;padding:1rem 2rem;border-radius:12px;border:none;font-size:1rem;display:inline-flex;align-items:center;gap:.625rem;box-shadow:0 8px 30px #0066e666,inset 0 1px #ffffff1a;transition:all .3s ease;text-decoration:none}.hero-actions .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0066e680,inset 0 1px #ffffff1a;color:#fff}.hero-actions .btn-secondary{background:#ffffff0d;color:#e2e8f0;font-weight:600;padding:1rem 2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);font-size:1rem;display:inline-flex;align-items:center;gap:.625rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none}.hero-actions .btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);color:#fff}.hero-stats{display:flex;gap:3rem}@media(max-width:1024px){.hero-stats{justify-content:center}}.hero-stats .stat{display:flex;flex-direction:column;position:relative}.hero-stats .stat:not(:last-child):after{content:"";position:absolute;right:-1.5rem;top:50%;transform:translateY(-50%);width:1px;height:40px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.1),transparent)}.hero-stats .stat-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.hero-stats .stat-label{font-size:.8125rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.hero-visual{perspective:1200px;animation:fadeInUp .8s ease-out .2s both}.dashboard-preview{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;box-shadow:0 50px 100px -20px #0009,0 0 0 1px #ffffff0d,inset 0 1px #ffffff0d;transform:rotateY(-8deg) rotateX(6deg);transition:all .6s cubic-bezier(.23,1,.32,1)}.dashboard-preview:hover{transform:rotateY(-2deg) rotateX(2deg) translateY(-10px);box-shadow:0 60px 120px -25px #000000b3,0 0 60px #0066e626,0 0 0 1px #ffffff14}.preview-header{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06)}.preview-dots{display:flex;gap:.4rem}.preview-dots span{width:10px;height:10px;border-radius:50%}.preview-dots span:first-child{background:#ff5f57;box-shadow:0 0 8px #ff5f5780}.preview-dots span:nth-child(2){background:#febc2e;box-shadow:0 0 8px #febc2e80}.preview-dots span:last-child{background:#28c840;box-shadow:0 0 8px #28c84080}.preview-title{color:#64748b;font-size:.8125rem;font-weight:500}.preview-content{padding:1.25rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}.preview-card{display:flex;align-items:center;gap:.875rem;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.preview-card:hover{background:#ffffff0f;border-color:#ffffff1a;transform:scale(1.02)}.preview-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0066e633,#00e6ac1a);border-radius:10px;color:#4da6ff}.preview-card h4{color:#f1f5f9;font-size:1.125rem;font-weight:700;margin:0;letter-spacing:-.01em}.preview-card p{color:#64748b;font-size:.75rem;margin:.125rem 0 0;font-weight:500}.preview-card.ai-card{grid-column:1 / -1;background:linear-gradient(135deg,#0066e61a,#8b5cf614);border:1px solid rgba(0,102,230,.25);position:relative;overflow:hidden}.preview-card.ai-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.preview-card.ai-card .preview-icon{background:linear-gradient(135deg,#0066e6,#8b5cf6);color:#fff}.features-section{padding:8rem 6%;max-width:1440px;margin:0 auto;position:relative}.features-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;text-align:center;margin-bottom:1rem;letter-spacing:-.02em;color:#fff!important;-webkit-text-fill-color:#ffffff;background:none;opacity:1}.section-subtitle{text-align:center;color:#64748b;font-size:1.125rem;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}}.feature-card{padding:2rem;background:linear-gradient(145deg,#1e293b80,#0f172a80);border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0066e6,#00e6ac);opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-8px);border-color:#0066e64d;box-shadow:0 25px 50px -12px #00000080,0 0 40px #0066e61a}.feature-card:hover:before{opacity:1}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0066e626,#00e6ac14);border-radius:14px;margin-bottom:1.25rem;color:#4da6ff;transition:all .3s ease}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#0066e6,#00e6ac);color:#fff;transform:scale(1.1)}.feature-card h3{font-size:1.25rem;color:#f1f5f9;margin-bottom:.625rem;font-weight:700;letter-spacing:-.01em}.feature-card p{color:#94a3b8;font-size:.9375rem;line-height:1.65;margin:0}.cta-section{padding:6rem 6%;position:relative}.cta-content{max-width:700px;margin:0 auto;text-align:center;padding:4rem 3rem;background:linear-gradient(145deg,#0066e61a,#8b5cf614);border:1px solid rgba(0,102,230,.2);border-radius:24px;position:relative;overflow:hidden}.cta-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(0,102,230,.1) 0%,transparent 60%);animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-content h2{font-size:clamp(1.75rem,3vw,2.25rem);color:#fff;margin-bottom:.75rem;font-weight:800;letter-spacing:-.02em;position:relative}.cta-content p{color:#94a3b8;margin-bottom:2rem;font-size:1.0625rem;position:relative}.cta-content .btn-primary{position:relative;background:linear-gradient(135deg,#0066e6,#0047ab);color:#fff;font-weight:600;padding:1rem 2.5rem;border-radius:12px;border:none;font-size:1rem;box-shadow:0 8px 30px #0066e666;transition:all .3s ease;text-decoration:none;display:inline-block}.cta-content .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0066e680}.landing-footer{padding:2rem 6%;border-top:1px solid rgba(255,255,255,.06)}.footer-content{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;align-items:center;gap:.625rem;font-weight:700;color:#e2e8f0;font-size:1.125rem}.footer-brand .brand-icon{width:32px;height:32px;font-size:1rem}.footer-content p{color:#64748b;font-size:.875rem}@media(max-width:600px){.footer-content{flex-direction:column;gap:1rem;text-align:center}}@media(max-width:768px){.hero-title{font-size:2.25rem}.hero-description{font-size:1rem}.hero-stats{gap:2rem}.hero-stats .stat-value{font-size:1.5rem}.hero-actions .btn-primary,.hero-actions .btn-secondary{padding:.875rem 1.5rem;font-size:.9375rem}}@media(max-width:768px){.landing-nav .nav-links{display:none}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.auth-container{width:100%;max-width:420px;padding:var(--spacing-2xl);background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-2xl);border:1px solid var(--dark-border);box-shadow:var(--glass-shadow)}.auth-container.register-container{max-width:520px}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.logo-icon{font-size:2.5rem}.logo-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-logo-img{height:56px;width:auto;-o-object-fit:contain;object-fit:contain;background:#fff;padding:4px;border-radius:8px}.auth-header h1{font-size:1.5rem;margin-bottom:var(--spacing-xs);color:var(--dark-text)}.auth-header p{color:var(--dark-text-secondary)}.auth-form{margin-bottom:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);font-size:.875rem}.checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;color:var(--dark-text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;border-radius:var(--radius-sm);border:1px solid var(--dark-border);background:transparent;cursor:pointer;accent-color:var(--primary-500);flex-shrink:0;margin-top:2px}.link{color:var(--primary-400);text-decoration:none;transition:color var(--transition-fast)}.link:hover{color:var(--primary-300);text-decoration:underline}.w-full{width:100%}.auth-footer{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--dark-border);color:var(--dark-text-secondary);font-size:.9375rem}.auth-features{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--dark-border)}.auth-features .feature{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--dark-text-secondary)}.auth-features .feature span:first-child{font-size:1rem}.plan-info{margin-top:var(--spacing-lg);text-align:center}.plan-info h4{color:var(--accent-400);margin-bottom:var(--spacing-xs);font-size:1rem}.plan-info p{font-size:.8125rem;color:var(--dark-text-secondary);line-height:1.5}.alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.875rem}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.auth-page .form-input,.auth-page .glass-input{background:#ffffff0d;border-color:var(--dark-border);color:var(--dark-text)}.auth-page .form-input:focus,.auth-page .glass-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0066e633}.auth-page .form-input::-moz-placeholder,.auth-page .glass-input::-moz-placeholder{color:var(--dark-text-secondary)}.auth-page .form-input::placeholder,.auth-page .glass-input::placeholder{color:var(--dark-text-secondary)}.auth-page .form-label{color:var(--dark-text)}.auth-page .form-hint{color:var(--dark-text-secondary)}@media(max-width:480px){.auth-container{padding:var(--spacing-lg);margin:var(--spacing-md)}.auth-features{flex-direction:column;gap:var(--spacing-sm);align-items:center}}.ai-fab-container{position:fixed;bottom:2rem;right:2rem;z-index:1000;display:flex;align-items:center;gap:1rem;animation:float 3s ease-in-out infinite}.ai-label{background:#fff;color:var(--primary-600);padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px #0000001a;position:relative;white-space:nowrap}.ai-label:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid white}.ai-fab{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, var(--primary-500)),var(--secondary-color, var(--primary-700)));color:#fff;border:none;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.ai-fab:hover{transform:scale(1.05);box-shadow:0 6px 20px #0000004d}.ai-fab.open{transform:rotate(45deg);background:var(--error, #ef4444)}.ai-popup{position:fixed;bottom:6.5rem;right:2rem;width:450px;max-width:calc(100vw - 2rem);height:650px;max-height:calc(100vh - 8rem);background:var(--dark-bg, #0f172a);border:1px solid var(--dark-border);border-radius:var(--radius-xl);box-shadow:0 10px 40px #0000004d;z-index:1001;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}.ai-header{padding:1rem 1.5rem;background:#ffffff08;border-bottom:1px solid var(--dark-border);display:flex;align-items:center;gap:.5rem}.ai-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--dark-text)}.ai-tabs{display:flex;padding:.5rem 1rem;gap:.5rem;border-bottom:1px solid var(--dark-border);background:#0003}.ai-tab{flex:1;padding:.5rem;border:none;background:transparent;color:var(--dark-text-secondary);font-size:.9rem;cursor:pointer;border-radius:var(--radius-md);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.ai-tab.active{background:#0066e626;color:var(--primary-400);font-weight:500}.ai-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;background:var(--dark-bg)}.ai-prompt-container{position:relative;margin-top:auto}.prompt-form{position:relative}.prompt-input-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-xl);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.prompt-input-wrapper:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #0066e626,var(--shadow-glow)}.prompt-icon{font-size:1.25rem;padding-left:var(--spacing-sm);color:var(--primary-400);display:flex}.prompt-input{flex:1;padding:.75rem;border:none;background:transparent;color:var(--dark-text);font-size:1rem;min-width:0}.prompt-input:focus{outline:none;box-shadow:none}.prompt-input::-moz-placeholder{color:var(--dark-text-secondary)}.prompt-input::placeholder{color:var(--dark-text-secondary)}.prompt-submit{padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary-500);color:#fff;border:none;cursor:pointer;transition:transform .2s;width:40px;height:40px}.prompt-submit:hover{transform:scale(1.1)}.prompt-submit:disabled{background:var(--gray-600);cursor:not-allowed;transform:none}.suggestions-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:var(--spacing-md);background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:50;overflow:hidden;animation:slideUp .2s ease-out}.suggestions-header{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--dark-text-secondary);background:var(--dark-surface-2);border-bottom:1px solid var(--dark-border)}.suggestion-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:var(--spacing-md);background:transparent;border:none;border-bottom:1px solid var(--dark-border);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--dark-surface-2)}.suggestion-category{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-400);background:#0066e626;padding:.125rem .5rem;border-radius:var(--radius-full)}.suggestion-text{color:var(--dark-text);font-size:.9375rem;font-weight:500}.suggestion-desc{color:var(--dark-text-secondary);font-size:.8125rem}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:1rem}.ai-response{margin-top:0;padding:0;background:transparent;border:none;max-width:90%;align-self:flex-start}.user-message{align-self:flex-end;background:var(--primary-600);color:#fff;padding:.75rem 1rem;border-radius:1rem 1rem 0;max-width:85%;font-size:.95rem;box-shadow:var(--shadow-md)}.ai-response .response-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.ai-response .response-icon{font-size:1rem;color:var(--primary-400);background:#0066e61a;padding:6px;border-radius:50%}.ai-response .response-title{font-weight:600;color:var(--primary-300);font-size:.9rem}.response-text{color:var(--dark-text);font-size:.95rem;line-height:1.6;background:var(--dark-surface);padding:1rem;border-radius:0 1rem 1rem;border:1px solid var(--dark-border)}.response-data{margin-top:1rem;padding:0;border-top:none}.data-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.data-card{padding:.75rem;background:var(--dark-surface-2);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--dark-border)}.data-label{display:block;font-size:.75rem;color:var(--dark-text-secondary);margin-bottom:.25rem;text-transform:uppercase}.data-value{font-size:1.1rem;font-weight:700;color:var(--primary-400)}.typing-indicator{display:flex;gap:4px;padding:1rem;background:var(--dark-surface);border-radius:0 1rem 1rem;width:-moz-fit-content;width:fit-content;border:1px solid var(--dark-border)}.typing-dot{width:6px;height:6px;background:var(--dark-text-secondary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:var(--dark-surface);border-right:1px solid var(--dark-border);display:flex;flex-direction:column;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease;font-family:Outfit,Inter,-apple-system,sans-serif}.mobile-menu-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:200;width:44px;height:44px;padding:10px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:12px;cursor:pointer;flex-direction:column;justify-content:space-around;align-items:center;color:var(--dark-text);box-shadow:0 4px 15px #0003;transition:all .3s ease}.mobile-menu-btn:hover{border-color:var(--primary-500)}.mobile-menu-btn span{display:block;width:22px;height:2px;background:var(--dark-text);border-radius:2px;transition:all .3s ease}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99}@media(max-width:900px){.mobile-menu-btn{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.dashboard-main{margin-left:0!important;padding-top:70px!important}}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid var(--dark-border);position:relative}.logo-icon{font-size:1.75rem;color:var(--primary-500)}.sidebar-logo-img{height:40px;width:auto;-o-object-fit:contain;object-fit:contain;background:#fff;padding:2px;border-radius:6px}.logo-text{font-size:1.375rem;font-weight:700;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.branch-switcher{padding:1rem 1.25rem;border-bottom:1px solid var(--dark-border)}.switcher-label{display:block;font-size:.6875rem;color:var(--dark-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:.5rem}.branch-select{width:100%;padding:.625rem .875rem;background:var(--dark-surface-2);border:1px solid var(--dark-border);border-radius:10px;color:var(--dark-text);font-size:.875rem;cursor:pointer;transition:all .3s ease;outline:none}.branch-select:hover{border-color:var(--primary-500)}.branch-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0066e626}.branch-select option{background:var(--dark-surface);color:var(--dark-text)}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;margin-bottom:.25rem;border-radius:10px;color:var(--dark-text-secondary);text-decoration:none;font-weight:500;font-size:.9375rem;transition:all .2s ease;position:relative}.nav-item:hover{background:var(--dark-surface-2);color:var(--dark-text)}.nav-item.active{background:linear-gradient(135deg,#0066e626,#00e6ac14);color:var(--primary-500);border-left:3px solid var(--primary-500)}.nav-icon{font-size:1.25rem;width:24px;text-align:center;transition:transform .2s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-label{font-size:.9375rem;font-weight:500}.theme-toggle{padding:.75rem;border-top:1px solid var(--dark-border)}.theme-toggle-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#0003;border:1px solid var(--dark-border);border-radius:10px;color:var(--dark-text);cursor:pointer;transition:all .3s ease}.theme-toggle-btn:hover{border-color:var(--primary-500)}.theme-icon{font-size:1.25rem;color:var(--primary-500)}.theme-label{flex:1;text-align:left;font-size:.875rem;font-weight:500}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--dark-bg);border-radius:var(--radius-full);transition:all .3s ease}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:var(--dark-text-secondary);border-radius:50%;transition:all .3s ease}.sidebar-user{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid var(--dark-border);background:var(--dark-surface-2)}.user-info{display:flex;align-items:center;gap:.75rem}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;box-shadow:0 4px 10px #0066e64d}.user-details{display:flex;flex-direction:column}.user-name{font-size:.875rem;font-weight:600;color:var(--dark-text)}.user-role{font-size:.75rem;color:var(--dark-text-secondary)}.logout-btn{width:36px;height:36px;border:none;background:transparent;font-size:1.25rem;cursor:pointer;border-radius:8px;color:var(--dark-text-secondary);transition:all .3s ease}.logout-btn:hover{background:#ef444426;color:var(--error)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--dark-text-secondary)}.admin-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(135deg,#0066e626,#00e6ac14);border:1px solid var(--dark-border);border-radius:10px;color:var(--primary-500)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:var(--dark-surface);border-bottom:1px solid var(--dark-border);margin-bottom:1.5rem;border-radius:12px;gap:1rem;flex-wrap:wrap}@media(max-width:768px){.app-header{flex-wrap:wrap;padding:.875rem 1rem;justify-content:space-between;gap:1rem}}.header-left h1{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;color:var(--dark-text);margin-bottom:.125rem;font-weight:700}.header-icon{font-size:1.25rem;color:var(--primary-500)}.header-subtitle{font-size:.8125rem;color:var(--dark-text-secondary)}.header-subtitle strong{color:var(--primary-500)}.header-left{flex:1;min-width:0}.header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}@media(max-width:768px){.header-right{width:100%;justify-content:flex-end;padding-top:.75rem;border-top:1px solid var(--dark-border);margin-top:.75rem}}.header-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--dark-surface-2);border:1px solid var(--dark-border);border-radius:8px;color:var(--dark-text);font-size:.8125rem;cursor:pointer;transition:all .2s ease}.header-btn:hover{border-color:var(--primary-500);background:var(--primary-100)}.header-btn.theme-btn{width:32px;height:32px;padding:0;justify-content:center;font-size:1rem}.header-btn.logout-btn,.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;font-weight:600;font-size:.875rem;box-shadow:0 2px 8px #ef44444d;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:100px}.header-btn.logout-btn:hover,.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466;color:#fff}.header-user{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--dark-surface-2);border:1px solid var(--dark-border);border-radius:6px;cursor:pointer;transition:all .2s ease}.header-user:hover{background:var(--dark-surface);border-color:var(--primary-500)}.user-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.625rem}.header-user .user-info{display:flex;flex-direction:column}.header-user .user-name{font-size:.75rem;font-weight:600;color:var(--dark-text);line-height:1.2}.header-user .user-role{font-size:.625rem;color:var(--dark-text-secondary);line-height:1.2}@media(max-width:600px){.header-user .user-info,.logout-btn span,.header-btn.logout-btn span{display:none}.logout-btn,.header-btn.logout-btn{padding:.4rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;font-family:Outfit,Inter,sans-serif;border-radius:10px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;box-shadow:0 4px 15px #0066e666}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0066e680}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--dark-surface-2);color:var(--dark-text);border:1px solid var(--dark-border)}.btn-secondary:hover:not(:disabled){background:var(--dark-surface);border-color:var(--primary-500);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;box-shadow:0 4px 15px #10b98166}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.btn-danger{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 15px #ef444466}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ef444480}.btn-ghost{background:transparent;color:var(--dark-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--dark-surface-2);color:var(--dark-text)}.btn-icon{padding:.625rem;border-radius:10px}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-lg{padding:1rem 2rem;font-size:1.0625rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--dark-text);font-size:.875rem}.form-input{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--dark-border);border-radius:10px;background:var(--dark-surface-2);color:var(--dark-text);transition:all .3s ease;font-family:inherit}.form-input:hover{border-color:var(--primary-400)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0066e626}.form-input::-moz-placeholder{color:var(--dark-text-secondary)}.form-input::placeholder{color:var(--dark-text-secondary)}.form-input.error{border-color:var(--error)}.form-error{color:var(--error);font-size:.8125rem;margin-top:.375rem}.form-hint{color:var(--dark-text-secondary);font-size:.8125rem;margin-top:.375rem}.card{background:var(--dark-surface);border-radius:16px;border:1px solid var(--dark-border);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-4px);border-color:var(--primary-500);box-shadow:0 20px 40px #0000001a}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--dark-border)}.card-title{font-size:1.125rem;font-weight:700;color:var(--dark-text);letter-spacing:-.01em}.card-body{padding:1rem 0}.card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--dark-border)}.stat-card{background:var(--dark-surface);border-radius:16px;padding:1.5rem;border:1px solid var(--dark-border);transition:all .3s ease;position:relative;overflow:hidden}.stat-card .stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;color:#fff;box-shadow:0 8px 20px #0003}.stat-card .stat-value{font-size:2rem;font-weight:800;color:var(--dark-text);line-height:1;letter-spacing:-.02em}.stat-card .stat-label{color:var(--dark-text-secondary);font-size:.875rem;margin-top:.375rem;font-weight:500}.stat-card .stat-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;margin-top:.75rem;padding:.25rem .625rem;border-radius:100px;font-weight:600}.stat-card .stat-change.positive{background:var(--success-light);color:var(--success)}.stat-card .stat-change.negative{background:var(--error-light);color:var(--error)}.table-container{overflow-x:auto;border-radius:14px;border:1px solid var(--dark-border);background:var(--dark-surface)}.table{width:100%;border-collapse:collapse;font-size:.9375rem}.table th,.table td{padding:1rem 1.25rem;text-align:left}.table th{background:var(--dark-surface-2);font-weight:600;color:var(--dark-text-secondary);white-space:nowrap;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.table td{border-top:1px solid var(--dark-border);color:var(--dark-text)}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background:var(--dark-surface-2)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:100px;letter-spacing:.02em}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.badge-info{background:var(--info-light);color:var(--info)}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;box-shadow:0 4px 10px #0066e64d}.avatar-sm{width:32px;height:32px;font-size:.875rem}.avatar-lg{width:56px;height:56px;font-size:1.25rem}.avatar-xl{width:80px;height:80px;font-size:1.75rem}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--dark-surface);border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid var(--dark-border);box-shadow:0 25px 60px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-title{font-size:1.375rem;font-weight:700;color:var(--dark-text);letter-spacing:-.01em}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--dark-text-secondary);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease}.modal-close:hover{color:var(--dark-text)}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:1rem 1.5rem;border-radius:12px;background:var(--dark-surface);border:1px solid var(--dark-border);box-shadow:0 15px 40px #0003;display:flex;align-items:center;gap:.875rem;animation:slideIn .3s ease-out;z-index:1100;color:var(--dark-text)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--info)}.spinner{width:24px;height:24px;border:3px solid var(--dark-border);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:4px}.skeleton{background:linear-gradient(90deg,var(--dark-surface-2) 25%,var(--dark-surface) 50%,var(--dark-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:200px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:12px;box-shadow:0 15px 40px #0003;z-index:100;animation:slideUp .2s ease-out;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;color:var(--dark-text-secondary);cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background:var(--dark-surface-2);color:var(--dark-text)}.dropdown-divider{height:1px;background:var(--dark-border);margin:.375rem 0}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--dark-border);margin-bottom:1.5rem}.tab{padding:.75rem 1.25rem;color:var(--dark-text-secondary);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;margin-bottom:-1px}.tab:hover{color:var(--dark-text)}.tab.active{color:var(--primary-500);border-bottom-color:var(--primary-500)}.progress{height:8px;background:var(--dark-surface-2);border-radius:100px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));border-radius:100px;transition:width .5s cubic-bezier(.4,0,.2,1)}.search-box{position:relative}.search-box input{padding-left:2.75rem}.search-box .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--dark-text-secondary)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;background:var(--dark-surface);color:var(--dark-text);font-size:.8125rem;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:50;border:1px solid var(--dark-border);box-shadow:0 8px 20px #0000001a}.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-6px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--dark-text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;color:var(--dark-text-secondary)}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem}.empty-state-text{font-size:.9375rem;max-width:300px}.loading-container{position:fixed;inset:0;background:var(--bg-primary);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeIn .5s ease-out}.loading-logo{width:120px;height:auto;-o-object-fit:contain;object-fit:contain}.spinner-wrapper{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.spinner-ring{position:absolute;inset:0;border:4px solid transparent;border-top-color:var(--primary-500);border-right-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.loading-logo-static{width:70px;height:70px;-o-object-fit:contain;object-fit:contain;position:relative;z-index:2}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-layout{display:flex;min-height:100vh;background:var(--dark-bg);position:relative;transition:background .3s ease}.dashboard-main{flex:1;margin-left:260px;padding:1.5rem;min-height:100vh;position:relative;z-index:1;overflow-x:visible}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-left h1{font-size:1.875rem;color:var(--dark-text);margin-bottom:.375rem;font-weight:700;letter-spacing:-.02em}.header-subtitle{color:var(--dark-text-secondary);font-size:.9375rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.stats-grid .stat-card{background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.stats-grid .stat-card:hover{transform:translateY(-4px);border-color:var(--primary-500);box-shadow:0 20px 40px -10px #0003}.stats-grid .stat-icon{width:52px;height:52px;font-size:1.5rem;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 8px 20px #0003;color:#fff}.stats-grid .stat-icon.gradient-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-700))}.stats-grid .stat-icon.gradient-accent{background:linear-gradient(135deg,var(--accent-500),var(--accent-700))}.stats-grid .stat-icon.bg-warning{background:linear-gradient(135deg,var(--warning),#d97706)}.stats-grid .stat-icon.bg-error{background:linear-gradient(135deg,var(--error),#dc2626)}.stats-grid .stat-value{color:var(--dark-text);font-size:2.25rem;font-weight:800;letter-spacing:-.02em;line-height:1}.stats-grid .stat-label{color:var(--dark-text-secondary);font-size:.875rem;margin-top:.375rem;font-weight:500}.stat-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;margin-top:.75rem;padding:.25rem .625rem;border-radius:100px;font-weight:600}.stat-change.positive{background:var(--success-light);color:var(--success)}.stat-change.negative{background:var(--error-light);color:var(--error)}.dashboard-section{margin-bottom:2.5rem;animation:fadeInUp .5s ease-out}.dashboard-section h2{color:var(--dark-text);font-size:1.25rem;margin-bottom:1.25rem;font-weight:700;letter-spacing:-.01em}.section-header{margin-bottom:1.25rem}.section-header h2{margin-bottom:.375rem}.section-header p{color:var(--dark-text-secondary);font-size:.875rem}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1024px){.quick-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.quick-actions{grid-template-columns:1fr}}.action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.75rem;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.action-card:hover{background:var(--dark-surface-2);transform:translateY(-6px);border-color:var(--primary-500);box-shadow:0 20px 40px -10px #0003}.action-icon{font-size:2rem;color:var(--primary-500);transition:transform .3s ease}.action-card:hover .action-icon{transform:scale(1.15)}.action-label{font-size:.9375rem;color:var(--dark-text);font-weight:600}.recent-prompts{display:flex;flex-direction:column;gap:.625rem}.prompt-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:12px;transition:all .3s ease}.prompt-item:hover{background:var(--dark-surface-2);border-color:var(--primary-500)}.prompt-text{color:var(--dark-text);font-size:.9375rem}.prompt-meta{color:var(--dark-text-secondary);font-size:.8125rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--dark-text-secondary)}@media(max-width:1024px){.dashboard-main{margin-left:0;padding:1.5rem}}@media(max-width:768px){.dashboard-main{padding:1rem}.header-left h1{font-size:1.5rem}}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-radius:12px;margin-bottom:2rem;animation:fadeInUp .5s ease-out}.alert-banner.critical{background:linear-gradient(135deg,#dc26261a,#dc262633);border:1px solid rgba(220,38,38,.3)}.alert-content{display:flex;align-items:flex-start;gap:1rem}.alert-icon{color:var(--error);flex-shrink:0}.alert-banner h3{color:var(--error);font-size:1rem;font-weight:700;margin-bottom:.25rem}.alert-banner p{color:var(--dark-text);font-size:.9375rem;opacity:.9}.btn-white{background:#fff;color:var(--error);font-weight:600;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:transform .2s;white-space:nowrap}.btn-white:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.billing-container{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;height:calc(100vh - 150px)}@media(max-width:1200px){.billing-container{grid-template-columns:1fr;height:auto}}.billing-left{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto}.barcode-section,.search-section,.cart-section{background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:16px;padding:1.25rem}.search-section{position:relative;z-index:100}.search-section .search-box{position:relative}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:12px;max-height:300px;overflow-y:auto;z-index:9999;box-shadow:0 20px 50px #0006;display:block!important}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;cursor:pointer;border-bottom:1px solid var(--dark-border);transition:all .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--primary-500)}.search-result-item:hover .product-name,.search-result-item:hover .product-detail,.search-result-item:hover .product-price{color:#fff}.product-info{display:flex;flex-direction:column}.product-name{color:var(--dark-text);font-weight:600}.product-detail{font-size:.8125rem;color:var(--dark-text-secondary)}.product-price{color:var(--primary-500);font-weight:700}.cart-section{flex:1;display:flex;flex-direction:column;min-height:300px}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--dark-border)}.cart-header h3{color:var(--dark-text);font-size:1rem;font-weight:700}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--dark-text-secondary)}.cart-empty span{font-size:3rem;margin-bottom:1rem;opacity:.3}.cart-empty .text-muted{font-size:.8125rem}.cart-items{flex:1;overflow-y:auto}.cart-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:1rem;background:var(--dark-surface-2);border:1px solid var(--dark-border);border-radius:12px;margin-bottom:.625rem;transition:all .2s ease}.cart-item:hover{border-color:var(--primary-400)}.item-info{display:flex;flex-direction:column}.item-name{color:var(--dark-text);font-weight:600;font-size:.9375rem}.item-price{font-size:.8125rem;color:var(--dark-text-secondary)}.item-controls{display:flex;align-items:center;gap:.625rem}.quantity-controls{display:flex;align-items:center;background:var(--dark-bg);border-radius:8px;overflow:hidden;border:1px solid var(--dark-border)}.quantity-controls button{width:32px;height:32px;border:none;background:transparent;color:var(--dark-text);font-size:1rem;cursor:pointer;transition:all .2s ease}.quantity-controls button:hover{background:var(--primary-500);color:#fff}.quantity-controls span{width:32px;text-align:center;color:var(--dark-text);font-weight:600}.discount-input{width:60px;padding:.375rem;text-align:center;background:var(--dark-bg);border:1px solid var(--dark-border);border-radius:6px;color:var(--dark-text);font-size:.875rem}.discount-input:focus{outline:none;border-color:var(--primary-500)}.remove-btn{width:32px;height:32px;border:none;background:var(--error-light);color:var(--error);border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s ease}.remove-btn:hover{background:var(--error);color:#fff}.item-total{color:var(--accent-500);font-weight:700;min-width:80px;text-align:right}.billing-right{display:flex;flex-direction:column;gap:1.25rem}.customer-section,.payment-section,.summary-section{background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:16px;padding:1.25rem}.customer-section h3,.payment-section h3,.summary-section h3{color:var(--dark-text);font-size:1rem;font-weight:700;margin-bottom:1rem}.payment-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.payment-option{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--dark-surface-2);border:2px solid var(--dark-border);border-radius:12px;color:var(--dark-text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease}.payment-option:hover{border-color:var(--primary-400);color:var(--dark-text)}.payment-option.active{border-color:var(--primary-500);background:var(--primary-100);color:var(--primary-600)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:var(--dark-text-secondary)}.summary-row.total-row{padding-top:1rem;margin-top:1rem;border-top:2px solid var(--dark-border)}.grand-total{font-size:1.75rem;font-weight:800;color:var(--accent-500)}.summary-row.discount-row .discount-input{width:80px}.invoice-modal{max-width:600px;width:95%;max-height:90vh;overflow-y:auto;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:20px}.invoice-content{padding:1.5rem}.invoice-header-info{display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px dashed var(--dark-border)}.invoice-header-info strong{color:var(--dark-text);font-size:1.125rem}.invoice-header-info p{font-size:.875rem;color:var(--dark-text-secondary);margin-top:.375rem}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.invoice-table th,.invoice-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--dark-border)}.invoice-table th{background:var(--dark-surface-2);color:var(--dark-text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.invoice-table td{color:var(--dark-text)}.invoice-totals{margin-top:1.5rem;padding:1.25rem;background:var(--dark-surface-2);border-radius:12px}.invoice-totals .total-row{display:flex;justify-content:space-between;padding:.375rem 0;color:var(--dark-text-secondary)}.invoice-totals .total-row.grand{margin-top:1rem;padding-top:1rem;border-top:2px solid var(--dark-border);font-size:1.375rem;font-weight:800;color:var(--accent-500)}.invoice-actions{display:flex;gap:1rem;margin-top:1.5rem}@media print{html,body{height:100%;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}.sidebar,.billing-container,.dashboard-header,header,.navbar,.no-print,.modal-header,.invoice-actions,.modal-close,.search-section,.barcode-section{display:none!important}#root,.app,.dashboard-layout,.dashboard-main{display:block!important;visibility:visible!important;height:auto!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;position:static!important}.modal-overlay{position:static!important;display:block!important;width:100%!important;height:auto!important;background:none!important;z-index:auto!important;overflow:visible!important;transform:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;perspective:none!important}.invoice-modal{position:static!important;display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;background:none!important;transform:none!important}.invoice-print-area{display:block!important;visibility:visible!important;width:76mm!important;margin:0!important;padding:0 2mm 0 0!important;font-family:Courier New,monospace;font-size:10px;line-height:1.2;color:#000!important}.invoice-print-area *{visibility:visible!important}.invoice-table-print{display:table!important;width:100%!important;border-collapse:collapse}.invoice-table-print th{border-top:1px dashed black;border-bottom:1px dashed black;padding:2px 0;text-align:left}.invoice-table-print td{padding:1px 0}.grand-total-print{border-top:1px dashed black;font-weight:700;margin-top:3px;padding-top:3px}.discount-print{color:#000!important}@page{size:auto;margin:0}}@page{size:auto;margin:0}.invoice-print-area{padding:1.5rem;max-height:70vh;overflow-y:auto}.invoice-header-print{text-align:center;margin-bottom:1rem}.pharmacy-name{font-size:1.5rem;font-weight:700;color:var(--primary-500);margin:0 0 .5rem}.pharmacy-address{color:var(--dark-text-secondary);margin:0;font-size:.875rem}.invoice-header-print p{margin:.25rem 0;font-size:.875rem;color:var(--dark-text-secondary)}.invoice-divider{text-align:center;color:var(--dark-border);margin:1rem 0;font-size:.75rem;letter-spacing:2px}.invoice-details-row{display:flex;justify-content:space-between;margin:.5rem 0;font-size:.9rem}.customer-info-print{margin:.5rem 0}.customer-info-print p{margin:.25rem 0;font-size:.875rem;color:var(--dark-text-secondary)}.invoice-table-print{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.875rem}.invoice-table-print th,.invoice-table-print td{padding:.5rem;border-bottom:1px solid var(--dark-border)}.invoice-table-print th{font-weight:600;color:var(--dark-text-secondary)}.invoice-totals-print{margin:1rem 0}.total-row-print{display:flex;justify-content:space-between;padding:.375rem 0;color:var(--dark-text-secondary)}.discount-print{color:var(--success)!important}.grand-total-print{font-size:1.25rem;font-weight:700;color:var(--accent-500);border-top:2px solid var(--dark-border);padding-top:.75rem;margin-top:.5rem}.payment-method-print{text-align:center;padding:.5rem;background:var(--dark-surface-2);border-radius:8px;font-weight:500}.invoice-footer-print{text-align:center;margin-top:1rem;color:var(--dark-text-secondary)}.invoice-footer-print p{margin:.25rem 0}.footer-note{font-size:.75rem;font-style:italic;opacity:.7}.invoice-actions{display:flex;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--dark-border)}.invoice-actions .btn{flex:1}.inventory-toolbar{display:flex;gap:1.25rem;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:14px}@media(max-width:768px){.inventory-toolbar{flex-direction:column;align-items:stretch}}.inventory-toolbar .search-box{flex:1;position:relative}.inventory-toolbar .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--dark-text-secondary)}.inventory-toolbar .form-input{padding-left:2.75rem}.filter-tabs{display:flex;gap:.375rem}.filter-tab{padding:.5rem 1rem;background:transparent;border:1px solid var(--dark-border);border-radius:8px;color:var(--dark-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{border-color:var(--primary-500);color:var(--dark-text);background:var(--dark-surface-2)}.filter-tab.active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:transparent;color:#fff;box-shadow:0 4px 15px #0066e666}.table-container.glass-panel{background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:14px;padding:0;overflow:hidden}.product-cell{display:flex;flex-direction:column}.product-cell .product-name{color:var(--dark-text);font-weight:600}.product-cell .product-detail{font-size:.8125rem;color:var(--dark-text-secondary)}.stock-qty{font-weight:700;color:var(--dark-text)}.stock-unit{color:var(--dark-text-secondary);font-size:.8125rem;margin-left:.25rem}.badge-ok{background:var(--success-light);color:var(--success)}.badge-low{background:var(--warning-light);color:var(--warning)}.badge-out,.badge-expired{background:var(--error-light);color:var(--error)}.badge-expiring{background:var(--warning-light);color:var(--warning)}.ml-1{margin-left:.25rem}.action-btns{display:flex;gap:.375rem}.action-btns .btn{padding:.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state span{font-size:4rem;margin-bottom:1rem;opacity:.3;color:var(--dark-text-secondary)}.empty-state h3{color:var(--dark-text);font-size:1.25rem;margin-bottom:.5rem}.empty-state p{color:var(--dark-text-secondary);margin-bottom:1.5rem;max-width:300px}.product-modal{max-width:700px;width:95%;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:20px}.product-form{padding:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--dark-border)}.table-container .loading-container{min-height:300px}.header-actions{display:flex;gap:var(--spacing-sm)}.date-range-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--dark-surface);border:1px solid var(--dark-border)}@media(max-width:768px){.date-range-bar{flex-direction:column;align-items:stretch}}.date-inputs{display:flex;gap:var(--spacing-md)}.date-inputs .form-group{margin-bottom:0}.quick-dates{display:flex;gap:var(--spacing-xs)}.tabs{display:flex;background:var(--dark-surface-2);padding:var(--spacing-xs);border-radius:var(--radius-lg);gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);border:1px solid var(--dark-border)}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);color:var(--dark-text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.tab:hover:not(.active){background:#ffffff0d;color:var(--dark-text)}.tab.active{background:var(--primary-600);color:#fff;box-shadow:var(--shadow-md);font-weight:600}@media(max-width:768px){.tabs{flex-direction:column;gap:var(--spacing-xs)}.tab{width:100%;justify-content:flex-start}}.report-content{animation:fadeIn .3s ease-out}.sales-report .stats-grid{margin-bottom:var(--spacing-xl)}.report-section{padding:var(--spacing-xl);background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-xl)}.report-section h3{color:var(--dark-text);margin-bottom:var(--spacing-lg)}.payment-breakdown{display:flex;flex-direction:column;gap:var(--spacing-md)}.breakdown-item{display:grid;grid-template-columns:150px 1fr 200px;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--dark-surface-2);border-radius:var(--radius-lg)}@media(max-width:768px){.breakdown-item{grid-template-columns:1fr;gap:var(--spacing-sm)}}.breakdown-info{display:flex;align-items:center;gap:var(--spacing-sm)}.method-icon{font-size:1.5rem}.method-name{font-weight:500;color:var(--dark-text)}.breakdown-stats{display:flex;gap:var(--spacing-lg);justify-content:flex-end}.breakdown-count{color:var(--dark-text-secondary);font-size:.875rem}.breakdown-amount{color:var(--primary-400);font-weight:600;min-width:100px;text-align:right}.breakdown-bar{height:8px;background:var(--dark-bg);border-radius:var(--radius-full);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));border-radius:var(--radius-full);transition:width .5s ease-out}.gst-summary{padding:var(--spacing-xl);background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg)}.gst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media(max-width:768px){.gst-grid{grid-template-columns:1fr}}.gst-card{padding:var(--spacing-lg);background:var(--dark-surface-2);border-radius:var(--radius-lg);text-align:center}.gst-card.total{background:linear-gradient(135deg,#0066e633,#00e6ac1a);border:1px solid var(--primary-500)}.gst-label{color:var(--dark-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-sm)}.gst-value{color:var(--dark-text);font-size:1.5rem;font-weight:700}.gst-card.total .gst-value{color:var(--primary-400)}.gst-info{padding:var(--spacing-xl);background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-xl)}.info-grid{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--dark-surface-2);border-radius:var(--radius-lg)}.info-label{font-weight:600;color:var(--primary-400);min-width:80px}.info-desc{color:var(--dark-text-secondary)}.export-actions{display:flex;gap:var(--spacing-md)}.branch-comparison{padding:var(--spacing-xl);background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-xl)}.branch-name{font-weight:500;color:var(--dark-text)}.performance-bar{position:relative;height:24px;background:var(--dark-surface-2);border-radius:var(--radius-full);overflow:hidden}.performance-bar .bar-fill{height:100%}.performance-bar .bar-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:600;color:var(--dark-text)}.branch-report .empty-state{padding:var(--spacing-2xl);background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-xl)}.template-modal{max-width:800px;width:90%}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg) 0}.template-card{background:var(--dark-surface-2);border:1px solid var(--dark-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal)}.template-card:hover{transform:translateY(-4px);border-color:var(--primary-500);box-shadow:var(--shadow-xl)}.template-card:hover .btn-outline{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.template-preview{height:140px;position:relative;padding:var(--spacing-lg);display:flex;flex-direction:column;justify-content:center;align-items:center}.template-icon{background:#fff3;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-lines{width:100%;display:flex;flex-direction:column;gap:8px;opacity:.6}.template-lines .line{height:4px;background:#ffffff80;border-radius:2px}.template-lines .line.lg{height:6px;background:#fff}.template-info{padding:var(--spacing-lg)}.template-name{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin-bottom:var(--spacing-xs);display:flex;align-items:center}.template-desc{font-size:.875rem;color:var(--dark-text-secondary);line-height:1.4}.badge-warning{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.modal-lg.template-modal{max-width:1000px;height:90vh}.section-title{color:var(--dark-text);font-size:1.25rem;margin:var(--spacing-xl) 0 var(--spacing-lg)}.current-plan-card{padding:var(--spacing-xl);background:linear-gradient(135deg,var(--dark-surface) 0%,var(--dark-surface-2) 100%);border:1px solid var(--dark-border);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-xl)}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.plan-badge{display:flex;align-items:center;gap:var(--spacing-md)}.plan-icon{font-size:2rem}.plan-name{font-size:1.5rem;font-weight:700;color:var(--dark-text)}.auto-renew-badge{padding:.375rem .75rem;background:#10b98133;color:var(--success);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500}.plan-usage{margin-bottom:var(--spacing-lg)}.usage-item{margin-bottom:var(--spacing-md)}.usage-label{display:block;color:var(--dark-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-xs)}.usage-value{color:var(--dark-text);font-weight:600;font-size:1.125rem}.usage-bar{height:8px;background:var(--dark-bg);border-radius:var(--radius-full);margin-top:var(--spacing-sm);overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));border-radius:var(--radius-full);transition:width .5s ease-out}.usage-features{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.feature-status{font-size:.9375rem}.feature-status.enabled{color:var(--success)}.feature-status.disabled{color:var(--dark-text-secondary)}.plan-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--dark-border)}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}@media(max-width:1200px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.plans-grid{grid-template-columns:1fr}}.plan-card{position:relative;padding:var(--spacing-xl);background:var(--dark-surface);border:2px solid var(--dark-border);border-radius:var(--radius-2xl);text-align:center;transition:all var(--transition-normal)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.plan-card.featured{border-color:var(--primary-500);background:linear-gradient(135deg,rgba(0,102,230,.1) 0%,var(--dark-surface) 100%);padding-top:calc(var(--spacing-xl) + 2rem)}.plan-card.current{border-color:var(--accent-500)}.popular-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff;font-size:.8rem;font-weight:700;border-radius:var(--radius-full);white-space:nowrap;box-shadow:0 4px 12px #0066e666;z-index:10;text-transform:uppercase;letter-spacing:.5px}.plan-icon-large{font-size:3rem;margin-bottom:var(--spacing-md)}.plan-title{color:var(--dark-text);font-size:1.25rem;margin-bottom:var(--spacing-md)}.plan-price{margin-bottom:var(--spacing-lg)}.price-free,.price-custom{font-size:1.5rem;font-weight:700;color:var(--dark-text)}.price-amount{font-size:2rem;font-weight:700;color:var(--dark-text)}.price-period{font-size:.875rem;color:var(--dark-text-secondary)}.plan-features{list-style:none;text-align:left;margin-bottom:var(--spacing-lg)}.plan-features li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;color:var(--dark-text-secondary);font-size:.9375rem}.feature-check{color:var(--success);flex-shrink:0}.payment-section{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-xl)}.payment-section h3{color:var(--dark-text);margin-bottom:var(--spacing-sm)}.section-desc{color:var(--dark-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-lg)}.payment-icons{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.payment-icon{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--dark-surface-2);border-radius:var(--radius-md);color:var(--dark-text);font-size:.875rem}.billing-info{padding:var(--spacing-lg);background:var(--dark-surface-2);border-radius:var(--radius-lg)}.billing-info p{margin-bottom:var(--spacing-sm);color:var(--dark-text-secondary);font-size:.9375rem}.billing-info p:last-child{margin-bottom:0}.billing-info strong{color:var(--dark-text)}.upgrade-modal{max-width:450px}.upgrade-summary{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--dark-surface-2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.upgrade-from,.upgrade-to{text-align:center}.upgrade-label{display:block;font-size:.75rem;color:var(--dark-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.upgrade-value{font-size:1.125rem;font-weight:600;color:var(--dark-text)}.upgrade-arrow{font-size:1.5rem;color:var(--primary-400)}.upgrade-price{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--dark-surface-2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.upgrade-price span{color:var(--dark-text-secondary)}.upgrade-price .price{font-size:1.25rem;font-weight:700;color:var(--primary-400)}.upgrade-features{margin-bottom:var(--spacing-lg)}.upgrade-features h4{color:var(--dark-text);margin-bottom:var(--spacing-md)}.upgrade-features ul{list-style:none}.upgrade-features li{padding:var(--spacing-xs) 0;color:var(--dark-text-secondary)}.plan-status-badges{display:flex;gap:var(--spacing-sm);align-items:center}.stripe-active-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:.375rem .75rem;background:linear-gradient(135deg,#6366f133,#8b5cf633);color:#a78bfa;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500}.stripe-info{padding:var(--spacing-md);background:var(--dark-surface-2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.stripe-detail{display:flex;justify-content:space-between;align-items:center}.stripe-detail .label{color:var(--dark-text-secondary);font-size:.875rem}.stripe-detail .value{color:var(--dark-text);font-weight:600}.stripe-warning{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#f59e0b1a;color:var(--warning);border-radius:var(--radius-md);font-size:.875rem}.stripe-badge{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#635bff20,#0a2540);border:1px solid #635bff40;border-radius:var(--radius-lg);color:var(--dark-text-secondary);font-size:.875rem}.stripe-badge strong{color:#635bff;font-weight:700}.payment-result-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--dark-bg)}.payment-result-card{max-width:500px;width:100%;padding:var(--spacing-2xl);background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-2xl);text-align:center}.payment-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.payment-loading h2{color:var(--dark-text);font-size:1.25rem}.payment-loading p{color:var(--dark-text-secondary)}.payment-success,.payment-cancelled,.payment-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.success-icon{color:var(--success);animation:bounceIn .6s ease-out}.cancel-icon{color:var(--warning)}.error-icon{font-size:3rem}.payment-success h1,.payment-cancelled h1,.payment-error h1{color:var(--dark-text);font-size:1.5rem;margin:0}.success-message,.cancel-message{color:var(--dark-text-secondary);font-size:1rem}.plan-badge-large{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff;border-radius:var(--radius-full);font-weight:600;margin:var(--spacing-md) 0}.benefits-list{list-style:none;text-align:left;width:100%;margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--dark-surface-2);border-radius:var(--radius-lg)}.benefits-list li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;color:var(--dark-text-secondary)}.benefits-list li svg{color:var(--success);flex-shrink:0}.cancel-reasons{text-align:left;width:100%;margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--dark-surface-2);border-radius:var(--radius-lg)}.cancel-reasons h3{color:var(--dark-text);font-size:1rem;margin-bottom:var(--spacing-md)}.cancel-reasons ul{list-style:none}.cancel-reasons li{padding:var(--spacing-xs) 0;color:var(--dark-text-secondary)}.payment-actions{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;margin-top:var(--spacing-lg)}.payment-actions .btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.redirect-message{color:var(--dark-text-secondary);font-size:.9rem;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--dark-surface-2);border-radius:var(--radius-md)}.redirect-message strong{color:var(--primary-400);font-size:1.1rem}.branches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media(max-width:1200px){.branches-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.branches-grid{grid-template-columns:1fr}}.branch-card{background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-normal)}.branch-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-500)}.branch-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.branch-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0066e633,#00e6ac1a);border-radius:var(--radius-lg)}.branch-info h3{color:var(--dark-text);font-size:1.125rem;margin-bottom:var(--spacing-xs)}.status-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}.status-badge.active{background:var(--success-light);color:var(--success)}.status-badge.inactive{background:var(--dark-surface-2);color:var(--dark-text-secondary)}.branch-details{margin-bottom:var(--spacing-lg)}.detail-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;color:var(--dark-text-secondary);font-size:.875rem}.detail-icon{flex-shrink:0}.branch-stats{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--dark-surface-2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.branch-stats .stat{flex:1;text-align:center}.branch-stats .stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--primary-400)}.branch-stats .stat-label{font-size:.75rem;color:var(--dark-text-secondary)}.branch-actions{display:flex;gap:var(--spacing-sm)}.branch-actions .btn{flex:1}.branch-modal{max-width:550px}.branch-form{padding:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(max-width:500px){.form-row{grid-template-columns:1fr}}textarea.form-input{resize:vertical;min-height:60px}.roles-overview{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--dark-surface);border:1px solid var(--dark-border)}.roles-overview h3{color:var(--dark-text);margin-bottom:var(--spacing-lg)}.roles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media(max-width:1024px){.roles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.roles-grid{grid-template-columns:1fr}}.role-card{padding:var(--spacing-md);background:var(--dark-surface-2);border-radius:var(--radius-lg)}.role-card p{color:var(--dark-text-secondary);font-size:.8125rem;margin-top:var(--spacing-xs)}.role-badge,.badge-owner{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-owner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge-manager{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.badge-pharmacist{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:#fff}.badge-staff{background:var(--dark-surface-2);color:var(--dark-text);border:1px solid var(--dark-border)}.user-cell{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.user-info{display:flex;flex-direction:column}.user-name{color:var(--dark-text);font-weight:500}.user-email{color:var(--dark-text-secondary);font-size:.8125rem}.user-modal{max-width:550px}.user-form{padding:var(--spacing-lg)}.role-selector{display:flex;flex-direction:column;gap:var(--spacing-sm)}.role-option{display:flex;flex-direction:column;padding:var(--spacing-md);background:var(--dark-surface-2);border:2px solid var(--dark-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.role-option:hover{border-color:var(--primary-500)}.role-option.selected{border-color:var(--primary-500);background:#0066e61a}.role-option input{display:none}.role-option .role-label{color:var(--dark-text);font-weight:600}.role-option .role-desc{color:var(--dark-text-secondary);font-size:.8125rem;margin-top:2px}.action-buttons{display:flex;gap:.5rem;align-items:center}.text-danger{color:var(--danger-500)!important}.text-danger:hover{background:#ef44441a!important}.activity-modal{max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column}.activity-list-container{flex:1;overflow-y:auto;padding:var(--spacing-md);border-top:1px solid var(--dark-border)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--dark-surface-2)}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-icon{display:flex;flex-direction:column;align-items:center;padding-top:.25rem}.activity-item .dot{width:10px;height:10px;background:var(--primary-500);border-radius:50%;box-shadow:0 0 0 4px #0066e61a}.activity-content{flex:1}.activity-action{color:var(--dark-text);font-weight:500;margin-bottom:2px}.activity-details{color:var(--dark-text-secondary);font-size:.875rem;margin-bottom:4px}.activity-time{color:var(--dark-text-muted);font-size:.75rem}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--spacing-lg)}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}}.settings-nav{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--dark-surface);border:1px solid var(--dark-border);height:-moz-fit-content;height:fit-content;position:sticky;top:var(--spacing-lg)}@media(max-width:900px){.settings-nav{flex-direction:row;overflow-x:auto;position:static}}.settings-nav .nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--dark-text-secondary);font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);text-align:left;white-space:nowrap}.settings-nav .nav-item:hover{background:var(--dark-surface-2);color:var(--dark-text)}.settings-nav .nav-item.active{background:linear-gradient(135deg,#0066e633,#00e6ac1a);color:var(--primary-400)}.settings-content{min-width:0}.settings-section{padding:var(--spacing-xl);background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-xl)}.settings-section h2{color:var(--dark-text);font-size:1.25rem;margin-bottom:var(--spacing-xs)}.section-desc{color:var(--dark-text-secondary);margin-bottom:var(--spacing-xl)}.settings-section form{max-width:500px}.toggle-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);max-width:600px}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--dark-surface-2);border-radius:var(--radius-lg)}.toggle-info{display:flex;flex-direction:column}.toggle-label{color:var(--dark-text);font-weight:500}.toggle-desc{color:var(--dark-text-secondary);font-size:.8125rem;margin-top:2px}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--dark-bg);border-radius:var(--radius-full);transition:all var(--transition-fast)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:var(--dark-text-secondary);border-radius:50%;transition:all var(--transition-fast)}.toggle-switch input:checked+.toggle-slider{background:var(--primary-500)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px);background:#fff}.security-info{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--dark-surface-2);border-radius:var(--radius-lg);max-width:500px}.security-info h3{color:var(--dark-text);margin-bottom:var(--spacing-md)}.security-info ul{list-style:none}.security-info li{padding:var(--spacing-xs) 0;color:var(--dark-text-secondary)}.security-info li:before{content:"✓ ";color:var(--success)}.billing-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:linear-gradient(135deg,#0066e626,#00e6ac1a);border:1px solid var(--primary-500);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl)}.billing-header{display:flex;align-items:center;gap:var(--spacing-md)}.billing-icon{font-size:2rem}.billing-header h3{color:var(--dark-text);margin:0}.billing-header p{color:var(--primary-400);font-weight:500;margin:0}.billing-info-section{margin-bottom:var(--spacing-lg)}.billing-info-section h3{color:var(--dark-text);margin-bottom:var(--spacing-sm)}.text-muted{color:var(--dark-text-secondary);margin-bottom:var(--spacing-md)}.profile-card{background:var(--dark-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--dark-border);position:relative;overflow:hidden;margin-bottom:var(--spacing-xl)}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(135deg,var(--primary-600),var(--primary-400));opacity:.15;z-index:0}[data-theme=light] .profile-card:before{background:linear-gradient(135deg,var(--primary-100),var(--primary-50));opacity:1;border-bottom:1px solid var(--primary-100)}.profile-header-section{position:relative;z-index:1;display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-top:var(--spacing-md)}.profile-image-container{position:relative;width:110px;height:110px}.avatar-circle{width:100%;height:100%;border-radius:50%;background-color:var(--dark-surface-2);border:4px solid var(--dark-surface);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--primary-400);font-size:2.5rem;font-weight:700}[data-theme=light] .avatar-circle{background-color:#fff;border-color:#fff;color:var(--primary-500)}.avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.edit-avatar-btn{position:absolute;bottom:5px;right:5px;width:36px;height:36px;background:var(--primary-500);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid var(--dark-surface);transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.edit-avatar-btn:hover{transform:scale(1.1);background:var(--primary-400)}[data-theme=light] .edit-avatar-btn{border-color:#fff}.profile-info h3{font-size:1.5rem;margin-bottom:.25rem;color:var(--dark-text)}.profile-info p{color:var(--dark-text-secondary);font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:var(--dark-surface-2);border-radius:var(--radius-full)}[data-theme=light] .profile-info p{background:var(--gray-100);color:var(--gray-700)}.glass-card{background:var(--dark-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--dark-border);box-shadow:0 8px 32px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-4px);border-color:var(--primary-500);box-shadow:0 20px 50px #00000026}.glass-card-dark{background:var(--dark-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--dark-border);box-shadow:0 10px 40px #00000026}.glass-panel{background:var(--dark-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:14px;border:1px solid var(--dark-border);padding:1.5rem;position:relative;overflow:hidden}.glass-btn{background:var(--dark-surface-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--dark-border);border-radius:10px;padding:.625rem 1.25rem;color:var(--dark-text);font-weight:500;cursor:pointer;transition:all .3s ease}.glass-btn:hover{background:var(--dark-surface);border-color:var(--primary-500);transform:translateY(-2px)}.glass-input{background:var(--dark-surface-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--dark-border);border-radius:10px;padding:.75rem 1rem;color:var(--dark-text);width:100%;font-size:1rem;transition:all .3s ease}.glass-input:hover{border-color:var(--primary-400)}.glass-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0066e626}.glass-input::-moz-placeholder{color:var(--dark-text-secondary)}.glass-input::placeholder{color:var(--dark-text-secondary)}.glass-sidebar{background:var(--dark-surface);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-right:1px solid var(--dark-border)}.glass-overlay{background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.glass-modal{background:var(--dark-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--dark-border);box-shadow:0 25px 60px #0003}.gradient-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-700) 100%)}.gradient-dark{background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-surface) 100%)}.gradient-mesh{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,102,230,.15),transparent 60%),radial-gradient(ellipse 60% 50% at 80% 50%,rgba(0,230,172,.1),transparent 50%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(139,92,246,.1),transparent 50%),var(--dark-bg)}.glow-blue{box-shadow:0 0 20px #0066e666}.glow-teal{box-shadow:0 0 20px #00e6ac66}.glow-text{text-shadow:0 0 30px currentColor}.floating{animation:floating 4s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff14,#fff0);transform:rotate(30deg);animation:shine 4s infinite}@keyframes shine{0%{transform:translate(-150%) rotate(30deg)}to{transform:translate(150%) rotate(30deg)}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #0066e64d}50%{box-shadow:0 0 40px #0066e680}}