:root{--lp-ink:#040A16;--lp-ease:cubic-bezier(.2,.7,.2,1)}.lp-motion [data-rv]:not(.in),.lp-motion .lp-sec>:not(.in):not([data-rv-skip]){opacity:0;transform:translateY(28px);filter:blur(6px)}.lp-motion [data-rv],.lp-motion .lp-sec>*{transition:opacity .9s var(--lp-ease) var(--d,0ms),transform .9s var(--lp-ease) var(--d,0ms),filter .9s var(--lp-ease) var(--d,0ms)}.lp-motion .lp-stagger>*{opacity:0;transform:translateY(22px)}.lp-motion .lp-stagger.in>*{animation:lp-up .75s var(--lp-ease) forwards}.lp-stagger>:nth-child(2){animation-delay:70ms!important}.lp-stagger>:nth-child(3){animation-delay:.14s!important}.lp-stagger>:nth-child(4){animation-delay:.21s!important}.lp-stagger>:nth-child(5){animation-delay:.28s!important}.lp-stagger>:nth-child(6){animation-delay:.35s!important}.lp-stagger>:nth-child(7){animation-delay:.42s!important}.lp-stagger>:nth-child(8){animation-delay:.49s!important}.lp-stagger>:nth-child(9){animation-delay:.56s!important}.lp-stagger>:nth-child(10){animation-delay:.63s!important}@keyframes lp-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.lp-script{position:relative;display:inline-block;font-family:Caveat,cursive;font-weight:700;letter-spacing:0;color:var(--sky-400);line-height:1;white-space:nowrap}.lp-script-ink{display:inline-block;padding:0 .08em;text-shadow:0 0 28px rgba(56,189,248,.45)}.lp-on-light .lp-script{color:var(--sky-500)}.lp-on-light .lp-script-ink{text-shadow:none}.lp-script-loop{position:absolute;left:70%;top:-35%;width:1.7em;height:1.2em;overflow:visible;pointer-events:none}.lp-script-loop path{stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){.lp-hero .lp-script-ink,.lp-motion .lp-script-ink{clip-path:inset(-40% 100% -40% 0)}.lp-hero .lp-script-loop path,.lp-motion .lp-script-loop path{stroke-dashoffset:1}.lp-hero.in .lp-script-ink,.lp-motion .in .lp-script-ink{animation:lp-write 1.25s cubic-bezier(.6,.05,.3,1) var(--d,0ms) forwards}.lp-hero.in .lp-script-loop path,.lp-motion .in .lp-script-loop path{animation:lp-draw 1.4s ease-out calc(var(--d,0ms) + .9s) forwards}}@keyframes lp-write{to{clip-path:inset(-40% -5% -40% 0)}}@keyframes lp-draw{to{stroke-dashoffset:0}}.lp-sparkle{display:inline-flex;vertical-align:middle;filter:drop-shadow(0 10px 22px rgba(14,165,233,.45))}.lp-sparkle svg{animation:lp-turn 7s linear infinite;transform-style:preserve-3d}@keyframes lp-turn{0%{transform:perspective(300px) rotateY(0) rotate(-8deg)}50%{transform:perspective(300px) rotateY(180deg) rotate(8deg)}to{transform:perspective(300px) rotateY(360deg) rotate(-8deg)}}.lp-hero{position:relative;isolation:isolate;min-height:100svh;background:var(--lp-ink);color:#fff;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:136px 24px 0}.lp-hero:before{content:"";position:absolute;inset:-20% -10% auto;height:80%;z-index:-3;background:radial-gradient(60% 55% at 50% 0%,rgba(14,165,233,.38),rgba(6,182,212,.12) 45%,transparent 75%)}.lp-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 60%,var(--lp-ink) 98%)}.lp-hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:.5}.lp-hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.lp-hero-lines{position:absolute;left:0;right:0;top:150px;height:200px;z-index:-2;background:repeating-linear-gradient(180deg,transparent 0 63px,rgba(148,163,184,.1) 63px 64px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}.lp-hero-pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;border-radius:999px;border:1px solid rgba(125,211,252,.25);background:#0ea5e91a;color:#bae6fd;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lp-hero-pill i{width:7px;height:7px;border-radius:999px;background:var(--sky-400);box-shadow:0 0 #38bdf8b3;animation:lp-ping 2s infinite}@keyframes lp-ping{70%{box-shadow:0 0 0 8px #38bdf800}to{box-shadow:0 0 #38bdf800}}.lp-hero-h{margin:22px 0 0;font-size:clamp(36px,6.4vw,92px);font-weight:600;line-height:1.04;letter-spacing:-.04em}.lp-hero-h .l1{display:block;padding-bottom:.06em}.lp-hero-h .l1>span{background:linear-gradient(180deg,#fff 30%,#94a3b8);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}.lp-hero-h .l2{font-size:.92em;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 .22em;color:#e2e8f0}.lp-hero-h .lp-script{font-size:1.2em;margin:0 .02em}.lp-chip-ico{width:.86em;height:.86em;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--sky-300);border:1px solid rgba(125,211,252,.35);background:radial-gradient(circle,#0ea5e947,#0ea5e90a 70%);box-shadow:0 0 30px #0ea5e959;position:relative}.lp-chip-ico:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;border:1px solid rgba(125,211,252,.18);animation:lp-ring 2.8s ease-out infinite}@keyframes lp-ring{0%{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}.lp-hero-lead{max-width:640px;margin:22px auto 0;font-size:17px;line-height:1.65;color:#94a3b8;text-wrap:pretty}.lp-hero-lead b{color:#fff;font-weight:600}.lp-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}.lp-hero-ticks{display:flex;gap:10px 20px;justify-content:center;flex-wrap:wrap;margin-top:20px;font-size:13.5px;color:#94a3b8}.lp-hero-ticks span{display:flex;align-items:center;gap:6px}@media (prefers-reduced-motion:no-preference){.lp-word{display:inline-block;opacity:0;filter:blur(14px);transform:translateY(.3em);animation:lp-word 1s var(--lp-ease) var(--d,0ms) forwards}.lp-fade-in{opacity:0;transform:translateY(16px);animation:lp-up .9s var(--lp-ease) var(--d,0ms) forwards}}@keyframes lp-word{to{opacity:1;filter:none;transform:none}}.lp-hero--page{min-height:auto;padding-bottom:80px}.lp-hero--page:has(.lp-stage){padding-bottom:0}.lp-hero-h--page{font-size:clamp(34px,5.4vw,76px)}.lp-hero-h--page .l2{font-size:1em}.lp-hero-h--page .lp-script{font-size:1.12em;white-space:normal}.lp-glass{border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff04);color:#fff;transition:border-color .3s,transform .3s var(--lp-ease)}.lp-glass:hover{border-color:#7dd3fc59;transform:translateY(-4px)}.lp-dark-head{font-size:clamp(30px,4vw,52px);font-weight:600;letter-spacing:-.035em;line-height:1.1;margin:0}.lp-shine{position:relative;overflow:hidden;box-shadow:0 0 0 1px #7dd3fc59,0 12px 34px #0ea5e973}.lp-shine:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);animation:lp-shine 3.6s ease-in-out 1.6s infinite}@keyframes lp-shine{0%{left:-60%}45%,to{left:130%}}.lp-stage{position:relative;width:min(1120px,100%);margin-top:64px;perspective:1800px}.lp-stage-tilt{transform-origin:50% 0;transform:rotateX(calc((1 - var(--p,0)) * 26deg)) translateY(calc((1 - var(--p,0)) * 40px)) scale(calc(.9 + var(--p,0) * .1));will-change:transform}.lp-stage .lp-browser{border-color:#7dd3fc40;box-shadow:0 0 0 1px #ffffff0a,0 -20px 80px #0ea5e940,0 40px 100px #0009}.lp-float{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;text-align:left;background:#0f172ab8;border:1px solid rgba(125,211,252,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 40px #0006;color:#fff;white-space:nowrap;animation:lp-bob 6s ease-in-out infinite}.lp-float:nth-of-type(2){animation-delay:-2s}.lp-float:nth-of-type(3){animation-delay:-4s}@keyframes lp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.lp-marquee{position:relative;overflow:hidden;padding:26px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.lp-marquee-track{display:flex;gap:14px;width:max-content;animation:lp-marquee 40s linear infinite}.lp-marquee:hover .lp-marquee-track{animation-play-state:paused}.lp-marquee-item{display:flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#cbd5e1;font-size:14px;font-weight:600;white-space:nowrap}.lp-marquee-item:hover{color:#fff;border-color:#7dd3fc66}@keyframes lp-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.lp-marquee-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}.lp-dark{background:var(--lp-ink);color:#fff}.lp-dark .lp-sub{color:#94a3b8}.lp-gcard{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff04);transition:transform .25s var(--lp-ease),border-color .3s;transform-style:preserve-3d}.lp-gcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(56,189,248,.18),transparent 60%)}.lp-gcard:hover{border-color:#7dd3fc59}.lp-gcard:hover:before{opacity:1}.lp-gcard--hi{border-color:#38bdf859;box-shadow:0 30px 80px #0ea5e926}.lp-panel-wrap{background:var(--lp-ink)}.lp-panel{position:relative;z-index:2;background:#fff;border-radius:48px 48px 0 0;margin-top:-56px;transform-origin:50% 0;transform:translateY(calc((1 - var(--p,1)) * 70px)) scale(calc(.955 + var(--p,1) * .045));box-shadow:0 -30px 80px #02061759}.lp-big{font-size:clamp(40px,6.6vw,96px);font-weight:600;line-height:1.02;letter-spacing:-.045em;margin:0}.lp-big .lp-script{font-size:1.18em}.lp-bars span{transform-origin:bottom;transform:scaleY(var(--s,1))}.lp-motion .lp-bars:not(.in) span{transform:scaleY(0)}.lp-bars span{transition:transform 1s var(--lp-ease)}.lp-bars span:nth-child(n){transition-delay:calc(var(--i,0) * 60ms)}.lp-alur-line{transform-origin:left;transition:transform 1.6s var(--lp-ease) .3s}.lp-motion :not(.in)>.lp-alur-line{transform:scaleX(0)}.lp-step-ico{transition:transform .4s var(--lp-ease)}.lp-step:hover .lp-step-ico{transform:translateY(-6px) rotate(-6deg)}.lp-orbit{position:absolute;top:0;right:0;bottom:0;left:0;animation:sd-spin 60s linear infinite}.lp-orbit>span{animation:sd-spin 60s linear infinite reverse}@media (prefers-reduced-motion:reduce){.lp-orbit,.lp-orbit>span,.lp-float,.lp-sparkle svg,.lp-chip-ico:after,.lp-shine:after,.lp-hero-pill i{animation:none}}.lp-prog{height:2px;border-radius:2px;background:var(--primary-100);overflow:hidden;margin-top:8px}.lp-prog i{display:block;height:100%;background:var(--primary-500);transform-origin:left;animation:lp-prog 6s linear forwards}.lp-prog.paused i{animation-play-state:paused}@keyframes lp-prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lp-swap{animation:lp-swap .6s var(--lp-ease)}@keyframes lp-swap{0%{opacity:0;transform:translateY(10px) scale(.985);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.lp-login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--surface);color:var(--text-primary)}.lp-login .lp-login-art{min-height:100vh;padding:44px 52px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;align-items:stretch;text-align:left}.lp-login-art .lp-hero-h .l1>span{padding-bottom:.04em}.lp-login-mock{position:relative;margin:0 4% 0 8%}.lp-login-form{display:flex;align-items:center;justify-content:center;padding:48px}@media (max-width:1023px){.lp-login{grid-template-columns:minmax(0,1fr)}.lp-login .lp-login-art{min-height:auto;padding:24px 20px 34px;gap:22px}.lp-login-mock,.lp-hide-login-m{display:none}.lp-login-form{padding:28px 20px 40px;align-items:flex-start}}.lp-nav.lp-nav--home{position:fixed;left:0;right:0}.lp-nav-bar{transition:background .35s,border-color .35s,backdrop-filter .35s}.lp-nav--dark .lp-nav-bar{background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.lp-nav--dark .lp-nav-link,.lp-nav--dark .lp-nav-login{color:#cbd5e1}.lp-nav--dark .lp-nav-link:hover{background:#ffffff14;color:#fff}.lp-nav--dark .lp-nav-link.on{background:#0ea5e929;color:#7dd3fc}.lp-nav--dark .lp-nav-tag{color:#64748b!important}.lp-nav--dark .lp-burger{background:#ffffff0f!important;border-color:#ffffff24!important;color:#fff}.lp-nav-login{color:var(--text-primary)}@media (max-width:1023px){.lp-stage{margin-top:48px}.lp-float{display:none}}@media (max-width:767px){.lp-hero{padding:104px 18px 0;min-height:auto}.lp-hero-lines{top:110px;height:130px;background:repeating-linear-gradient(180deg,transparent 0 41px,rgba(148,163,184,.1) 41px 42px)}.lp-hero-lead{font-size:15px}.lp-hero-cta{flex-direction:column;align-items:stretch;width:100%}.lp-hero-ticks{font-size:12.5px}.lp-stage{margin-top:36px}.lp-stage-tilt{transform:rotateX(calc((1 - var(--p,0)) * 14deg)) scale(calc(.95 + var(--p,0) * .05))}.lp-marquee{padding:18px 0}.lp-marquee-item{height:36px;font-size:13px;padding:0 14px}.lp-panel{border-radius:28px 28px 0 0;margin-top:-28px}.lp-script-loop{display:none}}.lp-promo-play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:999px;background:#fffffff2;display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 0 #ffffff73;animation:lp-promo-pulse 2.2s infinite;transition:transform .25s var(--lp-ease)}.lp-promo-thumb:hover .lp-promo-play{transform:scale(1.1)}.lp-promo-thumb img{transition:transform .5s var(--lp-ease),filter .3s}.lp-promo-thumb:hover img{transform:scale(1.04);filter:brightness(1.08)}@keyframes lp-promo-pulse{70%{box-shadow:0 0 0 18px #fff0}to{box-shadow:0 0 #fff0}}@media (prefers-reduced-motion:reduce){.lp-promo-play{animation:none}}:root{--font-sans:"Plus Jakarta Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--fs-display:60px;--fs-h1:24px;--fs-h2:18px;--fs-h3:16px;--fs-body:14px;--fs-table:13px;--fs-small:12px;--fs-eyebrow:11px;--fs-stat:30px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.15;--lh-snug:1.3;--lh-body:1.55;--ls-eyebrow:.06em}:root{--sky-50:#F0F9FF;--sky-100:#E0F2FE;--sky-200:#BAE6FD;--sky-300:#7DD3FC;--sky-400:#38BDF8;--sky-500:#0EA5E9;--sky-600:#0284C7;--sky-700:#0369A1;--sky-800:#075985;--sky-900:#0C4A6E;--slate-50:#F8FAFC;--slate-100:#F1F5F9;--slate-200:#E2E8F0;--slate-300:#CBD5E1;--slate-400:#94A3B8;--slate-500:#64748B;--slate-600:#475569;--slate-700:#334155;--slate-800:#1E293B;--slate-900:#0F172A;--primary-50:var(--sky-50);--primary-100:var(--sky-100);--primary-200:var(--sky-200);--primary-300:var(--sky-300);--primary-400:var(--sky-400);--primary-500:var(--sky-500);--primary-600:var(--sky-600);--primary-700:var(--sky-700);--primary-800:var(--sky-800);--primary-900:var(--sky-900);--success-500:#10B981;--success-600:#059669;--success-50:#ECFDF5;--success-700:#047857;--warning-500:#F59E0B;--warning-50:#FFFBEB;--warning-700:#B45309;--orange-500:#F97316;--orange-600:#EA580C;--danger-500:#EF4444;--danger-600:#DC2626;--danger-50:#FEF2F2;--danger-700:#B91C1C;--info-500:#0EA5E9;--info-50:#F0F9FF;--neutral-500:#64748B;--neutral-50:#F1F5F9;--violet-600:#7C3AED;--violet-500:#A855F7;--violet-50:#F5F3FF;--violet-700:#6D28D9;--whatsapp:#22C55E;--bg-app:#F8FAFC;--surface:#FFFFFF;--surface-sunken:#F1F5F9;--border:#E2E8F0;--border-strong:#CBD5E1;--text-primary:#0F172A;--text-secondary:#64748B;--text-muted:#94A3B8;--text-on-primary:#FFFFFF;--navy-hero:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);--grad-navy:var(--navy-hero);--grad-perencanaan:linear-gradient(135deg,#06B6D4,#0891B2);--grad-produksi:linear-gradient(135deg,#F59E0B,#EA580C);--grad-distribusi:linear-gradient(135deg,#0EA5E9,#2563EB);--grad-keuangan:linear-gradient(135deg,#10B981,#0D9488);--grad-inventori:linear-gradient(135deg,#A855F7,#EC4899);--grad-procurement:linear-gradient(135deg,#6366F1,#8B5CF6);--grad-sdm:linear-gradient(135deg,#E11D48,#C026D3);--grad-haccp:linear-gradient(135deg,#F43F5E,#DC2626);--grad-operasional:linear-gradient(135deg,#F97316,#EA580C);--grad-master:linear-gradient(135deg,#E11D48,#DB2777);--grad-ai:linear-gradient(135deg,#7C3AED,#A855F7);--grad-primary-text:linear-gradient(90deg,#0EA5E9,#06B6D4);--data-ir:#2563EB;--data-ir-bg:#EFF6FF;--data-it:#EA580C;--data-it-bg:#FFF7ED;--data-khusus:#E11D48;--data-khusus-bg:#FFF1F2;--data-reguler:#059669;--menu-karbo:#A8A29E;--menu-hewani:#DC2626;--menu-nabati:#F97316;--menu-sayur:#16A34A;--menu-buah:#E11D48;--bahan-fresh:#16A34A;--bahan-semi:#EAB308;--bahan-dry:#F97316;--bahan-frozen:#38BDF8;--extra-1:#7C3AED;--extra-2:#0D9488;--extra-3:#CA8A04}[data-theme=dark]{--bg-app:#0B1120;--surface:#111827;--surface-sunken:#0F172A;--border:#1F2937;--border-strong:#334155;--text-primary:#F1F5F9;--text-secondary:#94A3B8;--text-muted:#64748B;--primary-50:rgba(14,165,233,.12);--primary-100:rgba(14,165,233,.18);--primary-700:#7DD3FC;--success-50:rgba(16,185,129,.12);--warning-50:rgba(245,158,11,.12);--danger-50:rgba(239,68,68,.12);--info-50:rgba(14,165,233,.12);--neutral-50:rgba(148,163,184,.12);--violet-50:rgba(168,85,247,.14);--data-ir-bg:rgba(37,99,235,.15);--data-it-bg:rgba(234,88,12,.15);--data-khusus-bg:rgba(225,29,72,.15);--success-700:#34D399;--warning-700:#FBBF24;--danger-700:#F87171;--violet-700:#C4B5FD}[data-accent=hijau]{--primary-50:#ECFDF5;--primary-100:#D1FAE5;--primary-500:#10B981;--primary-600:#059669;--primary-700:#047857}[data-accent=ungu]{--primary-50:#F5F3FF;--primary-100:#EDE9FE;--primary-500:#8B5CF6;--primary-600:#7C3AED;--primary-700:#6D28D9}[data-accent=oranye]{--primary-50:#FFF7ED;--primary-100:#FFEDD5;--primary-500:#F97316;--primary-600:#EA580C;--primary-700:#C2410C}[data-accent=pink]{--primary-50:#FDF2F8;--primary-100:#FCE7F3;--primary-500:#EC4899;--primary-600:#DB2777;--primary-700:#BE185D}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--gutter:24px;--content-pad:28px;--sidebar-w:248px;--sidebar-w-collapsed:72px;--topbar-h:64px;--drawer-w:400px;--radius-card:16px;--radius-btn:10px;--radius-input:10px;--radius-modal:20px;--radius-landing-card:20px;--radius-cta:12px;--radius-pill:999px;--shadow-card:0 1px 2px rgba(15,23,42,.04);--shadow-hover:0 8px 24px rgba(15,23,42,.08);--shadow-modal:0 20px 50px rgba(15,23,42,.18);--shadow-drawer:-12px 0 40px rgba(15,23,42,.14);--ring-focus:0 0 0 3px rgba(14,165,233,.22);--ease:cubic-bezier(.2,.7,.2,1);--dur-fast:.12s;--dur:.2s}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased}a{color:var(--primary-600);text-decoration:none;cursor:pointer}a:hover{color:var(--primary-700);text-decoration:underline}button{font-family:inherit}input,select,textarea{font-family:inherit;color:inherit}.sd-eyebrow{font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted)}.sd-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sd-tnum{font-variant-numeric:tabular-nums}[data-theme=dark]{--slate-200-surface:#1F2937;color-scheme:dark}:root{--archive-bg:var(--slate-200);--archive-fg:var(--slate-500)}[data-theme=dark]{--archive-bg:#1E293B;--archive-fg:#64748B}.sd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;font-weight:600;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast),filter var(--dur-fast),transform var(--dur-fast);line-height:1}.sd-btn:focus-visible{outline:none;box-shadow:var(--ring-focus)}.sd-btn:active:not(:disabled){transform:scale(.98)}.sd-btn:disabled{opacity:.5;cursor:not-allowed}.sd-btn--sm{height:32px;padding:0 12px;font-size:12.5px;border-radius:var(--radius-btn)}.sd-btn--md{height:40px;padding:0 16px;font-size:14px;border-radius:var(--radius-btn)}.sd-btn--lg{height:52px;padding:0 24px;font-size:15px;border-radius:var(--radius-cta)}.sd-btn--primary{background:var(--primary-500);color:#fff}.sd-btn--primary:hover:not(:disabled){background:var(--primary-600)}.sd-btn--primary:active:not(:disabled){background:var(--primary-700)}.sd-btn--success{background:var(--success-600);color:#fff}.sd-btn--success:hover:not(:disabled){background:var(--success-700)}.sd-btn--ai{background:var(--grad-ai);color:#fff}.sd-btn--ai:hover:not(:disabled){filter:brightness(1.08)}.sd-btn--warning{background:var(--orange-500);color:#fff}.sd-btn--warning:hover:not(:disabled){background:var(--orange-600)}.sd-btn--danger{background:var(--danger-500);color:#fff}.sd-btn--danger:hover:not(:disabled){background:var(--danger-600)}.sd-btn--secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.sd-btn--secondary:hover:not(:disabled){background:var(--bg-app)}.sd-btn--ghost{background:transparent;color:var(--text-secondary)}.sd-btn--ghost:hover:not(:disabled){background:var(--surface-sunken)}.sd-btn--white{background:#fff;color:#0f172a}.sd-btn--white:hover:not(:disabled){background:#f1f5f9}.sd-btn--glass{background:#ffffff2e;border-color:#ffffff4d;color:#fff}.sd-btn--glass:hover:not(:disabled){background:#ffffff42}.sd-btn--whatsapp{background:var(--whatsapp);color:#fff}.sd-btn--whatsapp:hover:not(:disabled){background:#16a34a}.sd-btn--dark{background:#0f172a;color:#fff}.sd-btn--dark:hover:not(:disabled){background:#1e293b}.sd-iconbtn{position:relative;border-radius:999px;border:none;background:var(--surface-sunken);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.sd-iconbtn:hover{background:var(--border)}.sd-iconbtn--clear{background:transparent}.sd-ro{position:relative;display:inline-flex}.sd-ro[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0f172a;color:#fff;font-size:12px;font-weight:500;padding:6px 10px;border-radius:8px;white-space:nowrap;z-index:60;pointer-events:none}.sd-field{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:0}.sd-field__label{font-weight:600;color:var(--text-primary)}.sd-field__hint{font-size:12px;color:var(--text-muted)}.sd-field__error{font-size:12px;color:var(--danger-600)}.sd-input{display:flex;align-items:center;height:40px;border-radius:var(--radius-input);background:var(--surface);border:1px solid var(--border);overflow:hidden;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.sd-input:focus-within{border-color:var(--primary-500);box-shadow:var(--ring-focus)}.sd-input--error{border-color:var(--danger-500)}.sd-input input,.sd-input select,.sd-input textarea{flex:1;min-width:0;width:0;height:100%;border:none;outline:none;padding:0 12px;background:transparent;color:var(--text-primary);font:400 14px var(--font-sans)}.sd-input input.mono{font-family:var(--font-mono);text-align:right}.sd-input input:disabled,.sd-input select:disabled{color:var(--text-secondary);cursor:not-allowed}.sd-input__affix{padding:0 10px;height:100%;display:flex;align-items:center;background:var(--surface-sunken);color:var(--text-secondary);font-weight:600;border-right:1px solid var(--border)}.sd-input__suffix{padding:0 12px;color:var(--text-secondary);font-weight:600;background:none;border:none;cursor:pointer;font-size:13px}.sd-input--area{height:auto}.sd-input--area textarea{padding:10px 12px;resize:vertical;min-height:56px;font-size:13px;line-height:1.5}.sd-input--sm{height:34px}.sd-input--sm input,.sd-input--sm select{font-size:13px}select.sd-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px!important}.sd-cell-input{width:100%;height:100%;border:none;background:transparent;text-align:center;font:inherit;color:inherit;outline:none;padding:0}.sd-cell-input:focus{background:var(--surface);box-shadow:inset 0 0 0 2px var(--primary-500)}.sd-cell-input::-webkit-outer-spin-button,.sd-cell-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sd-row:hover{background:var(--bg-app)}.sd-click{cursor:pointer}.sd-hover-lift{transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.sd-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.sd-nav-link{transition:background var(--dur-fast),color var(--dur-fast)}.sd-nav-link:hover{background:var(--surface-sunken);color:var(--text-primary)!important;text-decoration:none}.sd-link-plain,.sd-link-plain:hover{text-decoration:none;color:inherit}.sd-tab{transition:background var(--dur-fast),color var(--dur-fast)}.sd-tab:hover{color:var(--text-primary)!important}.sd-chip-btn{cursor:pointer;border:none;font-family:inherit}.sd-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.sd-scroll::-webkit-scrollbar{width:8px;height:8px}.sd-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}@keyframes sd-fade{0%{opacity:0}to{opacity:1}}@keyframes sd-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes sd-slide-in{0%{transform:translate(100%)}to{transform:none}}@keyframes sd-spin{to{transform:rotate(360deg)}}@keyframes sd-pulse{0%,to{opacity:1}50%{opacity:.45}}.sd-anim-fade{animation:sd-fade var(--dur) var(--ease)}.sd-anim-pop{animation:sd-pop var(--dur) var(--ease)}.sd-anim-drawer{animation:sd-slide-in var(--dur) var(--ease)}.sd-spin{animation:sd-spin .8s linear infinite}.sd-skeleton{background:var(--surface-sunken);border-radius:10px;animation:sd-pulse 1.4s ease-in-out infinite}@media (max-width:1279px){.sd-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sd-grid-8{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (max-width:1023px){.sd-grid-5,.sd-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sd-grid-2{grid-template-columns:minmax(0,1fr)!important}.sd-hide-md{display:none!important}}@media print{body{background:#fff}.sd-no-print{display:none!important}.sd-print-only{display:block!important}.sd-main{padding:0!important;overflow:visible!important}.sd-print-area{background:#fff!important;padding:0!important;border-radius:0!important}.sd-print-area>div{box-shadow:none!important;padding:0!important}.sd-shell{display:block!important;height:auto!important}}.sd-print-only{display:none}@media print{@page{size:A4;margin:12mm}body.sd-printing>*:not(.sd-print-sheet){display:none!important}body.sd-printing .sd-print-sheet{position:static!important;inset:auto!important;background:#fff!important;padding:0!important;overflow:visible!important;display:block!important}body.sd-printing .sd-paper{box-shadow:none!important;width:auto!important;min-height:0!important;padding:0!important;margin:0!important}body.sd-printing .sd-paper-break{break-after:page}}.sd-link{border:none;background:none;padding:0;color:var(--primary-600);font:inherit;font-weight:600;cursor:pointer}.sd-link:hover{color:var(--primary-700);text-decoration:underline}
