@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap);@import url(https://cdn.syncfusion.com/ej2/material.css);body{font-family:Open Sans,sans-serif;padding:0}

/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-0{right:0}.float-right{float:right}.m-4{margin:1rem}.mb-10{margin-bottom:2.5rem}.ml-4{margin-left:1rem}.mt-4{margin-top:1rem}.ml-2{margin-left:.5rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-screen{height:100vh}.h-10{height:2.5rem}.h-20{height:5rem}.h-3{height:.75rem}.w-screen{width:100vw}.w-400{width:400px}.w-10{width:2.5rem}.w-3{width:.75rem}.w-full{width:100%}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.border{border-width:1px}.border-t-1{border-top-width:1px}.border-color{border-color:rgba(0,0,0,.1)}.bg-half-transparent{background-color:rgba(0,0,0,.5)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-3{padding:.75rem}.p-4{padding:1rem}.p-10{padding:2.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.tracking-tight{letter-spacing:-.025em}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:bg-light-gray:hover{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.hover\:drop-shadow-xl:hover{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08));-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.dark .dark\:bg-secondary-dark-bg{--tw-bg-opacity:1;background-color:rgb(51 55 62/var(--tw-bg-opacity))}.dark .dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}@media (min-width:768px){.md\:m-10{margin:2.5rem}.md\:ml-3{margin-left:.75rem}}.sidebar{box-shadow:0 7px 30px 0 hsla(210,7%,48%,.11)}.nav-item,.navbar{z-index:10000}@media screen and (max-width:800px){.sidebar{z-index:10000000}}.e-dlg-center-center,.e-quick-popup-wrapper.e-device{z-index:1000000!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#d8d8d8;border-radius:40px}::-webkit-scrollbar-track{background-color:initial}#preview{background:transparent url(https://ej2.syncfusion.com/react/demos/src/color-picker/images/pen.png) no-repeat;background-color:green;display:inline-block;height:80px;margin:10px 0;max-width:600px;min-width:300px}.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left),.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),.e-input-group.e-control-wrapper:not(.e-float-icon-left),.e-input-group.e-error:not(.e-float-icon-left),.e-input-group.e-success:not(.e-float-icon-left),.e-input-group.e-warning:not(.e-float-icon-left),.e-input-group:not(.e-float-icon-left){border:none}:root{background:#f6f7fb;color:#202437;font-family:Inter,Segoe UI,sans-serif;font-synthesis:none}body{font-family:Inter,Segoe UI,sans-serif!important}*{box-sizing:border-box}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}.login-page,.workspace{--accent:#4f46e5;--bg:#f6f7fb;--surface:#fff;--text:#202437;--muted:#777e92;--border:#e9ebf2;--soft:#f0f1ff;background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;min-height:100vh}.workspace.dark{--bg:#121522;--surface:#1b2031;--text:#edf0fa;--muted:#a5adc2;--border:#30374b;--soft:#272d45}.eyebrow,.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px}h1,h2,h3,p{margin:0}.login-page h1,.workspace h1{font-size:30px;font-weight:650;letter-spacing:-1.2px;line-height:1.35}.login-page h2,.workspace h2{font-size:17px;font-weight:650;letter-spacing:-.35px}.workspace h3{font-size:14px;font-weight:600}.workspace-sidebar{background:var(--surface);border-right:1px solid var(--border);inset:0 auto 0 0;position:fixed;width:242px;z-index:50}.side-inner{display:flex;flex-direction:column;height:100%;overflow:auto;padding:28px 17px 16px}.side-brand{display:flex;justify-content:space-between;margin:0 13px 29px}.brand{align-items:center;color:var(--text);display:flex;font-size:27px;font-weight:750;gap:10px;letter-spacing:-1px}.brand>svg{background:var(--accent);border-radius:11px;color:#fff;height:37px;padding:7px;width:37px}.brand small{color:var(--muted);display:block;font-size:8px;letter-spacing:3px;line-height:1;margin-top:3px}.workspace-label{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:9px;display:flex;gap:10px;margin-bottom:22px;padding:12px}.workspace-logo{background:var(--surface);border:1px solid var(--border);border-radius:7px;display:grid;font-weight:700;height:32px;place-items:center;width:32px}.workspace-label strong{font-size:12px}.side-account small,.workspace-label small{color:var(--muted);display:block;font-size:10px}.nav-group{margin:0 0 23px}.nav-group h3{color:var(--muted);font-size:9px;letter-spacing:1.6px;margin:0 12px 10px;text-transform:uppercase}.side-link{align-items:center;border-radius:7px;color:var(--muted);display:flex;font-size:12px;gap:11px;margin:3px 0;padding:9px 12px;text-transform:capitalize}.side-link svg{font-size:17px}.side-link:hover{background:var(--bg);color:var(--text)}.side-link.active{background:var(--soft);color:var(--accent);font-weight:650}.side-account{align-items:center;border-top:1px solid var(--border);display:flex;gap:10px;margin-top:auto;padding:19px 5px 0}.side-account>div{flex:1 1;min-width:0}.side-account strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-account>svg{color:var(--muted)}.workspace-main{display:flex;flex-direction:column;min-height:100vh;min-width:0}.workspace-main.with-sidebar{margin-left:242px}.workspace-main main{flex:1 1;min-width:0}.topbar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:18px;height:79px;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.icon-button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--muted);display:inline-flex;flex-shrink:0;font-size:18px;height:35px;justify-content:center;position:relative;width:35px}.icon-button:hover{background:var(--soft);color:var(--accent)}.global-search{align-items:center;color:var(--muted);display:flex;gap:10px;position:relative;width:270px}.global-search input{background:transparent!important;border:0!important;font-size:12px;min-width:0;padding:8px 0!important;width:100%}.topbar-spacer{flex:1 1}.demo-badge{border:1px solid var(--border);border-radius:5px;color:var(--muted);font-size:10px;padding:4px 8px;white-space:nowrap}.topbar-actions{align-items:center;display:flex;gap:8px}.profile-trigger{background:transparent;border:0;border-left:1px solid var(--border);color:var(--text);display:flex;gap:10px;margin-left:8px;padding-left:17px}.account-avatar,.profile-trigger{align-items:center;font-size:12px}.account-avatar{background:#ede9fe;border-radius:50%;color:#6d46b5;display:inline-flex;flex-shrink:0;font-weight:700;height:36px;justify-content:center;object-fit:cover;width:36px}.unread-dot{background:var(--accent);border-radius:50%;height:5px;outline:2px solid var(--surface);position:absolute;right:7px;top:7px;width:5px}.workspace-page{margin:auto;max-width:1600px;padding:34px 34px 20px}.page-heading{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:27px}.page-heading h1{margin:6px 0 7px}.page-heading p{font-size:12px}.greeting-dot{color:#c9a252;font-size:27px;margin-left:6px}.heading-actions{align-items:center;display:flex;gap:10px}.primary,.secondary{align-items:center;border:1px solid transparent;border-radius:7px;display:inline-flex;font-size:12px;font-weight:600;gap:9px;justify-content:center;min-height:39px;padding:10px 15px;white-space:nowrap}.primary{background:var(--accent);box-shadow:0 3px 7px #2222;color:#fff}.primary:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.secondary:hover{background:var(--soft)}.full{width:100%}.period-select{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--muted);display:flex;gap:8px;padding:8px 10px}.period-select select{background:transparent;border:0;color:var(--text);font-size:12px;max-width:110px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 3px #18223802}.metric-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:23px}.metric{padding:20px}.metric-top{align-items:center;color:var(--muted);display:flex;font-size:12px;justify-content:space-between}.metric-icon{background:#f0edff;border-radius:9px;color:#7266dc;display:grid;height:32px;place-items:center;width:32px}.metric-icon.orders{background:#eaf5ff;color:#538ec7}.metric-icon.customers{background:#fff2e4;color:#ce9658}.metric-icon.average{background:#e7f7f0;color:#4d9b7e}.metric-value{display:block;font-size:28px;font-weight:650;letter-spacing:-1px;margin:9px 0 11px}.metric-bottom{align-items:center;color:var(--muted);display:flex;font-size:9px;gap:6px}.metric-bottom svg{color:#83b7a4;height:25px;margin-left:auto;width:60px}.positive{align-items:center;background:#eaf7f1;border-radius:4px;color:#248466;display:inline-flex;font-size:10px;font-weight:600;gap:2px;padding:2px 5px;white-space:nowrap}.positive svg{height:11px;margin:0;width:11px}.overview-middle{grid-gap:23px;display:grid;gap:23px;grid-template-columns:minmax(0,2.2fr) minmax(250px,1fr);margin-bottom:23px}.channels-panel,.revenue-panel{padding:23px}.section-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.channels-panel>p,.section-heading p{font-size:11px;margin-top:4px}.pill{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--muted);display:inline-flex;font-size:9px;font-weight:600;gap:5px;padding:4px 7px;white-space:nowrap}.revenue-summary{align-items:center;display:flex;gap:10px;margin-top:21px}.revenue-summary>strong{font-size:27px;letter-spacing:-.8px}.revenue-summary>.muted{font-size:10px}.chart-legend{color:var(--muted);display:flex;font-size:9px;gap:16px;justify-content:flex-end;margin:3px 0 14px}.chart-legend span{align-items:center;display:flex;gap:5px}.chart-legend i{background:var(--accent);border-radius:50%;height:6px;width:6px}.chart-legend span+span i{background:#b4b7cc}.revenue-chart{display:block;height:auto;width:100%}.channel-donut{background:conic-gradient(#6366f1 0 64%,#a5b4fc 64% 88%,#e0e7ff 88% 100%);border-radius:50%;height:174px;margin:27px auto 20px;padding:22px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:174px}.channel-donut>div{align-items:center;background:var(--surface);border-radius:50%;display:flex;flex-direction:column;gap:2px;height:100%;justify-content:center;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.channel-donut strong{font-size:26px;letter-spacing:-.8px}.channel-donut .muted{font-size:10px}.channel-row{border-bottom:1px solid var(--border);display:flex;font-size:11px;justify-content:space-between;padding:9px 0}.channel-row span{align-items:center;color:var(--muted);display:flex;gap:8px}.channel-row i{border-radius:50%;height:7px;width:7px}.channels-panel>small{display:block;font-size:9px;margin-top:13px}.overview-bottom{grid-gap:23px;display:grid;gap:23px;grid-template-columns:minmax(0,2.2fr) minmax(250px,1fr)}.recent-orders{overflow:hidden}.recent-orders .section-heading{padding:22px}.text-link{align-items:center;color:var(--accent);display:inline-flex;font-size:11px;gap:7px;white-space:nowrap}.table-scroll{overflow-x:auto}table{border-collapse:collapse;font-size:11px;text-align:left;width:100%}th{background:var(--bg);color:var(--muted);font-weight:500;padding:11px 20px}td{border-top:1px solid var(--border);padding:12px 20px;white-space:nowrap}.order-product{align-items:center;display:flex;gap:10px}.order-product img{border-radius:7px;height:34px;object-fit:cover;width:34px}.order-product strong{font-weight:550}.order-product small{color:var(--muted);display:block;font-size:9px}.status-tag{background:#fff4df;border-radius:4px;color:#996f2d;display:inline-block;font-size:9px;padding:3px 7px;text-transform:capitalize}.status-tag.active,.status-tag.complete{background:#eaf7f1;color:#248466}.status-tag.canceled,.status-tag.rejected{background:#fff0f2;color:#bd5869}.workspace-tip{background:#edeaff;border:1px solid #e0dcfa;border-radius:12px;color:#41387e;overflow:hidden;padding:27px;position:relative}.workspace-tip .eyebrow{color:#7b70ab;display:block;font-size:8px;margin:19px 0 12px}.tip-icon{font-size:30px}.workspace-tip h2{font-size:25px;letter-spacing:-.9px;line-height:1.25}.workspace-tip p{color:#7a709f;font-size:12px;line-height:1.9;margin:15px 0 20px;max-width:210px}.workspace-tip a{align-items:center;display:inline-flex;font-size:12px;font-weight:650;gap:8px;position:relative;z-index:1}.tip-decoration{bottom:-65px;font-size:200px;opacity:.06;position:absolute;right:-14px}.workspace-footer{color:var(--muted);display:flex;font-size:10px;gap:12px;justify-content:space-between;padding:22px 34px}.account-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:270px 1fr}.profile-summary{align-self:start;padding:32px;text-align:center}.profile-summary .account-avatar{font-size:26px;height:80px;margin-bottom:17px;width:80px}.profile-summary .pill{margin-top:18px}.account-form{padding:28px}.account-form>p{font-size:12px;margin:6px 0 24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.account-form label,.login-form label{display:flex;flex-direction:column;font-size:12px;font-weight:550;gap:8px}input,textarea{color:inherit}.account-form input,.account-form textarea,.login-form input,.note-form input{background:var(--bg);border:1px solid var(--border);border-radius:7px;font-size:13px;padding:11px 12px;width:100%}.account-form small{color:var(--muted);font-size:10px;font-weight:400}textarea{resize:vertical}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.settings-section{margin-bottom:20px;max-width:880px;padding:27px}.settings-section>p{font-size:12px;margin:6px 0 20px}.theme-options{display:flex;gap:15px;margin:22px 0}.theme-option{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;gap:10px;padding:20px 40px}.theme-option.selected{background:var(--soft);border-color:var(--accent);color:var(--accent)}.swatches{display:flex;gap:12px;margin:15px 0 24px}.swatches button{border-radius:50%;color:#fff;display:grid;height:30px;place-items:center;width:30px}.setting-row{align-items:center;border-top:1px solid var(--border);display:flex;gap:20px;justify-content:space-between;margin-top:20px;padding-top:20px}.setting-row p{font-size:12px;margin-top:5px}.switch{background:#abb0bf;border-radius:15px;flex-shrink:0;height:24px;padding:3px;width:40px}.switch span{background:#fff;border-radius:50%;display:block;height:18px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:18px}.switch.on{background:var(--accent)}.switch.on span{-webkit-transform:translateX(16px);transform:translateX(16px)}.workspace-popover{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 15px 50px #151d3226;max-height:calc(100vh - 100px);max-width:calc(100vw - 24px);overflow-y:auto;padding:23px;position:absolute;right:24px;top:70px;width:370px}.popover-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.workspace-popover>.muted{font-size:12px;margin-bottom:17px}.account-menu{grid-gap:5px;display:grid;gap:5px;margin-top:18px}.account-menu a,.account-menu button{align-items:center;border-radius:6px;display:flex;gap:12px;padding:11px;text-align:left}.account-menu a:hover,.account-menu button:hover{background:var(--soft)}.notification-item{border-top:1px solid var(--border);display:flex;gap:12px;padding:15px 8px}.notification-item>svg{color:var(--accent);flex-shrink:0;font-size:20px;margin-top:4px}.notification-item strong{font-size:12px;font-weight:500}.notification-item p{font-size:11px;margin-top:3px}.notification-item.unread strong{font-weight:700}.workspace-popover .full{margin-top:15px}.notes-list{max-height:300px;overflow:auto}.note{align-items:flex-start;background:var(--bg);border-radius:8px;display:flex;margin:8px 0;padding:12px}.note p{flex:1 1;font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}.note-form{display:flex;gap:8px;margin-top:16px}.empty-state{color:var(--muted);font-size:12px;padding:28px 8px;text-align:center}.empty-state>svg{font-size:24px;margin:0 auto 15px}.empty-state h3{margin-bottom:8px}.empty-state button{margin-top:18px}.cart-item{display:flex;gap:15px;margin:20px 0}.cart-item img{border-radius:8px;height:65px;object-fit:cover;width:65px}.cart-item strong{font-size:13px}.cart-item p{font-size:11px}.quantity{align-items:center;display:flex;gap:15px;margin-top:12px}.quantity button{border:1px solid var(--border);border-radius:3px;padding:4px}.cart-total{border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:20px}.search-results{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 25px #151d321a;left:0;max-height:300px;overflow:auto;padding:8px;position:absolute;top:40px;width:100%}.search-results a{display:block;font-size:12px;padding:8px;text-transform:capitalize}.search-results a:hover{background:var(--soft)}.skip-link{background:var(--accent);color:#fff;left:20px;padding:12px;position:fixed;top:-100px;z-index:100}.skip-link:focus{top:10px}.mobile-close,.sidebar-backdrop{display:none}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#eeecff;color:#302757;display:flex;flex-direction:column;gap:60px;justify-content:space-between;min-height:100vh;overflow:hidden;padding:54px 10%;position:relative}.login-story:after{border:70px solid #ded9f8;border-radius:50%;bottom:-260px;content:"";height:440px;opacity:.5;pointer-events:none;position:absolute;right:-130px;width:440px}.login-story .brand{color:#302757}.login-story .brand>span{font-size:9px;font-weight:500;letter-spacing:2px;margin-left:6px}.login-story h1{font-size:clamp(38px,4.6vw,72px);letter-spacing:-3px;line-height:1.08;margin:22px 0}.login-story p{color:#7a7194;font-size:16px;line-height:1.8;max-width:380px}.login-story .eyebrow{color:#8577a5}.story-stats{display:flex;gap:45px;margin-top:40px}.story-stats strong{font-size:19px}.story-stats span{display:block;margin-top:4px}.login-footnote,.story-stats span{color:#8577a5;font-size:11px}.login-form{align-items:center;background:#fff;display:flex;justify-content:center;padding:45px}.login-form>div{max-width:380px;width:100%}.login-form h2{font-size:28px;letter-spacing:-1px;line-height:1.3;margin:20px 0 10px}.login-form .muted,.login-form>.muted{font-size:13px;line-height:1.8}.login-form form{grid-gap:20px;display:grid;gap:20px;margin:28px 0 12px}.demo-explanation{align-items:flex-start;color:#858b9c;display:flex;font-size:11px;gap:9px;line-height:1.8;margin-top:22px}.demo-explanation svg{flex-shrink:0;margin-top:4px}.form-error{color:#b42340;font-size:12px}.compact .workspace-page{padding-top:20px}.compact .channels-panel,.compact .metric,.compact .revenue-panel{padding:15px}.compact td{padding-bottom:7px;padding-top:7px}.workspace main>div:not(.workspace-page){background:var(--surface)!important;border:1px solid var(--border);border-radius:12px!important;color:var(--text);margin:32px!important;overflow:hidden}.dark .e-grid,.dark .e-grid .e-headercell,.dark .e-grid .e-pager,.dark .e-grid .e-rowcell,.dark .e-kanban,.dark .e-schedule,.dark .e-toolbar{background:var(--surface);border-color:var(--border);color:var(--text)}.dark .e-grid .e-gridcontent,.dark .e-grid .e-gridheader{background:var(--surface);color:var(--text)}.dark .bg-white{background-color:var(--surface)!important}.dark .text-gray-700,.dark .text-gray-900{color:var(--text)}.dark .positive{background:#203d35;color:#8bdec0}@media (min-width:1500px){.workspace-page{padding:40px 50px}.revenue-chart{max-height:320px}.metric{padding:25px}}@media (max-width:1200px){.workspace-page{padding:25px 22px}.page-heading{align-items:flex-start;flex-direction:column}.metric-grid{gap:12px}.metric{padding:15px}.metric-value{font-size:24px}.metric-bottom>span:nth-child(2){display:none}.overview-bottom,.overview-middle{gap:17px;grid-template-columns:minmax(0,1.8fr) minmax(225px,1fr)}.topbar{gap:10px;padding:0 22px}.demo-badge{display:none}.global-search{width:230px}.account-layout{grid-template-columns:210px 1fr}}@media (max-width:900px){.workspace-main.with-sidebar{margin-left:0}.workspace-sidebar{width:242px}.sidebar-backdrop{background:#151b3466;border:0;display:block;inset:0;position:fixed;z-index:49}.mobile-close{display:inline-flex}.workspace h1{font-size:27px}.overview-bottom,.overview-middle{grid-template-columns:minmax(0,2fr) minmax(230px,1fr)}.login-story{padding:40px 10%}.login-form{padding:30px}}@media (max-width:650px){.workspace-page{padding:24px 16px}.topbar{gap:6px;height:66px;padding:0 12px}.topbar-actions{gap:2px}.global-search{flex:1 1;width:auto}.global-search input{font-size:11px}.global-search>svg{display:none}.profile-trigger{margin-left:3px;padding-left:8px}.profile-trigger>span:not(.account-avatar),.profile-trigger>svg,.topbar-spacer{display:none}.topbar .icon-button{width:30px}.metric-grid{gap:12px;grid-template-columns:1fr 1fr}.overview-bottom,.overview-middle{grid-template-columns:1fr}.metric-value{font-size:26px}.page-heading h1{font-size:25px}.heading-actions{justify-content:space-between;width:100%}.channels-panel,.revenue-panel{padding:20px}.channel-donut{margin:22px auto}.chart-legend{justify-content:flex-start;margin-top:17px}.revenue-summary{flex-wrap:wrap;gap:7px}.revenue-summary>strong{font-size:25px}.workspace-footer{flex-direction:column;gap:4px;padding:24px 16px}.account-layout,.form-grid{grid-template-columns:1fr}.account-form{padding:20px}.profile-summary{padding:24px}.settings-section{padding:22px}.theme-option{padding:17px 25px}.workspace-popover{right:12px;top:61px}.workspace main>div:not(.workspace-page){margin:16px!important;padding:16px!important}.login-page{grid-template-columns:1fr}.login-story{gap:35px;min-height:0;padding:28px}.login-story h1{font-size:39px;letter-spacing:-1.5px}.login-story p{font-size:13px}.login-footnote,.story-stats{display:none}.login-form{padding:35px 28px}.login-story .eyebrow{font-size:8px}.login-story .brand{font-size:23px}.login-form h2{font-size:26px}.form-actions{flex-wrap:wrap}.search-results{left:-25px;min-width:190px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.records-pagination,.records-toolbar{align-items:center;display:flex;font-size:12px;gap:15px;justify-content:space-between;padding:18px 22px}.record-search{align-items:center;color:var(--muted);display:flex;gap:9px;max-width:70%;width:300px}.record-search input{background:var(--bg);border:1px solid var(--border);border-radius:7px;min-width:0;padding:9px 12px;width:100%}.records-pagination{border-top:1px solid var(--border)}.records-pagination>div{display:flex;gap:8px}.save-message{color:var(--muted);font-size:12px;padding-top:15px}.dialog-backdrop{align-items:center;background:#11182d80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.record-dialog{max-height:90vh;max-width:100%;overflow-y:auto;padding:25px;width:600px}.record-dialog .account-form{padding:0}.record-dialog select{background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:11px}.record-dialog>p{margin-top:15px}.workspace .e-kanban{border-radius:12px}.workspace .e-kanban .e-card{border-radius:8px}.dark .record-dialog input,.dark .record-dialog select{color:var(--text)}@media (max-width:650px){.records-pagination,.records-toolbar{padding:15px}.records-toolbar{flex-wrap:wrap}.record-search{max-width:100%;width:100%}.records-pagination .secondary{padding:8px}.record-dialog{padding:20px}}.color-studio{padding:25px}.color-preview{border-radius:10px;display:grid;height:140px;place-items:center}.color-preview span{background:#fff;border-radius:7px;box-shadow:0 4px 15px #0002;color:#202437;font-weight:600;padding:9px 15px}.color-controls{display:flex;flex-wrap:wrap;gap:35px;justify-content:center;margin-top:30px}.color-controls h2{margin-bottom:20px!important}.loading-screen{background:#f6f7fb;color:#777e92;display:grid;min-height:100vh;place-items:center}.login-mode{color:var(--muted);font-size:12px;margin:18px 0;text-align:center}.login-mode button{color:var(--accent);font-weight:600}.login-divider{align-items:center;color:var(--muted);display:flex;font-size:10px;gap:12px;margin:24px 0}.login-divider:after,.login-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.password-form{padding:0}