.sna-login-page,.sna-login-page *{box-sizing:border-box}.sna-login-page{--login-primary: #19b253;--login-primary-dark: #0f7a39;--login-deep: #0a2d20;--login-text: #183729;--login-muted: #718078;--login-border: #d8e6dd;width:100%;height:100vh;min-height:680px;display:grid;grid-template-columns:minmax(420px,1fr) minmax(520px,1fr);overflow:hidden;background:#f7fbf8;color:var(--login-text);font-family:Inter,Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sna-login-page>.sna-welcome-panel{position:relative;inset:auto;z-index:1;width:100%;height:100vh;min-height:680px;padding:0;display:block;overflow:hidden;color:#fff;background:radial-gradient(circle at 88% 8%,rgba(89,224,139,.2),transparent 28%),linear-gradient(145deg,#17623d,#0f4b30 48%,#08271a)}.sna-pattern{position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 8px,rgba(255,255,255,.55) 9px)}.sna-floating-leaves{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.sna-leaf{--leaf-x: 24px;--leaf-rotate: 18deg;position:absolute;bottom:-14%;left:var(--leaf-left);width:var(--leaf-size);height:calc(var(--leaf-size) * .58);border-radius:90% 12%;opacity:var(--leaf-opacity);background:var(--leaf-color);box-shadow:inset -3px -2px 5px #074d251f;transform-origin:50% 100%;animation:sna-leaf-float var(--leaf-duration) linear var(--leaf-delay) infinite}.sna-leaf:after{position:absolute;top:50%;left:12%;width:76%;height:1px;content:"";background:#ffffff5c;transform:rotate(-18deg);transform-origin:left center}.sna-leaf:nth-child(1){--leaf-left: 6%;--leaf-size: 30px;--leaf-opacity: .3;--leaf-color: #b7f36b;--leaf-duration: 24s;--leaf-delay: -8s;--leaf-x: 38px}.sna-leaf:nth-child(2){--leaf-left: 17%;--leaf-size: 20px;--leaf-opacity: .26;--leaf-color: rgba(255, 255, 255, .9);--leaf-duration: 29s;--leaf-delay: -20s;--leaf-x: -28px;--leaf-rotate: -24deg}.sna-leaf:nth-child(3){--leaf-left: 30%;--leaf-size: 42px;--leaf-opacity: .18;--leaf-color: #72dc70;--leaf-duration: 32s;--leaf-delay: -4s;--leaf-x: 52px}.sna-leaf:nth-child(4){--leaf-left: 43%;--leaf-size: 25px;--leaf-opacity: .26;--leaf-color: #d0ff91;--leaf-duration: 27s;--leaf-delay: -16s;--leaf-x: -35px;--leaf-rotate: -31deg}.sna-leaf:nth-child(5){--leaf-left: 55%;--leaf-size: 34px;--leaf-opacity: .2;--leaf-color: rgba(255, 255, 255, .84);--leaf-duration: 34s;--leaf-delay: -25s;--leaf-x: 29px}.sna-leaf:nth-child(6){--leaf-left: 66%;--leaf-size: 19px;--leaf-opacity: .34;--leaf-color: #9aed62;--leaf-duration: 25s;--leaf-delay: -12s;--leaf-x: -42px;--leaf-rotate: -18deg}.sna-leaf:nth-child(7){--leaf-left: 76%;--leaf-size: 38px;--leaf-opacity: .16;--leaf-color: #e4ffc5;--leaf-duration: 36s;--leaf-delay: -30s;--leaf-x: 34px}.sna-leaf:nth-child(8){--leaf-left: 86%;--leaf-size: 24px;--leaf-opacity: .28;--leaf-color: #68d66c;--leaf-duration: 28s;--leaf-delay: -6s;--leaf-x: -30px;--leaf-rotate: -27deg}.sna-leaf:nth-child(9){--leaf-left: 94%;--leaf-size: 32px;--leaf-opacity: .2;--leaf-color: rgba(255, 255, 255, .88);--leaf-duration: 31s;--leaf-delay: -22s;--leaf-x: 25px}@keyframes sna-leaf-float{0%{transform:translate3d(0,12vh,0) rotate(-28deg)}45%{transform:translate3d(var(--leaf-x),-52vh,0) rotate(var(--leaf-rotate))}to{transform:translate3d(0,-122vh,0) rotate(118deg)}}.sna-welcome-content{position:relative;z-index:2;width:min(100%,620px);min-height:100%;margin:0 auto;padding:clamp(42px,5.2vw,74px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.sna-brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:22px;font-weight:800;letter-spacing:3px}.sna-brand-mark{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:12px;color:#fff;font-family:Georgia,serif;font-size:23px;font-weight:800;line-height:1;background:linear-gradient(135deg,#35cf70,#0f7a39);box-shadow:0 10px 30px #0430193d}.sna-welcome-copy{width:100%;margin-top:clamp(42px,7vh,72px)}.sna-eyebrow{display:block;margin-bottom:22px;color:#8ce9ae;font-size:13px;font-weight:800;letter-spacing:2.5px}.sna-welcome-copy h1{max-width:540px;margin:0;color:#fff;font-size:clamp(42px,4.1vw,62px);font-weight:750;line-height:1.08;letter-spacing:-2px}.sna-welcome-copy p{max-width:510px;margin:24px 0 0;color:#ffffffc2;font-size:16px;line-height:1.7}.sna-features{width:100%;display:grid;gap:15px;margin-top:44px}.sna-feature{min-width:0;display:flex;align-items:center;gap:14px;color:#ffffffe0;font-size:14px;font-weight:500}.sna-feature>span{min-width:0;line-height:1.45}.sna-feature-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid rgba(100,226,146,.38);border-radius:12px;color:#8ce9ae;background:#19b2531f}.sna-feature-icon svg{width:20px;height:20px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sna-welcome-footer{margin:34px 0 0;padding:0;color:#ffffff75;font-size:13px}.sna-ring{position:absolute;border:1px solid rgba(92,222,140,.2);border-radius:50%;pointer-events:none}.sna-ring:before,.sna-ring:after{position:absolute;content:"";border:1px solid rgba(92,222,140,.16);border-radius:50%}.sna-ring:before{inset:22px}.sna-ring:after{inset:45px}.sna-ring-one{width:220px;height:220px;top:-60px;right:-55px}.sna-ring-two{width:170px;height:170px;right:35px;bottom:65px}.sna-ring-three{width:100px;height:100px;left:-38px;top:50%}.sna-login-page>.sna-form-panel{position:relative;grid-column:auto;z-index:2;width:100%;height:100vh;min-width:0;min-height:680px;padding:48px 24px 84px;display:flex;align-items:center;justify-content:center;overflow:hidden;scrollbar-gutter:auto;background:radial-gradient(circle at center,rgba(25,178,83,.1),transparent 46%),#f7fbf8}.sna-mobile-brand{display:none}.sna-login-card{position:relative;width:min(100%,440px);margin:0;padding:43px 40px 36px;border:1px solid rgba(202,225,211,.9);border-radius:4px;background:#fffffff7;box-shadow:0 25px 65px #08462424}.card-corner{position:absolute;width:23px;height:23px;pointer-events:none}.corner-top-left{top:-1px;left:-1px;border-top:2px solid var(--login-primary);border-left:2px solid var(--login-primary);border-radius:6px 0 0}.corner-top-right{top:-1px;right:-1px;border-top:2px solid var(--login-primary);border-right:2px solid var(--login-primary);border-radius:0 6px 0 0}.corner-bottom-left{bottom:-1px;left:-1px;border-bottom:2px solid var(--login-primary);border-left:2px solid var(--login-primary);border-radius:0 0 0 6px}.corner-bottom-right{right:-1px;bottom:-1px;border-right:2px solid var(--login-primary);border-bottom:2px solid var(--login-primary);border-radius:0 0 6px}.sna-form-header{margin-bottom:29px}.sna-form-header h2{margin:0 0 7px;color:var(--login-text);font-size:29px;font-weight:750;line-height:1.2;letter-spacing:-.7px;text-align:left}.sna-form-header p{margin:0;color:var(--login-muted);font-size:14px;line-height:1.6;text-align:left}.sna-field{display:block;margin:0 0 18px;color:inherit;font-size:inherit;font-weight:400}.sna-field>span{display:block;margin:0 0 7px 2px;color:#526b5d;font-size:14px;font-weight:500}.sna-input-wrapper{position:relative}.sna-input-wrapper input{width:100%;height:54px;margin:0;padding:0 48px 0 45px;border:1px solid var(--login-border);border-radius:9px;outline:none;color:var(--login-text);background:#fff;font:inherit;font-size:14px;transition:border-color .18s ease,box-shadow .18s ease}.sna-input-wrapper input::placeholder{color:#9aaba1}.sna-input-wrapper input:focus{border-color:var(--login-primary);box-shadow:0 0 0 4px #19b25321}.sna-input-icon{position:absolute;z-index:2;top:50%;left:16px;width:18px;height:18px;display:block;color:#7f9589;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:translateY(-50%);pointer-events:none}.sna-password-toggle{position:absolute;top:50%;right:12px;width:34px;height:34px;margin:0;padding:7px;display:grid;place-items:center;border:0;border-radius:50%;color:#71877a;background:transparent;box-shadow:none;cursor:pointer;transform:translateY(-50%)}.sna-password-toggle:hover{color:var(--login-primary-dark);background:#edf8f1}.sna-password-toggle svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sna-login-options{margin:2px 0 27px;display:flex;align-items:center;justify-content:space-between;gap:15px}.sna-remember{margin:0;display:flex;align-items:center;gap:8px;color:#60766a;font-size:13px;font-weight:400;cursor:pointer}.sna-remember input{width:16px;height:16px;margin:0;padding:0;accent-color:var(--login-primary)}.sna-text-button,.sna-back-button{width:auto;margin:0;padding:0;border:0;border-radius:0;color:var(--login-primary-dark);background:transparent;box-shadow:none;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.sna-text-button:hover,.sna-back-button:hover{text-decoration:underline}.sna-submit-button{width:100%;min-height:54px;margin:0;padding:13px 20px;border:0;border-radius:9px;color:#fff;background:linear-gradient(110deg,#29c965,#19b253 52%,#0f873f);box-shadow:0 12px 25px #19b25340;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.sna-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px #19b25357}.sna-submit-button:disabled{opacity:.65;cursor:not-allowed}.sna-back-button{width:100%;margin-top:20px;text-align:center}.sna-alert{margin-bottom:18px;padding:12px 14px;border-radius:8px;font-size:13px;line-height:1.5}.sna-error{border:1px solid #f0b9b3;color:#a43a30;background:#fff0ee}.sna-success{border:1px solid #a9d7ba;color:#267344;background:#ecf9f1}.sna-copyright{position:absolute;bottom:36px;left:50%;width:max-content;margin:0;color:#789184;font-size:12px;transform:translate(-50%)}.sna-session-loader{width:100%;height:100vh;display:grid;place-items:center;background:#f7fbf8}.sna-session-loader span{color:#60766a;font-size:14px}@media(max-width:1000px){.sna-login-page{grid-template-columns:minmax(360px,.82fr) minmax(470px,1fr)}.sna-welcome-content{padding:44px}.sna-welcome-copy h1{font-size:46px}.sna-leaf:nth-child(n+7){display:none}}@media(max-width:820px){.sna-login-page{min-height:100vh;display:block;overflow-y:auto}.sna-login-page>.sna-welcome-panel{display:none}.sna-login-page>.sna-form-panel{width:100%;height:auto;min-height:100vh;padding:92px 20px 80px;overflow:visible}.sna-mobile-brand{position:absolute;top:25px;left:50%;display:flex;align-items:center;gap:10px;color:var(--login-text);font-size:14px;font-weight:800;letter-spacing:1.5px;transform:translate(-50%)}.sna-mobile-brand .sna-brand-mark{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:18px}.sna-copyright{bottom:25px}}@media(max-width:480px){.sna-login-page>.sna-form-panel{align-items:flex-start;padding:90px 14px 74px}.sna-login-card{padding:34px 22px 29px}.sna-form-header h2{font-size:26px}.sna-login-options{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.sna-leaf{animation:none}}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{margin:0;font-family:Arial,sans-serif!important;background:#f5f7f5;color:#213029;overflow:hidden}button{cursor:pointer}.login-page{position:relative;isolation:isolate;height:100vh;min-height:0;display:flex;justify-content:center;align-items:flex-start;padding:24px;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 18% 18%,#3a8058 0,transparent 30%),radial-gradient(circle at 82% 80%,#0c3a28 0,transparent 36%),linear-gradient(135deg,#0a2d20,#17563a 52%,#0b3625)}.login-card{position:relative;z-index:3;width:min(420px,92%);margin:auto 0;border:1px solid #ffffffa8;background:#fffffff2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;padding:38px;box-shadow:0 35px 90px #03170d80,0 1px #fff inset}.food-stage{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;perspective:1000px;transform-style:preserve-3d}.food-stage:before{position:absolute;inset:-40%;content:"";opacity:.22;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:62px 62px;transform:rotateX(62deg) translateY(38%);animation:food-grid-drift 18s linear infinite}.food-stage:after{position:absolute;inset:0;content:"";background:radial-gradient(circle at center,transparent 30%,#041b116e 100%);box-shadow:inset 0 0 150px #001a0c99}.food-glow{position:absolute;border-radius:50%;filter:blur(12px);opacity:.38;animation:food-glow 8s ease-in-out infinite alternate}.food-glow-one{top:4%;left:1%;width:330px;height:330px;background:#d3a7464a}.food-glow-two{right:-4%;bottom:-4%;width:430px;height:430px;background:#75bf6a3d;animation-delay:-4s}.food-object{position:absolute;z-index:1;transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 24px 24px #011c1061)}.honey-jar{top:14%;left:7%;width:112px;height:176px;animation:honey-float 8s ease-in-out infinite}.jar-lid{position:absolute;z-index:4;top:2px;left:20px;width:72px;height:25px;border:1px solid #ffe6a47d;border-radius:9px 9px 5px 5px;background:repeating-linear-gradient(90deg,#8a5b20 0 5px,#b27a2e 5px 9px);box-shadow:0 7px 10px #132b1833,inset 0 3px 4px #ffd67b8c;transform:translateZ(28px)}.jar-neck{position:absolute;top:22px;left:27px;width:58px;height:27px;border:2px solid #ffd98666;border-radius:5px;background:#b8772580;box-shadow:inset 8px 0 12px #fff2ae28}.jar-body{position:absolute;top:42px;left:7px;width:98px;height:126px;overflow:hidden;border:2px solid #ffe6a475;border-radius:21px 21px 28px 28px;background:linear-gradient(105deg,#fff6bc70 0 8%,transparent 18% 63%,#5e350a52 82%),linear-gradient(180deg,#ebb23b 0,#bd721d 54%,#75420e);box-shadow:inset 12px 0 18px #fff1a445,inset -15px -10px 22px #51250062,0 10px 22px #001c0f4a;transform:translateZ(18px)}.jar-body:before{position:absolute;top:12px;left:12px;width:10px;height:78px;border-radius:10px;content:"";background:linear-gradient(#fff9d79c,transparent)}.jar-body:after{position:absolute;right:4px;bottom:5px;left:4px;height:28px;border-radius:50%;content:"";background:#5f310c38}.jar-body span{position:absolute;z-index:2;top:47px;left:17px;width:63px;padding:8px 5px;border:1px solid #70440e38;border-radius:7px;color:#60410d;background:#fff3bfda;text-align:center;font-size:7px;font-weight:800;letter-spacing:.16em;box-shadow:0 4px 8px #6333002e}.jar-body span b{display:block;margin-top:3px;font-family:Georgia,serif;font-size:12px;letter-spacing:.04em}.grain-bowl{right:5%;bottom:10%;width:198px;height:142px;animation:bowl-float 9s ease-in-out infinite}.bowl-body{position:absolute;z-index:2;right:4px;bottom:0;width:190px;height:86px;border:1px solid #ffe8b849;border-radius:8px 8px 92px 92px;background:linear-gradient(115deg,#fff3c85e 0 8%,transparent 18%),linear-gradient(160deg,#c79048,#8b5928 66%,#4e2d14);box-shadow:inset 0 9px 13px #ffe5a728,inset -18px -18px 24px #3c210f4f,0 23px 26px #00190d5c;transform:translateZ(16px)}.bowl-rim{position:absolute;z-index:4;top:42px;left:0;width:198px;height:42px;border:4px solid #d5a35f;border-radius:50%;background:linear-gradient(#4a2b14,#8a5528);box-shadow:inset 0 7px 12px #2f190b,0 5px 7px #29130745;transform:rotateX(66deg) translateZ(19px)}.grain-pile{position:absolute;z-index:3;top:19px;left:19px;width:160px;height:65px;border-radius:50%;background:radial-gradient(ellipse at 48% 58%,#f1ce75 0 38%,transparent 40%),radial-gradient(ellipse at center,#bd8534,#6c3f16);box-shadow:0 9px 15px #27140773;transform:translateZ(27px)}.grain-pile i{position:absolute;width:10px;height:5px;border-radius:70% 20%;background:linear-gradient(90deg,#f7dd91,#a86f26);box-shadow:1px 2px 3px #58350d75}.grain-pile i:nth-child(1){top:16%;left:22%;transform:rotate(18deg)}.grain-pile i:nth-child(2){top:24%;left:42%;transform:rotate(-22deg)}.grain-pile i:nth-child(3){top:18%;left:65%;transform:rotate(35deg)}.grain-pile i:nth-child(4){top:40%;left:12%;transform:rotate(-8deg)}.grain-pile i:nth-child(5){top:44%;left:31%;transform:rotate(56deg)}.grain-pile i:nth-child(6){top:42%;left:53%;transform:rotate(-44deg)}.grain-pile i:nth-child(7){top:38%;left:76%;transform:rotate(12deg)}.grain-pile i:nth-child(8){top:62%;left:20%;transform:rotate(41deg)}.grain-pile i:nth-child(9){top:65%;left:42%;transform:rotate(-16deg)}.grain-pile i:nth-child(10){top:61%;left:65%;transform:rotate(64deg)}.grain-pile i:nth-child(11){top:72%;left:78%;transform:rotate(-32deg)}.grain-pile i:nth-child(12){top:31%;left:88%;transform:rotate(17deg)}.grain-pile i:nth-child(13){top:73%;left:8%;transform:rotate(-48deg)}.grain-pile i:nth-child(14){top:12%;left:82%;transform:rotate(50deg)}.herb-sprig{top:9%;right:8%;width:180px;height:205px;animation:herb-float 10s ease-in-out infinite}.herb-stem{position:absolute;top:13px;left:86px;width:6px;height:180px;border-radius:10px;background:linear-gradient(90deg,#2a6a2e,#8fbe5b);box-shadow:5px 7px 13px #001b0c52;transform:rotate(27deg)}.herb-sprig span{position:absolute;width:67px;height:31px;border:1px solid #c3e99a38;border-radius:100% 0;background:linear-gradient(135deg,#b1d77d4f,transparent 35%),linear-gradient(145deg,#75ad4d,#2b7135);box-shadow:inset 7px 4px 10px #d7f8aa2e,7px 11px 14px #001e0d52;transform-origin:100% 100%}.herb-sprig span:after{position:absolute;right:7px;bottom:4px;width:47px;height:1px;content:"";background:#d8f0a65c;transform:rotate(-20deg)}.herb-sprig span:nth-of-type(1){top:18px;left:35px;transform:rotate(14deg)}.herb-sprig span:nth-of-type(2){top:48px;left:91px;transform:rotate(188deg)}.herb-sprig span:nth-of-type(3){top:75px;left:19px;transform:rotate(25deg)}.herb-sprig span:nth-of-type(4){top:101px;left:78px;transform:rotate(198deg)}.herb-sprig span:nth-of-type(5){top:126px;left:4px;transform:rotate(36deg)}.herb-sprig span:nth-of-type(6){top:148px;left:62px;transform:rotate(210deg)}.herb-sprig span:nth-of-type(7){top:163px;left:-7px;transform:rotate(45deg)}.seed-cluster{bottom:9%;left:8%;width:155px;height:118px;animation:seeds-float 7.5s ease-in-out infinite}.seed-cluster span{position:absolute;width:66px;height:43px;border:1px solid #f6d28c42;border-radius:62% 36% 58% 39%;background:radial-gradient(circle at 30% 20%,#fff0b55c,transparent 24%),linear-gradient(145deg,#bd7a37,#704017);box-shadow:inset -8px -9px 13px #4d250a56,8px 13px 17px #001c0f5e}.seed-cluster span:nth-child(1){top:7px;left:9px;transform:rotate(23deg) translateZ(8px)}.seed-cluster span:nth-child(2){top:3px;right:13px;transform:rotate(-28deg) translateZ(20px)}.seed-cluster span:nth-child(3){bottom:7px;left:24px;transform:rotate(-12deg) translateZ(30px)}.seed-cluster span:nth-child(4){right:4px;bottom:12px;transform:rotate(37deg) translateZ(12px)}.floating-grains{position:absolute;inset:0}.floating-grains span{position:absolute;top:var(--grain-top);left:var(--grain-left);width:13px;height:7px;border-radius:70% 20%;opacity:.62;background:linear-gradient(100deg,#ffea9b,#b77a28);box-shadow:0 6px 8px #00190e45;animation:grain-drift 7s ease-in-out var(--grain-delay) infinite}@keyframes food-grid-drift{to{transform:rotateX(62deg) translate3d(62px,calc(38% + 62px),0)}}@keyframes food-glow{to{transform:scale(1.22) translate3d(18px,-10px,0);opacity:.58}}@keyframes honey-float{0%,to{transform:translateZ(30px) rotateX(4deg) rotateY(17deg) rotate(-8deg)}50%{transform:translate3d(24px,-24px,70px) rotateX(-2deg) rotateY(-14deg) rotate(3deg)}}@keyframes bowl-float{0%,to{transform:translateZ(22px) rotateX(2deg) rotateY(-18deg) rotate(2deg)}50%{transform:translate3d(-28px,-18px,72px) rotateX(-5deg) rotateY(13deg) rotate(-3deg)}}@keyframes herb-float{0%,to{transform:translateZ(28px) rotateY(-15deg) rotate(3deg)}50%{transform:translate3d(-18px,22px,74px) rotateY(17deg) rotate(-8deg)}}@keyframes seeds-float{0%,to{transform:translateZ(20px) rotateY(16deg) rotate(-4deg)}50%{transform:translate3d(22px,-20px,66px) rotateY(-15deg) rotate(7deg)}}@keyframes grain-drift{0%,to{transform:translateZ(0) rotate(0);opacity:.28}50%{transform:translate3d(14px,-28px,65px) rotate(140deg);opacity:.78}}.logo{width:52px;height:52px;border-radius:16px 5px;background:#d7a953;color:#173d2c;display:grid;place-items:center;font:700 28px Georgia;margin:auto}.login-card>p{text-align:center;font-size:10px;letter-spacing:.18em;color:#8b7656}.login-card h1{text-align:center;font:600 32px Georgia;margin:26px 0 5px}.login-card>span,.login-card>small{display:block;text-align:center;color:#859088;font-size:12px}.login-card label,.modal label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#56645c;margin-top:16px}.login-card input,.modal input,.modal select,.modal textarea{border:1px solid #dce3dd;border-radius:10px;padding:12px;outline:none}.login-card button,.modal footer button:last-child,main>header>button{width:100%;border:0;border-radius:10px;background:#19b253;color:#fff;padding:13px;font-weight:700;margin-top:20px}.error{background:#ffe9e6;color:#a64035;padding:10px;border-radius:8px;margin-top:15px;font-size:12px}.shell{height:100vh;min-height:0;display:grid;grid-template-columns:250px minmax(0,1fr);overflow:hidden}aside{position:fixed;inset:0 auto 0 0;width:250px;height:100vh;background:#fff;color:#fff;padding:26px 18px;display:flex;flex-direction:column;overflow:hidden}.brand{display:flex;gap:12px;align-items:center;justify-content:center;padding:10px;border-bottom:1px solid #ffffff20}.brand>b{width:40px;height:40px;border-radius:12px 4px;background:#d7a953;color:#173d2c;display:grid;place-items:center;font:700 23px Georgia}.brand strong,.brand small,.account b,.account small{display:block}.brand strong{font:700 21px Georgia;letter-spacing:2px}.brand small,.account small{font-size:9px;color:#aebfb5;text-transform:uppercase;margin-top:3px}nav{flex:1;min-height:0;display:grid;align-content:start;gap:7px;padding:25px 4px 18px 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}nav,main{scrollbar-width:thin;scrollbar-color:#b8c5bd transparent}nav::-webkit-scrollbar,main::-webkit-scrollbar{width:8px}nav::-webkit-scrollbar-track,main::-webkit-scrollbar-track{background:transparent}nav::-webkit-scrollbar-thumb,main::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:10px;background:#b8c5bd;background-clip:padding-box}nav::-webkit-scrollbar-thumb:hover,main::-webkit-scrollbar-thumb:hover{background:#8ea097;background-clip:padding-box}nav button{border:0;background:transparent;color:#3e3e3d;padding:12px;border-radius:9px;text-align:left;font-weight:600}nav button i{font-style:normal;font-size:18px;width:30px;display:inline-block}.account{position:relative;flex-shrink:0;margin-top:auto;padding-top:18px;border-top:1px solid #e8ece9}.account-profile{width:100%;display:flex;align-items:center;gap:12px;padding:10px;border:0;border-radius:12px;background:transparent;color:#213029;cursor:pointer;text-align:left;transition:background-color .2s ease}.account-profile:hover,.account-profile:focus-visible{background:#f3f6f3;outline:none}.account-avatar{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#19b253;color:#fff;font-size:15px;font-weight:700}.account-details{min-width:0;flex:1;display:flex;flex-direction:column}.account-details b{color:#213029;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-details small{margin-top:3px;color:#7d8982;font-size:9px;line-height:1.3;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-arrow{flex-shrink:0;color:#78847d;font-size:16px;transition:transform .2s ease}.account-arrow-open{transform:rotate(180deg)}.account-dropdown{position:absolute;left:0;right:0;bottom:calc(100% + 8px);padding:6px;background:#fff;border:1px solid #e1e7e2;border-radius:12px;box-shadow:0 14px 35px #173d2c29;z-index:100}.account-dropdown button{width:100%;display:flex;align-items:center;gap:9px;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:#dc2626;font-size:13px;font-weight:700;text-align:left}.account-dropdown button:hover,.account-dropdown button:focus-visible{background:#fef2f2;outline:none}main{grid-column:2;height:100vh;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}main>header{position:sticky;top:0;z-index:15;height:90px;background:#fff;border-bottom:1px solid #e4e8e4;padding:17px 34px;display:flex;align-items:center;justify-content:space-between}main>header small{color:#077031;letter-spacing:.12em;font-size:9px}main>header h1{font:600 27px Georgia;margin:4px 0}main>header>button{width:auto;margin:0;padding:12px 17px}.content{min-height:calc(100vh - 90px);padding:28px 34px}.hero{height:205px;border:1px solid #dfe6df;border-radius:18px;background:linear-gradient(110deg,#e7efe8,#f4edde);display:flex;justify-content:space-between;align-items:center;padding:35px 42px}.hero small{letter-spacing:.15em;color:#876f4d;text-transform:uppercase}.hero h2{font:600 31px Georgia;color:#214b35;margin:12px 0}.hero p{color:#728078;font-size:13px}.hero-logo{width:150px;height:150px;flex:0 0 150px;padding:20px;border-radius:50%;overflow:hidden;background:#f7fbf8;display:grid;place-items:center}.hero-logo img{display:block;width:100%;height:100%;object-fit:contain}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px;margin:18px 0}.stats article,.panel{background:#fff;border:1px solid #e3e8e4;border-radius:14px}.stats article{padding:20px}.stats small,.stats b,.stats span{display:block}.stats b{font:600 27px Georgia;margin:9px 0}.stats span{color:#8b958f;font-size:10px}.quick{padding:20px}.quick h3{font-family:Arial,sans-serif!important}.quick button{width:100%;border:0;border-top:1px solid #edf0ed;background:#fff;text-align:left;padding:14px;color:#315e46}.quick button span{float:right}.table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:auto;scrollbar-color:#8fa99a #edf3ef;overscroll-behavior-inline:contain}.table-scroll:focus-visible{outline:3px solid #19b25355;outline-offset:2px}.table-scroll::-webkit-scrollbar{height:12px}.table-scroll::-webkit-scrollbar-track{background:#edf3ef}.table-scroll::-webkit-scrollbar-thumb{border:3px solid #edf3ef;border-radius:20px;background:#8fa99a}.data-table{width:100%;min-width:var(--table-min-width, 760px);table-layout:auto;border-collapse:collapse;color:#34473d;background:#fff;font-size:14px;line-height:1.5}.data-table th{padding:14px 18px;border-bottom:1px solid #dce5df;color:#44584d;background:#f3f8f5;font-size:12.5px;font-weight:800;line-height:1.35;text-align:left;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}.data-table .table-actions-heading{text-align:right}.data-table td{height:64px;padding:14px 18px;border-bottom:1px solid #e4ebe6;color:#4c5f54;vertical-align:middle;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:not(.table-state){transition:background-color .16s ease}.data-table tbody tr:not(.table-state):hover td{background:#f7fbf8}.data-table td b,.data-table td small{display:block}.data-table td b{color:#263a2f;font-weight:700}.data-table td small{max-width:320px;margin-top:4px;overflow:hidden;color:#74847b;font-size:13px;line-height:1.45;text-overflow:ellipsis}.data-table code{color:#345443;font-size:13px}.data-table select{min-width:112px;padding:8px 30px 8px 10px;border:1px solid #cbd9d0;border-radius:8px;color:#30483a;background:#fff;font-size:14px}.data-table .table-long-text{min-width:280px;max-width:480px;white-space:normal;overflow-wrap:anywhere}.data-table--products td:nth-child(2),.data-table--banners td:nth-child(2),.data-table--cms-pages td:first-child,.data-table--faq td:first-child{min-width:230px}.table-state td{height:120px;color:#708078;text-align:center;white-space:normal}.table-state--error td{color:#a12828;background:#fff6f5}.table-thumbnail,.table-image-placeholder{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border:1px solid #d8e3dc;border-radius:9px;color:#829289;background:#edf3ef}.table-thumbnail{display:block;object-fit:cover}.badge,.stock-state,.role{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;color:#286443;background:#e5f4ea;font-size:12px;font-weight:750;line-height:1.2;white-space:nowrap}.badge--draft,.badge--disabled{color:#7b5c23;background:#f7edda}.toast{position:fixed;right:25px;top:105px;background:#183d2d;color:#fff;padding:12px 17px;border-radius:9px;z-index:20;max-width:min(420px,calc(100vw - 40px));overflow-wrap:anywhere;box-shadow:0 10px 30px #10251b38;animation:toast-in .2s ease-out}.toast.success{background:#183d2d}.toast.error{background:#a12828}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.overlay{position:fixed;inset:0;background:#10251bba;display:grid;place-items:center;z-index:30;padding:20px}.modal{width:min(530px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:24px}.modal>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e8e4}.modal h2{font-family:Arial,sans-serif!important}.modal>header button{border:0;background:#eef1ee;border-radius:50%;width:32px;height:32px}.modal textarea{min-height:90px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal footer button{width:auto;margin:0;padding:11px 17px;border-radius:9px;border:1px solid #dce2dd;background:#fff}.modal footer button:last-child{border:0;background:#1d543a;color:#fff}.modal button:disabled{cursor:not-allowed;opacity:.65}.action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:max-content;white-space:nowrap}.commerce-toolbar,.commerce-pagination,.modal-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.commerce-toolbar input,.commerce-toolbar select{min-height:40px;border:1px solid #dce3dd;border-radius:9px;padding:8px 11px}.commerce-toolbar input{min-width:240px;flex:1}.commerce-pagination{justify-content:flex-end}.commerce-pagination button,.modal-actions button{border:1px solid #dce3dd;border-radius:8px;background:#fff;padding:9px 13px}.commerce-detail>div{display:grid;grid-template-columns:160px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #edf0ed}.commerce-detail dt{font-weight:700}.commerce-detail dd{margin:0;overflow-wrap:anywhere}.commerce-json{max-height:260px;overflow:auto;background:#f7f9f7;border-radius:8px;padding:12px;font-size:12px}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px;padding:24px}.settings-form>p{grid-column:1/-1;margin:0}.settings-form label{display:flex;flex-direction:column;gap:7px;font-weight:600}.settings-form label:has(input[type=checkbox]){flex-direction:row;align-items:center}.settings-form input:not([type=checkbox]),.settings-form select{min-height:42px;border:1px solid #dce3dd;border-radius:9px;padding:8px 11px}.settings-form>button{grid-column:1/-1;justify-self:start}@media(max-width:720px){.settings-form{grid-template-columns:1fr}.settings-form>p,.settings-form>button{grid-column:1}}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:7px;min-height:36px;padding:8px 12px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.action-btn.edit-btn{background-color:#2563eb;color:#fff}.action-btn.edit-btn:hover{background-color:#1d4ed8;transform:translateY(-1px)}.action-btn.delete-btn{background-color:#dc2626;color:#fff}.action-btn.delete-btn:hover{background-color:#b91c1c;transform:translateY(-1px)}.login-success{margin-top:15px;padding:10px;border-radius:8px;background:#e3f5e9;color:#17653a;font-size:12px}.login-card .login-link{width:100%;margin-top:12px;padding:7px;border:0;background:transparent;color:#17653a;font-size:12px;font-weight:700}.action-btn.restock-btn{background-color:#159447;color:#fff}.action-btn.restock-btn:hover{background-color:#0f7a39;transform:translateY(-1px)}.action-btn svg{flex-shrink:0}.inventory-product{display:flex;align-items:center;gap:10px}.stock-state{border:0}.stock-state.healthy{color:#17653a;background:#e3f5e9}.stock-state.low{color:#a12828;background:#ffe9e6}.cms-content-editor{min-height:260px!important}@media(max-width:1100px){.food-object{scale:.82;opacity:.72}.honey-jar{left:1%}.grain-bowl{right:0}.herb-sprig{right:1%}.seed-cluster{left:1%}}@media(max-width:900px){.hero-logo{width:116px;height:116px;flex-basis:116px;padding:15px}.stats{grid-template-columns:1fr 1fr}.banner-grid{grid-template-columns:1fr}}@media(max-width:700px){html,body,#root{height:auto;min-height:100%}body{overflow-x:hidden;overflow-y:auto}.login-page{padding:14px}.login-card{width:min(420px,100%);padding:30px 26px}.food-object{scale:.64;opacity:.34}.honey-jar{top:3%;left:-32px}.grain-bowl{right:-65px;bottom:1%}.herb-sprig,.seed-cluster{display:none}.floating-grains{opacity:.52}.shell{display:block;height:auto;min-height:100vh;overflow:visible}aside{position:static;width:100%;height:auto;overflow:visible}nav{min-height:auto;display:flex;padding-bottom:10px;overflow-x:auto;overflow-y:hidden}.account{display:none}main{width:100%;height:auto;min-height:100vh;overflow:visible}main>header{height:auto;padding:18px}.content{padding:16px}.hero-logo{width:82px;height:82px;flex-basis:82px;padding:11px}.stats{grid-template-columns:1fr 1fr}.row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.food-stage:before,.food-glow,.food-object,.floating-grains span{animation:none!important}}@media(max-width:900px){.data-table th:first-child,.data-table td:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 #e0e8e2}.data-table th:first-child{z-index:4;background:#f3f8f5}.data-table th:last-child,.data-table td:last-child{position:sticky;right:0;z-index:2;background:#fff;box-shadow:-1px 0 #e0e8e2}.data-table th:last-child{z-index:4;background:#f3f8f5}.data-table tbody tr:hover td:first-child,.data-table tbody tr:hover td:last-child{background:#f7fbf8}.table-state td:first-child{position:static;box-shadow:none}}.users-note{padding:20px;border-bottom:1px solid #e7ebe8;display:flex;justify-content:space-between;align-items:center}.users-section{display:grid;gap:16px}.users-note b{font:600 18px Georgia}.users-note span{font-size:13px;color:#66786e;line-height:1.5}.user-cell{display:flex;align-items:center;gap:10px}.user-cell>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e5eee6;color:#295c42;font-weight:700}.role{background:#f3eee3;color:#856a3f}@media(max-width:600px){.users-note{align-items:flex-start;flex-direction:column;gap:6px}}.image-field{display:grid;gap:8px}.image-upload-box{display:grid;gap:7px;padding:13px;background:#f6f8f6;border:1px dashed #9daf9f;border-radius:11px}.image-upload-box input{background:#fff}.image-upload-box small{color:#7e8b83;font-size:9px;font-weight:400}.image-preview-single,.image-preview-grid{display:grid;gap:10px;margin-top:5px}.image-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-preview-single figure{max-width:100%}.image-preview-single figure,.image-preview-grid figure{position:relative;overflow:hidden;margin:0;background:#edf1ed;border:1px solid #dce3dd;border-radius:10px}.image-preview-single img{width:100%;height:220px;object-fit:contain}.image-preview-grid img{width:100%;height:105px;object-fit:cover}.image-preview-single figcaption,.image-preview-grid figcaption{padding:7px;color:#718078;font-size:8px;text-align:center}.clear-images{width:max-content;padding:7px 10px;color:#a64f46;background:#faecea;border:0;border-radius:7px;font-size:9px;font-weight:700}.existing-gallery-grid button:disabled{opacity:.6;cursor:not-allowed}.banner-live-preview{padding:24px;color:#fff;background:linear-gradient(110deg,#173d2d,#59765e);border-radius:12px}.banner-live-preview>span{color:#c9d8cf;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.banner-live-preview h3{margin:10px 0 6px;font-family:Arial,sans-serif!important;font-size:22px}.banner-live-preview p{margin:0 0 14px;color:#d9e4dd;font-size:10px}.banner-live-preview button{padding:8px 12px;color:#183d2d;background:#e1b45f;border:0;border-radius:7px;font-size:9px;font-weight:700}@media(max-width:600px){.image-preview-grid,.existing-gallery-grid{grid-template-columns:repeat(2,1fr)}}.brand-logo{width:125px;height:auto;max-width:100%}.gallery-state{margin:12px 0 0;color:#718078;font-size:10px}.existing-gallery{margin-top:16px}.existing-gallery h3{margin:0 0 9px;color:#56645c;font-size:11px}.existing-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.existing-gallery-grid figure{overflow:hidden;margin:0;border:1px solid #dce3dd;border-radius:10px;background:#edf1ed}.existing-gallery-grid img{display:block;width:100%;height:105px;object-fit:cover}.existing-gallery-actions{display:grid;grid-template-columns:1fr 1fr}.existing-gallery-grid button{width:100%;padding:7px;border:0;color:#a12828;background:#faecea;font-size:9px;font-weight:700}.existing-gallery-grid button.make-primary{color:#17653a;background:#e3f5e9}.existing-gallery-grid button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:700px){.account{display:block;margin-top:18px}}@media(max-width:600px){.existing-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--color-primary-50: #edf9f1;--color-primary-100: #d7f1df;--color-primary-500: #159447;--color-primary-600: #0f7a39;--color-primary-700: #0b6330;--color-accent-500: #c58a2a;--color-success: #15803d;--color-warning: #b45309;--color-danger: #c9362b;--color-info: #2563eb;--color-bg: #f5f7f5;--color-surface: #ffffff;--color-surface-subtle: #f8faf8;--color-border: #dfe6e1;--color-border-strong: #cbd7cf;--color-text-primary: #18261e;--color-text-secondary: #607067;--color-text-muted: #87948c;--sidebar-width: 264px;--sidebar-collapsed-width: 84px;--header-height: 82px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 1px 2px rgb(14 37 24 / 5%);--shadow-md: 0 10px 30px rgb(18 54 33 / 8%);--shadow-lg: 0 24px 70px rgb(9 31 19 / 18%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;color-scheme:light}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;color:var(--color-text-primary);background:var(--color-bg)}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid rgb(21 148 71 / 22%);outline-offset:2px}button:disabled{cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:var(--color-bg);transition:grid-template-columns .18s ease}.shell--collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0,1fr)}.shell aside{width:var(--sidebar-width);padding:18px 14px 14px;color:var(--color-text-primary);background:var(--color-surface);border-right:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:width .18s ease,transform .18s ease;z-index:40}.shell--collapsed aside{width:var(--sidebar-collapsed-width)}.brand{min-height:66px;justify-content:flex-start;padding:6px 10px 16px;border-bottom:1px solid var(--color-border)}.brand-logo{width:132px;max-height:46px;object-fit:contain;object-position:left center;transition:width .18s ease}.shell--collapsed .brand-logo{width:43px;object-position:left center}.sidebar-mobile-close,.mobile-menu-button,.sidebar-scrim{display:none}.shell nav{display:flex;flex-direction:column;gap:16px;padding:20px 2px}.nav-group{display:grid;gap:4px}.nav-group-label{padding:0 11px 6px;color:var(--color-text-muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:opacity .12s ease}.shell--collapsed .nav-group-label{height:1px;padding:0;overflow:hidden;opacity:0}.shell nav button{min-height:43px;display:flex;align-items:center;gap:12px;padding:10px 11px;color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:13.5px;font-weight:650;transition:color .14s ease,background .14s ease,transform .14s ease}.shell nav button svg{flex:0 0 auto}.shell nav button:hover{color:var(--color-primary-700);background:var(--color-primary-50)}.shell nav button.active{color:var(--color-primary-700);background:var(--color-primary-100);box-shadow:inset 3px 0 var(--color-primary-500)}.shell--collapsed nav button{justify-content:center;padding-inline:8px}.shell--collapsed nav button span,.shell--collapsed .account-details,.shell--collapsed .account-profile>svg,.shell--collapsed .account-dropdown span{display:none}.account{border-color:var(--color-border)}.account-profile{min-height:52px;color:var(--color-text-primary);border-radius:var(--radius-md)}.account-profile:hover,.account-profile:focus-visible{background:var(--color-surface-subtle)}.account-avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));box-shadow:0 4px 12px #0f7a3938}.account-details b{color:var(--color-text-primary)}.account-details small{color:var(--color-text-muted)}.account-dropdown{border-color:var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.shell--collapsed .account-profile{justify-content:center;padding:7px}.shell--collapsed .account-dropdown{left:calc(100% + 10px);right:auto;bottom:0;width:132px}.shell main{grid-column:2}.app-header{min-height:var(--header-height);height:auto;padding:14px clamp(18px,2.4vw,36px);background:#ffffffeb;border-color:var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-title-row,.header-actions,.breadcrumbs,.primary-button,.secondary-button,.danger-button,.text-button{display:flex;align-items:center}.header-title-row,.header-actions{gap:12px}.sidebar-collapse-button,.mobile-menu-button{width:40px;height:40px;flex:0 0 40px;place-items:center;justify-content:center;padding:0;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.breadcrumbs{gap:7px;margin-bottom:3px;color:var(--color-text-muted);font-size:11px;font-weight:700}.breadcrumbs span:last-child{color:var(--color-primary-600)}.app-header h1{margin:0;color:var(--color-text-primary);font-family:inherit;font-size:clamp(22px,2vw,28px);font-weight:760;letter-spacing:-.035em}.header-role{padding:7px 10px;color:var(--color-text-secondary);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:999px;font-size:11px;font-weight:750}.primary-button,.secondary-button,.danger-button,.text-button{justify-content:center;gap:8px;min-height:40px;padding:9px 15px;border-radius:var(--radius-md);font-weight:750}.primary-button,.app-header>.header-actions>.primary-button{width:auto;margin:0;color:#fff;background:var(--color-primary-600);border:1px solid var(--color-primary-600);box-shadow:0 5px 14px #0f7a3929}.primary-button:hover{background:var(--color-primary-700)}.secondary-button{color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border-strong)}.danger-button{color:#fff;background:var(--color-danger);border:1px solid var(--color-danger)}.text-button{min-height:32px;padding:5px 8px;color:var(--color-primary-600);background:transparent;border:0;font-size:12px}.content{width:min(100%,1680px);margin-inline:auto;padding:clamp(18px,2.2vw,34px)}.panel,.dashboard-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.section-heading{min-height:54px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin:0 0 5px;font-size:22px;letter-spacing:-.025em}.section-heading p{margin:0;color:var(--color-text-secondary);font-size:13px}.commerce-toolbar{margin:0 0 16px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.module-toolbar .search-field{min-width:min(320px,100%);flex:1;display:flex;align-items:center;gap:8px;padding-left:11px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.module-toolbar .search-field input{min-width:0;width:100%;padding-left:0;border:0;outline:0}.module-toolbar .secondary-button,.commerce-toolbar .secondary-button{display:inline-flex;width:auto;margin:0}.commerce-toolbar input,.commerce-toolbar select,.settings-form input:not([type=checkbox]),.settings-form select,.dialog-form input,.dialog-form select,.dialog-form textarea,.modal input,.modal select,.modal textarea{min-height:42px;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:9px 11px}.commerce-toolbar button,.commerce-pagination button,.modal-actions button{min-height:40px;padding:8px 13px;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-weight:700}.data-table{color:var(--color-text-primary);font-size:13.5px}.data-table th{padding:13px 16px;color:var(--color-text-secondary);background:var(--color-surface-subtle);border-color:var(--color-border);font-size:11px;letter-spacing:.07em}.data-table td{height:66px;padding:13px 16px;color:var(--color-text-secondary);border-color:var(--color-border)}.data-table td b{color:var(--color-text-primary)}.table-state-content{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--color-text-muted)}.table-state-content b{color:var(--color-text-secondary)!important;font-size:14px}.table-state--error .table-state-content,.table-state--error .table-state-content b{color:var(--color-danger)!important}.skeleton-line,.skeleton-block{position:relative;overflow:hidden;background:#e9eeeb!important}.skeleton-line{width:min(120px,80%);height:12px;display:block;border-radius:999px}.skeleton-line:after,.skeleton-block:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent,rgb(255 255 255 / 65%),transparent);transform:translate(-100%);animation:sna-shimmer 1.35s infinite}@keyframes sna-shimmer{to{transform:translate(100%)}}.badge,.stock-state,.role,.quantity-pill,.rating-chip{min-height:26px;padding:4px 9px;color:var(--color-primary-700);background:var(--color-primary-100);border:1px solid rgb(21 148 71 / 10%);font-size:11px;font-weight:760}.badge--pending,.badge--processing,.badge--pending-verification,.badge--pickup-scheduled,.badge--refund-pending,.badge--draft,.badge--inactive{color:#8a4b08;background:#fff3d9;border-color:#f2d49d}.badge--cancelled,.badge--failed,.badge--rejected,.badge--disabled,.badge--delivery-failed,.badge--locked{color:#a32c25;background:#fff0ef;border-color:#f4c8c5}.badge--shipped,.badge--in-transit,.badge--out-for-delivery,.badge--shipment-created,.badge--in-progress{color:#1e4fa5;background:#eef4ff;border-color:#cbdcff}.quantity-pill--low{color:#a32c25;background:#fff0ef;border-color:#f4c8c5}.action-btn{min-height:34px;padding:7px 10px;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:12px;transition:background .14s ease,border-color .14s ease,color .14s ease}.action-btn:hover{color:var(--color-primary-700);background:var(--color-primary-50);border-color:#a9cbb5;transform:none}.action-btn.edit-btn,.action-btn.edit{color:var(--color-info);background:#f4f7ff;border-color:#cedaff}.action-btn.delete-btn,.action-btn.delete{color:var(--color-danger);background:#fff5f4;border-color:#f2cecb}.action-btn.restock-btn{color:var(--color-primary-700);background:var(--color-primary-50);border-color:#bedec8}.toast{z-index:80;top:94px;padding:13px 16px;border:1px solid rgb(255 255 255 / 18%);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:13px}.overlay{z-index:90;padding:18px;background:#09180fa8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(620px,100%);max-height:min(90vh,880px);padding:0;border:1px solid rgb(255 255 255 / 35%);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.modal--small{width:min(460px,100%)}.modal--large{width:min(920px,100%)}.modal>header{position:sticky;top:0;z-index:3;min-height:72px;padding:18px 22px;background:var(--color-surface);border-color:var(--color-border)}.modal>header h2{margin:0;color:var(--color-text-primary);font-size:19px;letter-spacing:-.02em}.modal>header p{margin:5px 0 0;color:var(--color-text-secondary);font-size:12px}.modal>header>button{width:36px;height:36px;display:grid;place-items:center;padding:0;color:var(--color-text-secondary);background:var(--color-surface-subtle);border:1px solid var(--color-border)}.modal-body,.modal>label,.modal>.row,.modal>.image-field,.modal>.existing-gallery,.modal>.banner-live-preview,.modal>footer{margin-inline:22px}.modal-body{padding:20px 0 22px}.modal>label:first-of-type,.modal>.row:first-of-type,.modal>.image-field:first-of-type{margin-top:20px}.modal>footer{position:sticky;bottom:0;z-index:3;padding:16px 0 20px;background:var(--color-surface);border-top:1px solid var(--color-border)}.modal-actions-footer,.modal footer.modal-actions-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal-actions-footer button,.modal footer.modal-actions-footer button{width:auto;min-width:104px;margin:0}.dialog-form{display:grid;gap:15px}.dialog-form label,.settings-form label{display:grid;gap:7px;color:var(--color-text-secondary);font-size:12px;font-weight:740}.dialog-form textarea{min-height:92px;resize:vertical}.form-section{display:grid;gap:14px;margin:20px 22px 0;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}.form-section legend{width:calc(100% + 2px);display:grid;grid-template-columns:28px 1fr;column-gap:9px;padding:0 0 10px}.form-section legend>span{grid-row:1 / 3;width:28px;height:28px;display:grid;place-items:center;color:var(--color-primary-700);background:var(--color-primary-100);border-radius:50%;font-size:11px;font-weight:850}.form-section legend b{color:var(--color-text-primary);font-size:13px}.form-section legend small{margin-top:3px;color:var(--color-text-muted);font-size:10px;font-weight:500}.form-section>label,.form-section .row>label,.form-section .image-field>label{display:grid;gap:7px;color:var(--color-text-secondary);font-size:11px;font-weight:740}.detail-collection{display:grid;gap:10px;margin-bottom:18px}.detail-collection article{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;padding:13px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.detail-collection article>div{min-width:0}.detail-collection span,.detail-collection b{display:block;overflow-wrap:anywhere}.detail-collection span{color:var(--color-text-muted);font-size:9px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.detail-collection b{margin-top:4px;color:var(--color-text-primary);font-size:11px}.confirmation-copy{margin:0;color:var(--color-text-secondary);line-height:1.6}.dialog-warning{width:44px;height:44px;display:grid;place-items:center;margin-bottom:12px;color:var(--color-danger);background:#fff0ef;border-radius:50%}.order-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.modal-body section>h3{margin:20px 0 10px;color:var(--color-text-primary);font-size:14px}.modal-body section:first-child>h3,.order-detail-grid section>h3{margin-top:0}.price-breakdown{margin:0;padding:14px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.price-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;color:var(--color-text-secondary);font-size:12px}.price-breakdown dt,.price-breakdown dd{margin:0}.price-breakdown .price-total{margin-top:5px;padding-top:12px;color:var(--color-text-primary);border-top:1px solid var(--color-border-strong);font-size:14px;font-weight:800}.detail-items{border:1px solid var(--color-border);border-radius:var(--radius-md)}.detail-items>div{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border-top:1px solid var(--color-border)}.detail-items>div:first-child{border-top:0}.detail-items b,.detail-items small{display:block}.detail-items b{font-size:12px}.detail-items small{margin-top:4px;color:var(--color-text-muted);font-size:10px}.timeline{display:grid;gap:0}.timeline>div{position:relative;min-height:48px;display:flex;gap:12px}.timeline>div:before{position:absolute;top:17px;bottom:-3px;left:5px;width:1px;content:"";background:var(--color-border-strong)}.timeline>div:last-child:before{display:none}.timeline i{position:relative;z-index:1;width:11px;height:11px;flex:0 0 11px;margin-top:4px;background:var(--color-primary-500);border:3px solid var(--color-primary-100);border-radius:50%;box-sizing:content-box}.timeline b,.timeline small{display:block}.timeline b{font-size:12px}.timeline small{margin-top:4px;color:var(--color-text-muted);font-size:10px}.dashboard-page{display:grid;gap:18px}.dashboard-welcome{min-height:180px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(24px,3.4vw,44px);color:#fff;background:radial-gradient(circle at 85% 15%,rgb(255 255 255 / 15%),transparent 26%),linear-gradient(120deg,#0b4c2a,#11733d 60%,#228d50);border-radius:var(--radius-xl);box-shadow:0 18px 44px #0c532d29}.dashboard-welcome h2{max-width:650px;margin:8px 0;font-size:clamp(26px,3.2vw,42px);letter-spacing:-.045em}.dashboard-welcome p{max-width:590px;margin:0;color:#ffffffc2;font-size:14px;line-height:1.6}.eyebrow{display:block;color:var(--color-primary-600);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.dashboard-welcome .eyebrow{color:#b9efcb}.dashboard-total{min-width:220px;padding:18px 20px;background:#ffffff1c;border:1px solid rgb(255 255 255 / 18%);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dashboard-total span,.dashboard-total small,.dashboard-total strong{display:block}.dashboard-total span,.dashboard-total small{color:#ffffffad;font-size:11px}.dashboard-total strong{margin:7px 0 5px;font-size:27px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card{min-height:106px;display:flex;align-items:center;gap:13px;padding:17px;color:var(--color-text-primary);text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.kpi-card:not(:disabled):hover{transform:translateY(-2px);border-color:#b8cec0;box-shadow:var(--shadow-md)}.kpi-card:disabled{cursor:default;opacity:1}.kpi-card>svg{margin-left:auto;color:var(--color-text-muted)}.kpi-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;color:var(--color-primary-700);background:var(--color-primary-100);border-radius:var(--radius-md)}.kpi-card--amber .kpi-icon{color:#9a5208;background:#fff1d6}.kpi-card--blue .kpi-icon{color:#2356aa;background:#edf3ff}.kpi-card--violet .kpi-icon{color:#6d3db5;background:#f4efff}.kpi-card--rose .kpi-icon{color:#b33b52;background:#fff0f3}.kpi-card--slate .kpi-icon{color:#475569;background:#eef2f6}.kpi-copy{min-width:0;display:grid;gap:6px}.kpi-copy small{color:var(--color-text-secondary);font-size:11px;font-weight:700}.kpi-copy strong{font-size:22px;letter-spacing:-.03em}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-grid--charts{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr)}.dashboard-card{min-width:0;padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.card-header h3{margin:5px 0 0;font-size:17px;letter-spacing:-.02em}.compact-select select{min-height:36px;padding:6px 30px 6px 10px;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;font-weight:700}.revenue-chart{height:210px;display:flex;align-items:flex-end;gap:clamp(4px,1vw,10px);padding:12px 4px 0;border-bottom:1px solid var(--color-border)}.chart-column{min-width:8px;height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.chart-column>span{width:min(22px,72%);min-height:5px;background:linear-gradient(180deg,#32ac65,var(--color-primary-600));border-radius:6px 6px 2px 2px;transition:height .22s ease}.chart-column small{max-width:42px;overflow:hidden;color:var(--color-text-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.status-bars{display:grid;gap:13px}.status-bars>div>span{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:11px}.status-bars b{color:var(--color-text-secondary);font-weight:700}.status-bars small{color:var(--color-text-muted)}.status-bars i{height:6px;display:block;overflow:hidden;background:#edf1ee;border-radius:999px}.status-bars em{height:100%;display:block;background:linear-gradient(90deg,var(--color-primary-500),#56b77a);border-radius:inherit}.dashboard-list{display:grid}.dashboard-list>div{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--color-border)}.dashboard-list>div:first-child{border-top:0}.dashboard-list span{min-width:0}.dashboard-list b,.dashboard-list small{display:block}.dashboard-list b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dashboard-list small{margin-top:4px;overflow:hidden;color:var(--color-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.list-meta{display:flex;align-items:flex-end;gap:5px;text-align:right}.list-meta b{font-size:11px}.quantity-pill,.rating-chip{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;border-radius:999px}.rating-chip{color:#9a650d;background:#fff4d8;border-color:#efd89f}.compact-empty{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:18px;color:var(--color-text-muted);text-align:center;font-size:12px}.settings-form{max-width:1040px;gap:20px;padding:24px}.settings-form .settings-section{grid-column:1 / -1;margin:0}.configuration-status,.toggle-row,.settings-error{display:flex!important;align-items:center;gap:11px}.configuration-status{padding:13px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid #bfdfc9;border-radius:var(--radius-md)}.configuration-status.missing{color:#9a5208;background:#fff7e7;border-color:#eed6a8}.configuration-status span,.configuration-status b,.configuration-status small,.toggle-row span,.toggle-row b,.toggle-row small{display:block}.configuration-status small,.toggle-row small{margin-top:3px;color:var(--color-text-muted);font-size:10px;font-weight:500}.toggle-row{min-height:52px;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.toggle-row input{width:18px;height:18px;accent-color:var(--color-primary-600)}.settings-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.settings-skeleton{height:480px;border-radius:var(--radius-lg)}.settings-error{padding:22px;color:var(--color-danger)}.settings-error div{flex:1}.settings-error b{color:var(--color-text-primary)}.settings-error p{margin:4px 0 0;color:var(--color-text-secondary);font-size:12px}.settings-form>p{padding:14px;color:var(--color-text-secondary);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.settings-form>button{min-height:42px;padding:10px 17px;color:#fff;background:var(--color-primary-600);border:0;border-radius:var(--radius-md);font-weight:750}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid--charts{grid-template-columns:1fr}}@media(max-width:860px){body{overflow-x:hidden;overflow-y:auto}.shell,.shell--collapsed{display:block;height:auto;min-height:100vh;overflow:visible}.shell aside,.shell--collapsed aside{position:fixed;width:min(300px,88vw);height:100dvh;transform:translate(-105%);box-shadow:var(--shadow-lg)}.shell aside.sidebar--open{transform:translate(0)}.sidebar-scrim{position:fixed;inset:0;z-index:35;display:block;width:100%;height:100%;padding:0;background:#08170e8c;border:0}.sidebar-mobile-close{margin-left:auto;display:grid;place-items:center;width:38px;height:38px;padding:0;color:var(--color-text-secondary);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.shell--collapsed .brand-logo{width:132px}.shell--collapsed .nav-group-label{height:auto;padding:0 11px 6px;opacity:1}.shell--collapsed nav button{justify-content:flex-start;padding-inline:11px}.shell--collapsed nav button span,.shell--collapsed .account-details,.shell--collapsed .account-profile>svg,.shell--collapsed .account-dropdown span{display:initial}.shell--collapsed .account-profile{justify-content:flex-start;padding:10px}.shell--collapsed .account-dropdown{left:0;right:0;bottom:calc(100% + 8px);width:auto}.account{display:block}.shell main{width:100%;height:auto;min-height:100vh;overflow:visible}.app-header{position:sticky;min-height:72px;padding:11px 16px}.mobile-menu-button{display:grid}.sidebar-collapse-button,.header-role{display:none}.content{min-height:calc(100vh - 72px);padding:18px 16px 28px}.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-total{min-width:0;width:100%}.dashboard-grid,.order-detail-grid{grid-template-columns:1fr}.data-table th:first-child,.data-table td:first-child,.data-table th:last-child,.data-table td:last-child{position:static;box-shadow:none}}@media(max-width:560px){.app-header{align-items:center}.breadcrumbs{display:none}.app-header h1{font-size:20px}.header-actions .primary-button span{display:none}.header-actions .primary-button{width:40px;height:40px;padding:0}.kpi-grid{grid-template-columns:1fr}.kpi-card{min-height:88px}.dashboard-welcome{min-height:0;padding:24px}.dashboard-welcome h2{font-size:28px}.dashboard-card{padding:16px}.commerce-toolbar{align-items:stretch;flex-direction:column}.commerce-toolbar input,.commerce-toolbar select,.commerce-toolbar button{width:100%;min-width:0}.commerce-pagination{justify-content:space-between}.modal{max-height:calc(100dvh - 20px);border-radius:var(--radius-lg)}.overlay{padding:10px}.modal>header{padding:16px}.modal-body,.modal>label,.modal>.row,.modal>.image-field,.modal>.existing-gallery,.modal>.banner-live-preview,.modal>footer{margin-inline:16px}.form-section{margin-inline:16px;padding:14px}.detail-collection article{grid-template-columns:1fr}.row{grid-template-columns:1fr}.modal-actions-footer{flex-direction:column-reverse}.modal-actions-footer button{width:100%}}@media(prefers-reduced-motion:reduce){.shell,.shell aside,.kpi-card,.skeleton-line:after,.skeleton-block:after{transition:none;animation:none}}