@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-border-style:solid}}}:root{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-primary-rgb:99,102,241;--color-secondary:#8b5cf6;--color-secondary-light:#a78bfa;--color-secondary-dark:#7c3aed;--color-accent:#f4c430;--color-accent-light:#fcd34d;--color-accent-dark:#d4a000;--color-accent-rgb:244,196,48;--color-bg-primary:#0a0a0a;--color-bg-secondary:#0f0f0f;--color-bg-tertiary:#1a1a1a;--color-surface-1:#1a1a2e;--color-surface-2:#16213e;--color-surface-3:#1f2937;--color-bg-glass:#ffffff0d;--color-bg-glass-hover:#ffffff1a;--color-text-primary:#fff;--color-text-secondary:#a0aec0;--color-text-tertiary:#718096;--color-text-disabled:#4a5568;--color-text-inverse:#0a0a0a;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-success-bg:#10b9811a;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-warning-bg:#f59e0b1a;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-error-bg:#ef44441a;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--color-info-bg:#3b82f61a;--gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--gradient-secondary:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);--gradient-accent:linear-gradient(135deg,#f4c430 0%,#fcd34d 100%);--gradient-dark:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);--gradient-success:linear-gradient(135deg,#10b981 0%,#34d399 100%);--gradient-danger:linear-gradient(135deg,#ef4444 0%,#f87171 100%);--gradient-hero:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);--gradient-card:linear-gradient(145deg,#1a1a2ee6 0%,#16213ee6 100%);--gradient-glow:radial-gradient(ellipse at center,#6366f126 0%,transparent 70%);--color-border:#ffffff1a;--color-border-light:#ffffff0d;--color-border-focus:var(--color-primary);--color-border-error:var(--color-error);--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 25px #00000080;--shadow-xl:0 20px 50px #0009;--shadow-glow:0 0 40px #6366f14d;--shadow-glow-accent:0 0 40px #f4c4304d;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--transition-bounce:.5s cubic-bezier(.68,-.55,.265,1.55);--sidebar-width:260px;--sidebar-collapsed-width:80px;--header-height:70px;--container-max-width:1400px;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}[data-theme=light]{--color-bg-primary:#f8fafc;--color-bg-secondary:#f1f5f9;--color-bg-tertiary:#e2e8f0;--color-surface-1:#fff;--color-surface-2:#f8fafc;--color-surface-3:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-border:#0000001a;--color-border-light:#0000000d;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;overflow-x:hidden}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--color-surface-1);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-primary)}.btn-accent{background:var(--gradient-accent);color:var(--color-text-inverse)}.btn-accent:hover:not(:disabled){box-shadow:var(--shadow-glow-accent);transform:translateY(-2px)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-glass);color:var(--color-text-primary)}.btn-danger{background:var(--gradient-danger);color:var(--color-text-primary)}.btn-sm{padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-4)var(--spacing-8);font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--spacing-4)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-2);display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-3)var(--spacing-4);font-size:var(--font-size-base);font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2);outline:none}.form-input.error{border-color:var(--color-error)}.form-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--spacing-1)}.card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.card:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-lg)}.card-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-body{color:var(--color-text-secondary)}.badge{padding:var(--spacing-1)var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);align-items:center;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-primary{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.table-container{border-radius:var(--border-radius-lg);border:1px solid var(--color-border);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border)}.table th{background:var(--color-surface-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.table td{font-size:var(--font-size-sm);color:var(--color-text-primary)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-bg-glass)}.app-loading{background:var(--color-bg-primary);height:100vh;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);width:50px;height:50px;margin-bottom:var(--spacing-4);border-radius:50%;animation:1s linear infinite spin}.skeleton{background:linear-gradient(90deg,var(--color-surface-1)25%,var(--color-surface-2)50%,var(--color-surface-1)75%);border-radius:var(--border-radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.alert{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4);border:1px solid;display:flex}.alert-success{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.alert-warning{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.alert-error{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.alert-info{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-accent{color:var(--color-accent)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.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-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.w-full{width:100%}.cursor-pointer{cursor:pointer}@media(max-width:768px){html{font-size:14px}.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:var(--border-radius-full)}::selection{background:var(--color-primary);color:var(--color-text-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-slide-up{animation:.8s ease-out forwards slideUp}.animate-float{animation:6s ease-in-out infinite float}.gradient-animate{background-size:200% 200%;animation:3s infinite gradientFlow}.landing-header{z-index:var(--z-fixed);background:rgba(var(--color-bg-primary-rgb,10,10,10),.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:all var(--transition-normal);position:fixed;top:0;left:0;right:0}.landing-header.scrolled{background:rgba(var(--color-bg-primary-rgb,10,10,10),.95);box-shadow:var(--shadow-md)}.landing-header-inner{max-width:var(--container-max-width);padding:var(--spacing-4)var(--spacing-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.landing-logo{align-items:center;gap:var(--spacing-3);display:flex}.landing-logo-icon{background:var(--gradient-primary);border-radius:var(--border-radius-lg);width:40px;height:40px;color:var(--color-text-primary);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.landing-logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-nav{align-items:center;gap:var(--spacing-6);display:flex}.landing-nav-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.landing-nav-link:hover{color:var(--color-text-primary)}.landing-nav-actions{align-items:center;gap:var(--spacing-6);display:flex}.hero-section{padding-top:8rem;padding-bottom:5rem;padding-left:var(--spacing-6);padding-right:var(--spacing-6);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg-effects{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-bg-blob{filter:blur(80px);border-radius:50%;position:absolute}.hero-bg-blob-1{background:rgba(var(--color-primary-rgb),.2);width:18rem;height:18rem;top:5rem;left:2rem}.hero-bg-blob-2{background:#8b5cf633;width:24rem;height:24rem;bottom:5rem;right:2rem}.hero-bg-blob-3{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),#8b5cf61a);width:50rem;height:50rem;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{max-width:var(--container-max-width);z-index:10;margin:0 auto;position:relative}.hero-grid{gap:var(--spacing-12);grid-template-columns:1fr;align-items:center;display:grid}@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-badge{padding:var(--spacing-2)var(--spacing-4);background:rgba(var(--color-primary-rgb),.2);color:var(--color-primary-light);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-6);display:inline-block}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);color:var(--color-text-primary);line-height:1.1}.hero-title-gradient{background:linear-gradient(135deg,var(--color-primary-light),#a855f7,#ec4899);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradientFlow}.hero-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8)}.hero-buttons{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.hero-btn-primary{align-items:center;gap:var(--spacing-2);padding:var(--spacing-4)var(--spacing-8);background:var(--gradient-primary);color:var(--color-text-primary);border-radius:var(--border-radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);border:none;display:inline-flex}.hero-btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.hero-btn-secondary{align-items:center;gap:var(--spacing-2);padding:var(--spacing-4)var(--spacing-8);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);background:0 0;display:inline-flex}.hero-btn-secondary:hover{background:var(--color-surface-1);border-color:var(--color-text-secondary)}.hero-stats{gap:var(--spacing-6);margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}.hero-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.hero-stat-value.purple{color:#a855f7}.hero-stat-value.pink{color:#ec4899}.hero-stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.hero-preview{display:none;position:relative}@media(min-width:1024px){.hero-preview{display:block}}.hero-preview-card{background:linear-gradient(145deg,var(--color-surface-1),var(--color-surface-2));border-radius:var(--border-radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);overflow:hidden}.hero-preview-header{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);background:var(--color-surface-1);border-bottom:1px solid var(--color-border);display:flex}.hero-preview-dot{border-radius:50%;width:12px;height:12px}.hero-preview-dot.red{background:#ef4444}.hero-preview-dot.yellow{background:#eab308}.hero-preview-dot.green{background:#22c55e}.hero-preview-body{padding:var(--spacing-6)}.hero-preview-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.hero-preview-stat{padding:var(--spacing-4);border-radius:var(--border-radius-lg)}.hero-preview-stat.indigo{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.hero-preview-stat.purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.hero-preview-stat-label{font-size:var(--font-size-xs);opacity:.8}.hero-preview-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.hero-preview-chart{border-radius:var(--border-radius-lg);height:8rem;padding:var(--spacing-4);background:#ffffff0d;justify-content:space-around;align-items:flex-end;display:flex}.hero-preview-bar{border-radius:var(--border-radius-sm)var(--border-radius-sm)0 0;width:1.5rem;transition:height var(--transition-normal)}.hero-preview-bar.indigo{background:var(--color-primary)}.hero-preview-bar.purple{background:#8b5cf6}.hero-floating-badge{background:var(--color-success);color:var(--color-text-primary);padding:var(--spacing-2)var(--spacing-4);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);align-items:center;gap:var(--spacing-1);display:flex;position:absolute;top:-1rem;right:-1rem}.hero-floating-notification{background:var(--color-surface-1);border:1px solid var(--color-border);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:var(--spacing-3);display:flex;position:absolute;bottom:-1rem;left:-1rem}.hero-floating-notification-icon{background:var(--color-primary);width:2rem;height:2rem;font-size:var(--font-size-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.hero-floating-notification-text{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.hero-floating-notification-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.features-section{padding:var(--spacing-20)var(--spacing-6);background:#ffffff05}.features-container{max-width:var(--container-max-width);margin:0 auto}.features-header{text-align:center;margin-bottom:var(--spacing-16)}.features-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.features-subtitle{color:var(--color-text-secondary);max-width:42rem;margin:0 auto}.features-grid{gap:var(--spacing-8);grid-template-columns:repeat(1,1fr);display:grid}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--color-surface-1);padding:var(--spacing-8);border-radius:var(--border-radius-xl);border:1px solid var(--color-border);transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.feature-icon{border-radius:var(--border-radius-lg);width:3.5rem;height:3.5rem;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6);color:var(--color-text-primary);justify-content:center;align-items:center;display:flex}.feature-icon.indigo{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.feature-icon.purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.feature-icon.pink{background:linear-gradient(135deg,#db2777,#ec4899)}.feature-icon.cyan{background:linear-gradient(135deg,#0891b2,#06b6d4)}.feature-icon.green{background:linear-gradient(135deg,#059669,#10b981)}.feature-icon.orange{background:linear-gradient(135deg,#d97706,#f59e0b)}.feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.feature-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.about-section{padding:var(--spacing-20)var(--spacing-6)}.about-container{max-width:var(--container-max-width);margin:0 auto}.about-grid{gap:var(--spacing-12);grid-template-columns:1fr;align-items:center;display:grid}@media(min-width:1024px){.about-grid{grid-template-columns:1fr 1fr}}.about-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);color:var(--color-text-primary)}.about-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:var(--line-height-relaxed)}.about-features{gap:var(--spacing-6);flex-direction:column;display:flex}.about-feature{align-items:flex-start;gap:var(--spacing-4);display:flex}.about-feature-icon{background:rgba(var(--color-success),.2);width:2.5rem;height:2.5rem;color:var(--color-success);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-feature-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1);color:var(--color-text-primary)}.about-feature-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.about-stats-card{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.2),#8b5cf633);padding:var(--spacing-8);border-radius:var(--border-radius-xl);border:1px solid var(--color-border)}.about-stats-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}.about-stat-item{background:var(--color-surface-1);padding:var(--spacing-6);border-radius:var(--border-radius-lg);text-align:center}.about-stat-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-3)}.about-stat-icon.indigo{color:var(--color-primary-light)}.about-stat-icon.purple{color:#a78bfa}.about-stat-icon.pink{color:#f472b6}.about-stat-icon.cyan{color:#22d3ee}.about-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.about-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.contact-section{padding:var(--spacing-20)var(--spacing-6);background:#ffffff05}.contact-container{text-align:center;max-width:56rem;margin:0 auto}.contact-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.contact-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}.contact-buttons{justify-content:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.landing-footer{padding:var(--spacing-10)var(--spacing-6);border-top:1px solid var(--color-border)}.footer-container{max-width:var(--container-max-width);margin:0 auto}.footer-content{align-items:center;gap:var(--spacing-4);flex-direction:column;display:flex}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-logo{align-items:center;gap:var(--spacing-3);display:flex}.footer-logo-icon{background:var(--gradient-primary);border-radius:var(--border-radius-md);width:2rem;height:2rem;color:var(--color-text-primary);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.footer-logo-text{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.footer-copyright{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.footer-social{align-items:center;gap:var(--spacing-4);display:flex}.footer-social-link{color:var(--color-text-secondary);font-size:var(--font-size-xl);transition:color var(--transition-fast)}.footer-social-link:hover{color:var(--color-text-primary)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.login-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--spacing-4);background:#000000b3;justify-content:center;align-items:center;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}.login-modal{background:var(--color-surface-1);border-radius:var(--border-radius-xl);width:100%;max-width:28rem;padding:var(--spacing-8);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);animation:.3s modalSlideIn;position:relative}.login-modal-close{top:var(--spacing-4);right:var(--spacing-4);color:var(--color-text-secondary);font-size:var(--font-size-xl);cursor:pointer;transition:color var(--transition-fast);padding:var(--spacing-2);background:0 0;border:none;position:absolute}.login-modal-close:hover{color:var(--color-text-primary)}.login-modal-header{text-align:center;margin-bottom:var(--spacing-8)}.login-modal-icon{background:var(--gradient-primary);border-radius:var(--border-radius-xl);width:4rem;height:4rem;margin:0 auto var(--spacing-4);font-size:var(--font-size-2xl);color:var(--color-text-primary);justify-content:center;align-items:center;display:flex}.login-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.login-modal-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-form{gap:var(--spacing-5);flex-direction:column;display:flex}.login-form-group{gap:var(--spacing-2);flex-direction:column;display:flex}.login-form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.login-input-wrapper{position:relative}.login-input-icon{left:var(--spacing-4);color:var(--color-text-tertiary);position:absolute;top:50%;transform:translateY(-50%)}.login-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:100%;padding:var(--spacing-3)var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-fast);padding-left:3rem}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2);outline:none}.login-input::placeholder{color:var(--color-text-tertiary)}.login-input-toggle{right:var(--spacing-4);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.login-input-toggle:hover{color:var(--color-text-secondary)}.login-options{justify-content:space-between;align-items:center;display:flex}.login-remember{align-items:center;gap:var(--spacing-2);cursor:pointer;display:flex}.login-remember-checkbox{border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);width:1rem;height:1rem;accent-color:var(--color-primary)}.login-remember-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.login-forgot{font-size:var(--font-size-sm);color:var(--color-primary);transition:color var(--transition-fast)}.login-forgot:hover{color:var(--color-primary-light)}.login-error{align-items:center;gap:var(--spacing-2);background:var(--color-error-bg);color:var(--color-error);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);display:flex}.login-submit{justify-content:center;align-items:center;gap:var(--spacing-2);background:var(--gradient-primary);width:100%;color:var(--color-text-primary);padding:var(--spacing-3)var(--spacing-6);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);border:none;display:flex}.login-submit:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.login-demo{margin-top:var(--spacing-6);text-align:center}.login-demo-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.login-demo-credentials{font-size:var(--font-size-sm);color:var(--color-primary);margin-top:var(--spacing-1)}.dashboard-layout{background:var(--color-bg-primary);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-surface-1);border-right:1px solid var(--color-border);height:100vh;z-index:var(--z-fixed);transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed}@media(max-width:1023px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-header{padding:var(--spacing-5);border-bottom:1px solid var(--color-border)}.sidebar-logo{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:flex}.sidebar-nav{padding:var(--spacing-4);gap:var(--spacing-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-link{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none;display:flex}.sidebar-link:hover{background:var(--color-bg-glass-hover);color:var(--color-text-primary)}.sidebar-link.active{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.sidebar-link-icon{text-align:center;width:1.25rem}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid var(--color-border)}.sidebar-user{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-3);background:#ffffff0d;display:flex}.sidebar-user-avatar{border-radius:50%;width:2.5rem;height:2.5rem}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sidebar-logout{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2)var(--spacing-4);color:var(--color-error-light);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background:#ef444433;border:none;display:flex}.sidebar-logout:hover{background:#ef44444d}.main-content{margin-left:var(--sidebar-width);flex:1;overflow-y:auto}@media(max-width:1023px){.main-content{margin-left:0}}.dashboard-header{background:var(--color-surface-1);border-bottom:1px solid var(--color-border);padding:var(--spacing-4)var(--spacing-6);z-index:var(--z-sticky);position:sticky;top:0}.dashboard-header-inner{justify-content:space-between;align-items:center;display:flex}.dashboard-header-left{align-items:center;gap:var(--spacing-4);display:flex}.mobile-menu-btn{color:var(--color-text-secondary);font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-2);background:0 0;border:none;display:none}@media(max-width:1023px){.mobile-menu-btn{display:block}}.mobile-menu-btn:hover{color:var(--color-text-primary)}.header-search{position:relative}.header-search-icon{left:var(--spacing-3);color:var(--color-text-tertiary);position:absolute;top:50%;transform:translateY(-50%)}.header-search-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-2)var(--spacing-4);width:16rem;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all var(--transition-fast);padding-left:2.5rem}.header-search-input:focus{border-color:var(--color-primary);outline:none}.header-search-input::placeholder{color:var(--color-text-tertiary)}.header-actions{align-items:center;gap:var(--spacing-4);display:flex}.header-action-btn{color:var(--color-text-secondary);padding:var(--spacing-2);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;position:relative}.header-action-btn:hover{background:var(--color-bg-glass-hover);color:var(--color-text-primary)}.header-notification-badge{background:var(--color-error);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.25rem;right:.25rem}.notification-panel{right:var(--spacing-6);top:calc(var(--header-height) - .5rem);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:20rem;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);position:absolute;overflow:hidden}.notification-panel.hidden{display:none}.notification-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.notification-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.notification-list{max-height:16rem;overflow-y:auto}.notification-item{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);cursor:pointer}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-bg-glass)}.notification-text{font-size:var(--font-size-sm);color:var(--color-text-primary)}.notification-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.page-content{padding:var(--spacing-6)}.page-header{margin-bottom:var(--spacing-6)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.sidebar-overlay{z-index:calc(var(--z-fixed) - 1);background:#00000080;display:none;position:fixed;inset:0}@media(max-width:1023px){.sidebar-overlay.visible{display:block}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.4s ease-out forwards fadeIn}.stats-grid{gap:var(--spacing-6);margin-bottom:var(--spacing-8);grid-template-columns:repeat(1,1fr);display:grid}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:var(--spacing-6);border-radius:var(--border-radius-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card-indigo{background:linear-gradient(135deg,var(--color-primary-dark)0%,var(--color-primary)100%)}.stat-card-purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.stat-card-pink{background:linear-gradient(135deg,#db2777,#ec4899)}.stat-card-cyan{background:linear-gradient(135deg,#0891b2,#06b6d4)}.stat-card-content{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.stat-card-label{font-size:var(--font-size-sm);opacity:.8}.stat-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-top:var(--spacing-2)}.stat-card-trend{font-size:var(--font-size-sm);margin-top:var(--spacing-2);align-items:center;gap:var(--spacing-1);display:flex}.stat-card-trend.positive{color:var(--color-success-light)}.stat-card-trend.negative{color:var(--color-error-light)}.stat-card-trend.neutral{color:var(--color-warning-light)}.stat-card-icon{width:3.5rem;height:3.5rem;font-size:var(--font-size-2xl);background:#fff3;border-radius:50%;justify-content:center;align-items:center;display:flex}.charts-grid{gap:var(--spacing-6);margin-bottom:var(--spacing-8);grid-template-columns:1fr;display:grid}@media(min-width:1024px){.charts-grid{grid-template-columns:repeat(2,1fr)}}.chart-card{background:var(--color-surface-1);padding:var(--spacing-6);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.chart-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.data-table-container{background:var(--color-surface-1);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);overflow:hidden}.data-table-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.data-table-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.data-table-link{font-size:var(--font-size-sm);color:var(--color-primary);transition:color var(--transition-fast)}.data-table-link:hover{color:var(--color-primary-light)}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#ffffff08}.data-table th{padding:var(--spacing-4)var(--spacing-6);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:var(--spacing-4)var(--spacing-6);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-bg-glass)}.data-table tbody tr:last-child td{border-bottom:none}.status-badge{padding:var(--spacing-1)var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;display:inline-flex}.status-delivered{background:var(--color-success-bg);color:var(--color-success)}.status-processing{background:var(--color-warning-bg);color:var(--color-warning)}.status-shipped{background:var(--color-info-bg);color:var(--color-info)}.status-cancelled{background:var(--color-error-bg);color:var(--color-error)}.status-pending{color:#f97316;background:#f973161a}.status-in-stock{background:var(--color-success-bg);color:var(--color-success)}.status-low-stock{background:var(--color-warning-bg);color:var(--color-warning)}.status-out-of-stock{background:var(--color-error-bg);color:var(--color-error)}.action-btn{padding:var(--spacing-2);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}.action-btn-view{color:var(--color-primary)}.action-btn-view:hover{color:var(--color-primary-light)}.action-btn-edit{color:var(--color-success)}.action-btn-edit:hover{color:var(--color-success-light)}.action-btn-delete{color:var(--color-error)}.action-btn-delete:hover{color:var(--color-error-light)}.products-grid{gap:var(--spacing-6);grid-template-columns:repeat(1,1fr);display:grid}@media(min-width:640px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(4,1fr)}}.product-card{background:var(--color-surface-1);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);transition:all var(--transition-normal);overflow:hidden}.product-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-card-image{justify-content:center;align-items:center;height:8rem;display:flex}.product-card-image-icon{font-size:var(--font-size-4xl);color:#fffc}.product-card-body{padding:var(--spacing-4)}.product-card-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.product-card-category{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.product-card-footer{margin-top:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.product-card-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-card-stock{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.product-card-actions{gap:var(--spacing-2);margin-top:var(--spacing-3);display:flex}.product-btn-edit{justify-content:center;align-items:center;gap:var(--spacing-1);background:var(--color-surface-2);color:var(--color-text-primary);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);border:none;flex:1;display:flex}.product-btn-edit:hover{background:var(--color-surface-3)}.product-btn-delete{background:var(--color-error-bg);color:var(--color-error);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--border-radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.product-btn-delete:hover{background:#ef44444d}.top-products-card{background:var(--color-surface-1);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.top-products-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border)}.top-products-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.top-products-list{padding:var(--spacing-4);gap:var(--spacing-4);flex-direction:column;display:flex}.top-product-item{align-items:center;gap:var(--spacing-4);padding:var(--spacing-3);border-radius:var(--border-radius-md);transition:background var(--transition-fast);background:#ffffff08;display:flex}.top-product-item:hover{background:#ffffff0f}.top-product-icon{border-radius:var(--border-radius-md);width:3rem;height:3rem;font-size:var(--font-size-xl);color:var(--color-text-primary);justify-content:center;align-items:center;display:flex}.top-product-info{flex:1}.top-product-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.top-product-sales{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.top-product-price{font-weight:var(--font-weight-semibold);color:var(--color-success)}.page-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.page-actions{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.select-dropdown{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast)}.select-dropdown:focus{border-color:var(--color-primary);outline:none}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--spacing-4);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface-1);border-radius:var(--border-radius-xl);width:100%;max-width:28rem;padding:var(--spacing-6);border:1px solid var(--color-border);animation:.3s modalSlideIn}.modal-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-close{color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2);transition:color var(--transition-fast);background:0 0;border:none}.modal-close:hover{color:var(--color-text-primary)}.modal-body{gap:var(--spacing-4);flex-direction:column;display:flex}.modal-footer{gap:var(--spacing-3);margin-top:var(--spacing-6);display:flex}.modal-btn{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1}.modal-btn-cancel{background:var(--color-surface-2);color:var(--color-text-primary)}.modal-btn-cancel:hover{background:var(--color-surface-3)}.modal-btn-submit{background:var(--gradient-primary);color:var(--color-text-primary)}.modal-btn-submit:hover{box-shadow:var(--shadow-glow)}.form-group{gap:var(--spacing-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--border-radius-md);width:100%;padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);outline:none}.form-input::placeholder{color:var(--color-text-tertiary)}.form-select{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--border-radius-md);width:100%;padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast)}.form-select:focus{border-color:var(--color-primary);outline:none}.content-grid{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:1024px){.content-grid-3{grid-template-columns:2fr 1fr}}.gradient-indigo{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.gradient-purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.gradient-pink{background:linear-gradient(135deg,#db2777,#ec4899)}.gradient-cyan{background:linear-gradient(135deg,#0891b2,#06b6d4)}.gradient-green{background:linear-gradient(135deg,#059669,#10b981)}.gradient-orange{background:linear-gradient(135deg,#d97706,#f59e0b)}.gradient-red{background:linear-gradient(135deg,#dc2626,#ef4444)}.gradient-amber{background:linear-gradient(135deg,#d97706,#f59e0b)}.gradient-violet{background:linear-gradient(135deg,#7c3aed,#a855f7)}.customer-cell{align-items:center;gap:var(--spacing-3);display:flex}.customer-avatar{object-fit:cover;border-radius:50%;width:2.5rem;height:2.5rem}.customer-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.status-active{background:var(--color-success-bg);color:var(--color-success)}.status-inactive{color:#9ca3af;background:#6b728033}.analytics-card{background:var(--color-surface-1);padding:var(--spacing-6);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.analytics-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.analytics-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-top:var(--spacing-2)}.analytics-card-value.green{color:var(--color-success)}.analytics-card-value.indigo{color:var(--color-primary)}.analytics-card-value.yellow{color:var(--color-warning)}.analytics-card-value.purple{color:#a855f7}.analytics-card-trend{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-2)}.inventory-stats-grid{gap:var(--spacing-6);margin-bottom:var(--spacing-8);grid-template-columns:repeat(1,1fr);display:grid}@media(min-width:768px){.inventory-stats-grid{grid-template-columns:repeat(3,1fr)}}.inventory-stat-card{padding:var(--spacing-6);border-radius:var(--border-radius-lg);position:relative;overflow:hidden}.inventory-stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.inventory-stat-card.green{background:linear-gradient(135deg,#059669,#10b981)}.inventory-stat-card.yellow{background:linear-gradient(135deg,#d97706,#f59e0b)}.inventory-stat-card.red{background:linear-gradient(135deg,#dc2626,#ef4444)}.inventory-stat-label{opacity:.9;font-size:var(--font-size-sm)}.inventory-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-top:var(--spacing-2)}.inventory-stat-sublabel{font-size:var(--font-size-sm);opacity:.8;margin-top:var(--spacing-2)}.status-critical{background:var(--color-error-bg);color:var(--color-error)}.status-low{background:var(--color-warning-bg);color:var(--color-warning)}.reorder-btn{color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}.reorder-btn:hover{color:var(--color-primary-light)}.reviews-stats-grid{gap:var(--spacing-6);margin-bottom:var(--spacing-8);grid-template-columns:repeat(1,1fr);display:grid}@media(min-width:768px){.reviews-stats-grid{grid-template-columns:repeat(4,1fr)}}.reviews-stat-card{background:var(--color-surface-1);padding:var(--spacing-6);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);text-align:center}.reviews-stat-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.reviews-stat-value.yellow{color:var(--color-warning)}.reviews-stat-value.green{color:var(--color-success)}.reviews-stat-value.indigo{color:var(--color-primary)}.reviews-stat-value.red{color:var(--color-error)}.reviews-stat-stars{justify-content:center;gap:var(--spacing-1);margin:var(--spacing-2)0;display:flex}.reviews-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-2)}.star-filled,.star-half{color:var(--color-warning)}.star-empty{color:var(--color-text-tertiary)}.reviews-list{gap:var(--spacing-4);flex-direction:column;display:flex}.review-card{background:var(--color-surface-1);padding:var(--spacing-6);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.review-content{align-items:flex-start;gap:var(--spacing-4);display:flex}.review-avatar{object-fit:cover;border-radius:50%;width:3rem;height:3rem}.review-body{flex:1}.review-header{justify-content:space-between;align-items:center;display:flex}.review-author{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.review-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.review-stars{gap:var(--spacing-1);margin:var(--spacing-1)0;display:flex}.review-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-2);line-height:var(--line-height-relaxed)}.review-product{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-2)}.review-actions{gap:var(--spacing-3);margin-top:var(--spacing-3);display:flex}.review-action-btn{font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:var(--spacing-1);transition:color var(--transition-fast);background:0 0;border:none;display:flex}.review-action-btn.reply{color:var(--color-primary)}.review-action-btn.reply:hover{color:var(--color-primary-light)}.review-action-btn.approve{color:var(--color-success)}.review-action-btn.approve:hover{color:var(--color-success-light)}.settings-grid{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:1024px){.settings-grid{grid-template-columns:2fr 1fr}}.settings-main,.settings-sidebar{gap:var(--spacing-6);flex-direction:column;display:flex}.settings-card{background:var(--color-surface-1);padding:var(--spacing-6);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.settings-card-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.settings-form-grid{gap:var(--spacing-4);grid-template-columns:1fr;display:grid}@media(min-width:768px){.settings-form-grid{grid-template-columns:repeat(2,1fr)}}.settings-form-full{grid-column:1/-1}.toggle-item{padding:var(--spacing-4);border-radius:var(--border-radius-md);background:#ffffff08;justify-content:space-between;align-items:center;display:flex}.toggle-item-content{align-items:center;gap:var(--spacing-3);display:flex}.toggle-item-icon{font-size:var(--font-size-2xl)}.toggle-item-icon.blue{color:var(--color-info)}.toggle-item-icon.green{color:var(--color-success)}.toggle-item-icon.yellow{color:var(--color-warning)}.toggle-switch{cursor:pointer;width:2.75rem;height:1.5rem;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--color-surface-2);border-radius:var(--border-radius-full);transition:background var(--transition-fast);position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--color-text-primary);width:1.25rem;height:1.25rem;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateY(-50%)translate(1.25rem)}.notification-settings{gap:var(--spacing-4);flex-direction:column;display:flex}.notification-item{justify-content:space-between;align-items:center;display:flex}.notification-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.security-buttons{gap:var(--spacing-3);flex-direction:column;display:flex}.security-btn{width:100%;padding:var(--spacing-2)var(--spacing-4);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.security-btn-default{background:var(--color-surface-2);color:var(--color-text-primary)}.security-btn-default:hover{background:var(--color-surface-3)}.security-btn-danger{background:var(--color-error-bg);color:var(--color-error)}.security-btn-danger:hover{background:#ef44444d}.payment-settings{gap:var(--spacing-4);flex-direction:column;display:flex}.form-textarea{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--border-radius-md);width:100%;padding:var(--spacing-3)var(--spacing-4);font-size:var(--font-size-base);font-family:var(--font-family-primary);color:var(--color-text-primary);resize:vertical;transition:border-color var(--transition-fast)}.form-textarea:focus{border-color:var(--color-primary);outline:none}.save-btn{margin-top:var(--spacing-4);padding:var(--spacing-2)var(--spacing-6);background:var(--gradient-primary);color:var(--color-text-primary);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);border:none}.save-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.highlights-quill{background:#fff;border-radius:8px}.highlights-quill .ql-toolbar{background:#f8fafc;border:1px solid #ffffff40;border-bottom:none;border-radius:8px 8px 0 0}.highlights-quill .ql-container{background:#fff;border:1px solid #ffffff40;border-radius:0 0 8px 8px;min-height:150px;font-size:14px}.highlights-quill .ql-editor{min-height:150px;line-height:1.6}.highlights-quill .ql-editor.ql-blank:before{color:#94a3b8;font-style:normal}.highlights-quill .ql-editor ul,.highlights-quill .ql-editor ol{padding-left:1.5em}.highlights-quill .ql-editor li{margin-bottom:4px}.dark .highlights-quill .ql-toolbar{background:#1e293b;border-color:#ffffff26}.dark .highlights-quill .ql-container{background:#0f172a;border-color:#ffffff26}.dark .highlights-quill .ql-editor{color:#e2e8f0}.dark .highlights-quill .ql-stroke{stroke:#94a3b8}.dark .highlights-quill .ql-fill{fill:#94a3b8}.dark .highlights-quill .ql-picker-label{color:#94a3b8}.highlights-editor-wrapper{grid-column:1/-1;margin-bottom:16px}.highlights-label{color:#1f2937;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.highlights-word-count{justify-content:flex-end;margin-top:8px;display:flex}.highlights-word-count span{color:#4f46e5;background:#e0e7ff;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}.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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.action-menu{position:absolute;right:0;margin-right:30px;top:35px;background:#6366f1;border:1px solid #6366f1;border-radius:6px;box-shadow:0 4px 12px #0000001f;z-index:100;min-width:130px}.action-menu-item{width:100%;padding:8px 12px;color:#000;background:none;border:none;display:flex;gap:8px;align-items:center;cursor:pointer;font-size:14px}.action-menu-item:hover{background-color:#4f46e5}.action-menu-item.delete{color:#d32f2f}:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-bg-page: #f7f5fb;--color-bg-card: #ffffff;--color-bg-hover: #f3f2ff;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-border: #e7e5ef}body{background:var(--color-bg-page);color:var(--color-text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.orders-grid{display:grid;grid-template-columns:2.5fr 1fr;gap:20px}.card,.card-1{background:var(--color-bg-card);border-radius:14px;padding:20px;margin-bottom:20px;border:1px solid var(--color-border);box-shadow:0 8px 24px #0f172a0d;position:relative;overflow:visible}.card h3,.card h4{font-weight:600;margin-bottom:12px}.input,textarea,select{width:100%;padding:10px 12px;margin-top:8px;background:#fff;border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text-primary)}.input::placeholder,textarea::placeholder{color:#94a3b8}.input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}input[type=number]{padding:8px 10px}.product-header,.product-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:center;margin-top:12px}.product-info{display:flex;gap:12px;align-items:center}.product-info img{width:50px;height:50px;object-fit:cover;border-radius:8px;border:1px solid var(--color-border)}.row{display:flex;justify-content:space-between;margin-top:10px;color:var(--color-text-secondary)}.row.total{border-top:1px solid var(--color-border);padding-top:12px;font-weight:600;color:var(--color-text-primary)}.row-total{display:flex;justify-content:space-between;align-items:center;margin-right:20px}.btnn{margin:20px;color:red}.save-btn{width:100%;padding:14px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:background .2s ease,transform .1s ease}.save-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.input-1{margin-left:10px;position:absolute;top:42px;left:0;right:0;background:#fff!important;border:1px solid var(--color-border);border-radius:10px;max-height:220px;width:800px;overflow-y:auto;z-index:9999;box-shadow:0 12px 30px #0f172a14}.dropdown,.dropdown-1{position:absolute;background:#fff;border:1px solid var(--color-border);border-radius:10px;width:100%;margin-top:6px;z-index:9999;max-height:220px;overflow-y:auto;box-shadow:0 12px 30px #0f172a14}.dropdown-item,.dropdown-item-1{padding:12px 14px;cursor:pointer;color:var(--color-text-primary);transition:background .15s ease,color .15s ease}.dropdown-item:hover,.dropdown-item-1:hover{background:var(--color-bg-hover);color:var(--color-primary-dark)}.dropdown::-webkit-scrollbar,.dropdown-1::-webkit-scrollbar{width:6px}.dropdown::-webkit-scrollbar-thumb,.dropdown-1::-webkit-scrollbar-thumb{background:#c7c5f6;border-radius:6px}.order-details-page{padding:24px;background:#f7f5fb;min-height:100vh;box-sizing:border-box;color:#0f172a}.order-title{margin-bottom:24px;font-size:22px;font-weight:600;color:#0f172a}.order-layout{display:flex;gap:24px;align-items:flex-start}.order-left{width:68%;display:flex;flex-direction:column;gap:20px}.order-right{width:32%;display:flex;flex-direction:column;gap:20px}.card{background:#fff;border-radius:14px;padding:18px 20px;border:1px solid #e7e5ef;box-shadow:0 8px 24px #0f172a0d}.product-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:14px 0;border-bottom:1px solid #e7e5ef;align-items:center}.product-row:last-child{border-bottom:none}.product-name{font-weight:500;color:#0f172a}.price,.total{font-weight:600;white-space:nowrap;color:#0f172a}.billing-row{display:flex;justify-content:space-between;margin:10px 0;font-size:15px;color:#334155}.billing-row.total{font-size:18px;font-weight:700;margin-top:14px;border-top:1px dashed #e7e5ef;padding-top:12px;color:#0f172a}.address-line{margin-bottom:8px;font-size:14px;color:#334155}.muted{color:#64748b;font-size:14px}.status-card{min-height:200px}.status-ui{display:flex;align-items:center;gap:14px;margin-top:18px}.status-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.status-success{color:#15803d}.status-success .status-icon{background:#22c55e}.status-failed{color:#b91c1c}.status-failed .status-icon{background:#ef4444}.status-pending{color:#b45309}.status-pending .status-icon{background:#f59e0b}.status-text{font-size:16px;font-weight:600}.status-update-box{margin-top:20px;padding-top:12px;border-top:1px dashed #e7e5ef}.status-update-box h4{margin-bottom:8px;color:#0f172a}.status-dropdown,.remarks-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #dcd9e8;background:#fff;color:#0f172a;font-size:14px}.remarks-input{min-height:70px;resize:vertical}.status-dropdown option{background-color:#fff;color:#111827}.status-dropdown:focus,.remarks-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.update-btn{background-color:#6366f1;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}.update-btn:hover{background:#4f46e5;transform:translateY(-1px)}.update-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.order-layout{flex-direction:column}.order-left,.order-right{width:100%}}:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-bg-primary: #f4f1f7;--color-bg-secondary: #ffffff;--color-surface-1: #ffffff;--color-surface-2: #f8f7fb;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-border: #ece9f2}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;width:100%}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.app{min-height:100vh;background:var(--color-bg-primary)}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);gap:1rem}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1eff6}::-webkit-scrollbar-thumb{background:#d6d3e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}img{max-width:100%;height:auto}.sidebar{width:260px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.sidebar-header{padding:20px;display:flex;justify-content:center;border-bottom:1px solid var(--color-border)}.sidebar-nav{padding:16px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;font-weight:500;margin-bottom:6px;color:var(--color-text-primary);transition:all .2s ease}.sidebar-link-icon{color:var(--color-text-secondary)}.sidebar-link:hover{background:#f3e8ff;color:var(--color-primary)}.sidebar-link:hover .sidebar-link-icon{color:var(--color-primary)}.sidebar-link.active{background:#f3e8ff;color:var(--color-primary)}.sidebar-link.active .sidebar-link-icon{color:var(--color-primary)}.sidebar-submenu{margin-left:16px}.sidebar-link.sub-link{padding-left:32px;font-size:14px}.sidebar-footer{margin-top:auto;padding:16px;border-top:1px solid var(--color-border)}.sidebar-user{display:flex;align-items:center;gap:12px}.sidebar-user-avatar{width:40px;height:40px;border-radius:50%}.sidebar-user-name{font-size:14px;font-weight:600}.sidebar-user-role{font-size:12px;color:var(--color-text-secondary)}.sidebar-logout{margin-top:12px;width:100%;padding:8px;border-radius:8px;background:#fee2e2;color:#dc2626;font-size:14px}.main-content{flex:1;display:flex;flex-direction:column}.dashboard-header{height:80px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);box-shadow:0 1px 4px #0000000a}.dashboard-header-inner{height:100%;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.dashboard-header-left{display:flex;align-items:center;gap:16px}.header-search{display:flex;align-items:center;gap:10px;background:var(--color-surface-2);padding:8px 12px;border-radius:8px}.header-search input{border:none;outline:none;background:transparent;font-size:14px;color:var(--color-text-primary)}.header-right{position:relative}.user-profile-box{display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:25px;border:1px solid var(--color-border);cursor:pointer}.user-profile-box:hover{background:var(--color-surface-2)}.user-icon-circle{width:34px;height:34px;border-radius:50%;background:#f3e8ff;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.user-name{font-size:14px;font-weight:500}.user-popup{position:absolute;right:0;top:55px;background:var(--color-surface-1);border-radius:10px;padding:12px;box-shadow:0 10px 25px #00000014;min-width:180px}.user-popup-logout{width:100%;padding:8px;border-radius:6px;background:#fee2e2;color:#dc2626;font-size:14px}.page-content{padding:24px}.orders-stats-bar{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.stats-cards{display:flex;gap:16px;flex-wrap:wrap}.stat-card{min-width:160px;padding:16px 20px;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:10px}.date-filter-wrapper{position:relative}.date-filter{width:100%;padding:10px 36px 10px 14px;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text-primary)}.date-filter:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f133}.landing-header{position:fixed;top:0;width:100%;z-index:1000;background-color:#fff;transition:all .35s ease}.landing-header-inner{max-width:1200px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.landing-logo img{border-radius:12px}.landing-nav{display:flex;gap:22px}.landing-nav-link{color:#000;font-size:14px;font-weight:500;position:relative;transition:color .25s ease}.landing-nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:2px;background:#6366f1;transition:width .25s ease}.landing-nav-link:hover{color:#6366f1}.landing-nav-link:hover:after{width:100%}.btn.btn-primary{background:#6366f1;color:#fff;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 8px 20px #6366f159;transition:all .25s ease}.btn.btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 12px 28px #6366f173}.landing-header.scrolled{background:#0a0a0ad9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.landing-header.scrolled .landing-nav-link{color:#e5e7eb}.landing-header.scrolled .landing-nav-link:hover{color:#fff}@media(max-width:768px){.hide-mobile{display:none}}.hero-section{margin-top:30px}.action-menu{position:absolute;right:0;top:100%;margin-top:8px;width:160px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000014;z-index:1000;overflow:hidden}.action-menu-item{width:100%;padding:10px 14px;background:transparent;border:none;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.action-menu-item svg{font-size:14px;color:#6b7280;transition:color .2s ease}.action-menu-item:hover{background:#f5f7ff;color:#4f46e5}.action-menu-item:hover svg{color:#4f46e5}.action-menu-item.delete{color:#dc2626}.action-menu-item.delete svg{color:#dc2626}.action-menu-item.delete:hover{background:#fef2f2;color:#b91c1c}.action-menu-item.delete:hover svg{color:#b91c1c}.action-menu-item+.action-menu-item{border-top:1px solid #f1f5f9}