@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
.employee-login{margin:5vh auto}.employee-login h1,.employee-login .passcode-note{text-align:center}.passcode-note{color:#708175;font-size:14px;margin:0 auto 4px;max-width:350px}.login-error{text-align:center}@media(max-width:720px){.employee-login{margin:3vh auto}}@media(min-width:1000px){.employee-login{max-width:500px}}
:root{--ink:#153c31;--cream:#f8f7f1;--line:#dde1d4;--lime:#d5ef6b;--coral:#ff776d}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}.shell{min-height:100svh;max-width:1440px;margin:auto;padding:28px 54px 120px;position:relative}header{height:55px;display:flex;align-items:start;justify-content:space-between}.wordmark{font-weight:800;font-size:17px;letter-spacing:-1.2px;line-height:.8;text-align:center}.wordmark i{font-family:'Playfair Display',serif;font-weight:500}.wordmark small{display:block;letter-spacing:2.3px;font:9px 'DM Mono';margin-top:9px}.back,.gear{background:none;font-weight:700;font-size:14px;padding:8px 0}.back[hidden]{visibility:hidden}.gear{font-size:20px;color:#769685}.intro{margin:7vh auto 34px;max-width:670px;text-align:center}.eyebrow{font:11px 'DM Mono';letter-spacing:1.9px;color:#6e8272;margin:0 0 18px}.intro h1,.center-step h1,.prospect-wrap h1,.review h1,.admin h1,.dash-title h1{font-size:clamp(37px,4vw,62px);letter-spacing:-3.5px;line-height:1.04;margin:0;font-weight:800}.intro p:not(.eyebrow),.center-step>p:not(.eyebrow),.prospect-wrap>p:not(.eyebrow),.review>p:not(.eyebrow){color:#708175;font-size:15px}.people{max-width:950px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.person{height:105px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;padding:20px 25px;text-align:left;gap:18px;transition:.16s}.person:hover,.person:active{border-color:var(--ink);transform:translateY(-2px)}.person b{display:grid;place-items:center;background:#e2f0c0;border-radius:50%;width:51px;height:51px;font:20px 'Playfair Display'}.person span{font-size:21px;font-weight:700}.person i{margin-left:auto;font-style:normal;font-size:25px;color:#87a38b}.connection{text-align:center;margin:30px;font:11px 'DM Mono';color:#80a489}.offline{color:#d86354}.product-intro{margin:22px 0 24px;text-align:left;max-width:none}.product-intro h1{font-size:clamp(34px,4vw,52px)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:90px}.product{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0;transition:.15s}.product.selected{border:2px solid var(--ink);box-shadow:0 8px 20px #183b2714}.photo{height:192px;background:#f0f1e9;display:grid;place-items:center;overflow:hidden}.photo img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.bottle{height:160px;width:77px;border-radius:13px 13px 21px 21px;background:var(--product);box-shadow:inset -9px 0 #0000000e,0 10px 18px #0002;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#173c31;position:relative}.bottle:before{content:'';position:absolute;width:42px;height:19px;background:#143b31;top:-12px;border-radius:4px 4px 2px 2px}.bottle span{font:7px 'DM Mono';letter-spacing:.5px}.bottle b{font-size:11px;writing-mode:vertical-rl;transform:rotate(180deg);margin-top:7px}.product-bottom{padding:12px;display:flex;justify-content:space-between;align-items:end;gap:4px}.product-bottom small{color:#829184;font:9px 'DM Mono';white-space:nowrap}.product h2{font-size:15px;margin:5px 0 1px;letter-spacing:-.6px}.stepper{display:flex;align-items:center;gap:7px}.stepper button{border-radius:50%;width:31px;height:31px;background:#edf1e7;font-size:20px;line-height:1}.stepper b{width:11px;text-align:center;font-size:14px}.continue,.confirm{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);width:min(610px,calc(100% - 40px));height:67px;border-radius:12px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 25px;font:12px 'DM Mono';letter-spacing:1.2px;z-index:2;box-shadow:0 10px 28px #153c3133}.continue[disabled]{background:#ccd2c9;color:#7f8a80;pointer-events:none}.continue b{font-family:Manrope;font-size:14px;letter-spacing:0}.center-step{text-align:center;max-width:850px;margin:12vh auto}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:43px}.purpose{height:260px;border-radius:17px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:.15s}.purpose:first-child{background:#dff3a1}.purpose:hover{transform:translateY(-3px);box-shadow:0 12px 25px #1234}.purpose i{font-style:normal;font-size:48px}.purpose b{font-size:21px;letter-spacing:-1px}.purpose span{font-size:12px;color:#66806e}.prospect-wrap,.review{max-width:720px;margin:10vh auto}.prospects{margin:35px 0 13px;display:grid;gap:10px}.prospect-row{height:67px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:0 14px;gap:12px}.prospect-row span{font:11px 'DM Mono';color:#7c8a7e}.prospect-row input{border:0;outline:0;width:100%;font-size:17px;background:transparent}.prospect-row button{background:none;font-size:24px;color:#718176}.add-prospect{background:none;color:#597660;font:12px 'DM Mono';letter-spacing:1px;margin:4px 0}.receipt{background:#fff;border:1px solid var(--line);border-radius:15px;margin:30px 0;padding:26px}.receipt-head,.receipt-total{display:flex;justify-content:space-between;align-items:center}.receipt-head b{font-size:22px}.receipt-head span{font:10px 'DM Mono';color:#779079}.receipt-prospects{padding:18px 0;border-bottom:1px solid var(--line);display:grid;gap:5px;font-size:13px}.receipt ul{list-style:none;padding:10px 0;margin:0;border-bottom:1px solid var(--line)}.receipt li{display:flex;justify-content:space-between;padding:8px 0}.receipt-total{padding-top:18px;font-weight:700}.confirm{justify-content:center;font-weight:800;font-size:15px;letter-spacing:1px}.edit{display:block;margin:0 auto;background:none;color:#6b7d6e;font-size:13px}.success{min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.check{width:110px;height:110px;border-radius:50%;background:#d8f184;display:grid;place-items:center;font-size:60px;margin-bottom:27px;animation:pop .35s ease-out}.success h1{font-size:clamp(42px,5vw,70px);letter-spacing:-4px;line-height:1;margin:0}.success p:last-child{color:#728275}@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.admin{max-width:430px;margin:12vh auto}.admin-top,.dashbar{display:flex;justify-content:space-between;align-items:start}.admin-top button,.dashbar button{background:#e9ece4;border-radius:7px;padding:8px 13px}.admin h1{margin:35px 0 22px;font-size:42px}.dots{letter-spacing:11px;color:#2e5748;margin:20px 0}.admin input{display:block;width:100%;font-size:26px;letter-spacing:8px;padding:17px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:none}.admin .confirm{position:static;transform:none;width:100%;margin-top:17px}.login-error{font-size:13px;color:#c75248}.dashboard{max-width:1180px;margin:0 auto}.dash-title{margin:70px 0 35px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpis article{min-height:185px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column}.kpis small{font:10px 'DM Mono';letter-spacing:1.4px;color:#718178}.kpis b{font-size:48px;letter-spacing:-3px;margin-top:24px}.kpis span{font-size:12px;color:#738478;margin-top:auto}.kpis .top-product{background:#dff3a1}.top-product b{font-size:28px;letter-spacing:-1px}.admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.admin-nav button{background:#e7ebe2;border-radius:30px;padding:13px 18px;font-weight:700;font-size:13px}@media(max-width:720px){.shell{padding:18px 20px 100px}.intro{margin:6vh auto 28px}.people{grid-template-columns:1fr}.person{height:84px}.product-grid{grid-template-columns:repeat(2,1fr);gap:9px}.photo{height:150px}.product-bottom{padding:9px}.stepper{gap:3px}.stepper button{width:28px;height:28px}.purpose-grid{gap:10px}.purpose{height:205px}.kpis{grid-template-columns:1fr 1fr}.dash-title{margin:50px 0 25px}.prospect-wrap,.review{margin:7vh auto}.back span{display:none}}@media(min-width:1000px){.product-grid{grid-template-columns:repeat(5,1fr)}.photo{height:210px}}