@layer components{@apply flex min-w-0 flex-col gap-6;@apply flex min-w-0 flex-wrap items-center gap-3 rounded-2xl border bg-white p-4 shadow-sm;@apply flex flex-wrap items-center justify-end gap-3 rounded-2xl border bg-white p-4 shadow-sm;@apply bg-brand-50/70;@apply bg-brand-100 text-brand-700;@apply bg-teal-50/70;@apply bg-teal-100 text-teal-700;@apply bg-rose-50/70;@apply bg-rose-100 text-rose-700;@apply bg-amber-50/70;@apply bg-amber-100 text-amber-700;@apply text-2xl font-semibold sm:text-3xl;@apply rounded-2xl shadow-sm;@apply min-h-10;@apply rounded-lg bg-white px-3 text-sm;.reference-workspace input[type=checkbox],.reference-workspace input[type=radio]{accent-color:hsl(var(--primary))}@apply focus-visible:ring-primary;@apply min-w-0 rounded-2xl border-white bg-white ring-1 ring-border shadow-sm;@apply bg-brand-50;@apply bg-teal-50;@apply bg-rose-50;@apply bg-amber-50;@apply border-4 border-white ring-1 ring-border/40;@apply bg-brand-100 text-brand-700;@apply bg-rose-100 text-rose-700;@apply bg-teal-100 text-teal-700;@apply bg-amber-100 text-amber-700;@apply flex items-start gap-4 p-4;@apply flex size-16 shrink-0 items-center justify-center rounded-full;@apply bg-brand-100 text-brand-700;@apply bg-rose-100 text-rose-700;@apply bg-teal-100 text-teal-700;@apply bg-amber-100 text-amber-700;@apply text-lg font-semibold;@apply flex min-h-56 flex-col items-center justify-center gap-3 rounded-xl bg-brand-50/60 px-5 text-center text-sm text-muted-foreground;@apply bg-rose-50/70;@apply bg-teal-50/70;@apply bg-amber-50/70;@apply p-5;.reference-dashboard-today{order:1}.reference-dashboard-chart{order:2}.reference-dashboard-rankings{order:3}.reference-integration-group:has([aria-expanded=true]){grid-column:1/-1}@apply text-lg font-semibold text-foreground;.reference-dashboard-month-heading{order:4}.reference-dashboard-month{order:5}.reference-dashboard-followup{order:6}@apply bg-muted/40 text-xs font-medium text-muted-foreground;@apply py-3;@apply bg-brand-50/60;@apply border-r border-white/15 bg-[#1e1e3a] text-white;@apply outline-none ring-2 ring-inset ring-white;@apply min-w-0 space-y-3 rounded-2xl border bg-brand-50/40 p-5 shadow-sm;@apply p-0 text-lg font-semibold text-foreground;@apply mt-2 shadow-none;@apply min-h-10;@apply bg-brand-600 text-white shadow-none;@apply grid min-w-0 grid-cols-1 items-start gap-4;@apply order-1 grid min-w-0 grid-cols-1 gap-4;@apply order-2 min-w-0 rounded-2xl border bg-white shadow-sm;@apply order-3 min-w-0;@apply w-full;@apply min-w-0 flex-1;@apply w-full;@apply grid grid-cols-2 gap-2;@apply flex min-w-0 flex-col items-start gap-3 rounded-xl border bg-white p-3 text-left hover:border-primary hover:bg-brand-50 focus-visible:ring-2 focus-visible:ring-primary;@apply flex h-16 w-full items-center justify-center rounded-lg bg-brand-50 text-primary;@media (width>=1024px){.reference-pos{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reference-pos-catalog{grid-area:1/1/span 2}.reference-pos-sale{grid-area:1/2}.reference-pos-payment{grid-area:2/2}}@media (width>=1440px){.reference-pos{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(300px,.9fr)}.reference-pos-catalog{grid-area:1/1}.reference-pos-sale{grid-area:1/2}.reference-pos-payment{grid-area:1/3;position:sticky;top:0}}@media (width>=1920px){@apply grid-cols-3;}@media (pointer:coarse){.reference-workspace button,.reference-sidebar nav a,.reference-sidebar nav button{min-height:44px}}.card-elevated{box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}.card-elevated:hover{box-shadow:var(--shadow-md)}.transition-base{transition:color .15s,background-color .15s,border-color .15s,opacity .15s}}@tailwind base;@tailwind components;@tailwind utilities;@layer utilities{.h-app{height:var(--app-height,100vh);height:100dvh}.min-h-app{min-height:var(--app-height,100vh);min-height:100dvh}.pb-safe{padding-bottom:calc(.375rem + env(safe-area-inset-bottom,0px))}.pt-safe{padding-top:env(safe-area-inset-top,0px)}.px-safe{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}}@layer base{:root{--background:30 20% 98%;--foreground:222 47% 8%;--card:0 0% 100%;--card-foreground:222 47% 8%;--border:220 20% 91%;--input:220 20% 91%;--primary:275 35% 52%;--primary-foreground:0 0% 100%;--secondary:178 30% 94%;--secondary-foreground:222 47% 11%;--muted:220 16% 96%;--muted-foreground:215 16% 47%;--accent:178 46% 54%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--ring:275 35% 52%;--radius:.625rem;--popover:0 0% 100%;--popover-foreground:222 47% 8%;--shadow-sm:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000a;--shadow:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-md:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-lg:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a}@apply border-border;html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}@apply bg-background text-foreground;body{font-feature-settings:"rlig" 1, "calt" 1, "cv11" 1;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:700;line-height:1.25}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8ceda;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#a3adc2}:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}button,[role=button],[role=tab],label[for],select,a{cursor:pointer}}.login-reference{--login-ink:#191340;--login-muted:#655b94;--login-lilac:#d9c4fc;isolation:isolate;min-height:100dvh;padding:max(2.5rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(3rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));color:var(--login-ink);background:radial-gradient(at 52% 65%,#372957 0%,#1e1e3a 55%,#101126 100%);place-items:center;display:grid;position:relative;overflow:clip}.login-reference__scenery{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.login-reference__curve,.login-reference__petal{background:linear-gradient(145deg,#8b5cae99,#34264c22 70%);border:1px solid #ad73df66;display:block;position:absolute;box-shadow:inset 0 1px 10px #d494ff44}.login-reference__curve--top{border-radius:50%;width:65%;height:60%;top:-38%;left:-33%;transform:rotate(-25deg)}.login-reference__curve--right{background:linear-gradient(90deg,#8b5cae22,#34264c55);border-color:#ad73df33;border-radius:50% 0 0 50%;width:18%;height:160%;top:-30%;right:-12%;transform:rotate(24deg);box-shadow:-2px 0 12px #b87dec22}.login-reference__petal{border-radius:100% 0;width:32rem;height:16rem;bottom:-9rem;left:-9rem;transform:rotate(-28deg)}.login-reference__petal--two{bottom:-11rem;left:0;transform:rotate(5deg)}.login-reference__petal--three{bottom:-13rem;left:-11rem;transform:rotate(-48deg)}.login-reference__content{width:min(100%,35rem)}.login-reference__brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.login-reference__logo{width:min(78%,22rem);height:auto}.login-reference__tagline{color:#ddd9f3;align-items:center;gap:1rem;width:100%;margin-top:1rem;font-size:1rem;line-height:1.5;display:flex}.login-reference__tagline:before,.login-reference__tagline:after{content:"";background:#bdb1d4;flex:1;min-width:1rem;height:1px}.login-reference__signature{color:#d89cec;margin:1rem 0 0;font-size:2.25rem;font-style:italic;line-height:1.1;transform:rotate(-8deg)}.login-reference__signature span{align-items:center;gap:.5rem;padding-left:2.5rem;font-size:1.4rem;display:flex}.login-reference__signature svg{stroke-width:1.5px;width:1.25rem;height:1.25rem}.login-reference__card{background:linear-gradient(145deg,#fff 0%,#f7f3ff 55%,#f2edfc 100%);border:1px solid #e4caff;border-radius:1.5rem;padding:2.5rem 2.25rem 1.75rem;box-shadow:0 0 22px #b46df44d,0 24px 60px #08051c55}.login-reference__heading{text-align:center;margin-bottom:1.75rem}.login-reference__heading h1{font-size:1.875rem;font-weight:700}.login-reference__heading p{color:var(--login-muted);margin-top:.5rem;font-size:1rem}.login-reference__form{flex-direction:column;gap:1.25rem;display:flex}.login-reference__field{flex-direction:column;gap:.5rem;min-width:0;display:flex}.login-reference__field>label{color:var(--login-ink);padding-left:.875rem;font-size:.9375rem}.login-reference__input-wrap{position:relative}.login-reference .login-reference__input{border:1px solid var(--login-lilac);width:100%;height:3.75rem;color:var(--login-ink);background:linear-gradient(125deg,#f7f3ff,#ede7fc);border-radius:1.25rem;padding-left:4.25rem;padding-right:1rem;font-size:1rem;box-shadow:inset 0 0 0 2px #ffffffa6,0 6px 18px #9264ca1a}.login-reference__input::placeholder{color:var(--login-muted);opacity:1}.login-reference__field-icon{z-index:10;color:#69439d;pointer-events:none;background:#e4d4fc;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;display:grid;position:absolute;top:.625rem;left:.875rem}.login-reference__field-icon svg{stroke-width:1.8px;width:1.375rem;height:1.375rem}.login-reference .login-reference__password input{padding-right:3.5rem}.login-reference__password button{width:3rem;color:var(--login-muted);border-radius:1rem;right:.375rem}.login-reference__password button svg{width:1.375rem;height:1.375rem}.login-reference .login-reference__mfa{padding-left:1rem}.login-reference__remember{cursor:pointer;align-self:flex-start;align-items:center;gap:.75rem;min-height:2.75rem;font-size:.9375rem;display:inline-flex}.login-reference__checkbox{place-items:center;width:1.5rem;height:1.5rem;display:grid;position:relative}.login-reference__checkbox input{appearance:none;cursor:pointer;background:#f4ecff;border:1px solid #9e76ce;border-radius:.5rem;width:100%;height:100%;margin:0}.login-reference__checkbox input:checked{background:linear-gradient(145deg,#a35ce5,#6932ad)}.login-reference__checkbox svg{pointer-events:none;color:#fff;opacity:0;stroke-width:3px;width:1rem;height:1rem;position:absolute}.login-reference__checkbox input:checked+svg{opacity:1}.login-reference .login-reference__submit{color:#fff;background:linear-gradient(110deg,#7040a7,#9556d0);border:1px solid #e9ceff;border-radius:1.5rem;gap:1rem;width:100%;height:3.5rem;font-size:1.125rem;font-weight:600;box-shadow:inset 0 1px 2px #ffffff80,0 8px 24px #8b5cae55}.login-reference__submit:hover:not(:disabled){background:linear-gradient(110deg,#613491,#8347bd)}.login-reference__legal{color:var(--login-muted);text-align:center;border-top:1px solid #d9ceea;margin-top:2rem;padding-top:1.25rem;font-size:.75rem}.login-reference__motto{color:#cbb1e7;text-transform:uppercase;font-size:.75rem;font-style:italic;line-height:1.8;position:absolute;bottom:2rem;right:4%}.login-reference__motto:after{content:"";background:currentColor;width:2.5rem;height:1px;margin-top:.75rem;display:block}.login-reference :focus-visible{outline-offset:3px;outline:3px solid #8152b3}@media (width<=640px){.login-reference{padding-top:max(2rem, env(safe-area-inset-top));padding-bottom:max(2rem, env(safe-area-inset-bottom))}.login-reference__card{padding:1.75rem 1.25rem 1.5rem}.login-reference__heading h1{font-size:1.5rem}.login-reference__heading p,.login-reference__tagline{font-size:.875rem}.login-reference__tagline{gap:.5rem}.login-reference__signature{font-size:2rem}.login-reference__signature span{font-size:1.25rem}.login-reference__motto{display:none}.login-reference__legal{font-size:.6875rem}}@media (forced-colors:active){.login-reference__checkbox input{appearance:auto}.login-reference__checkbox svg{display:none}}