:root{--green:#174f36;--leaf:#2d7a4e;--mint:#edf7ef;--lime:#c8e66b;--cream:#fbfaf4;--ink:#183027;--muted:#718078;--line:#dce7df;--white:#fff;--danger:#c13c32}*{box-sizing:border-box}html{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--cream)}body{margin:0;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));gap:42px;position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:10px;color:var(--green);text-decoration:none;line-height:1.05}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--mint);font-size:25px}.topbar nav{display:flex;gap:28px;flex:1}.topbar nav a,.userbox a{color:var(--ink);text-decoration:none;font-weight:600}.userbox{display:flex;gap:14px;align-items:center}.link-btn{border:0;background:none;color:var(--leaf);font-weight:700;cursor:pointer}.page{width:min(1180px,calc(100% - 32px));margin:34px auto;flex:1}footer{text-align:center;padding:24px;color:var(--muted)}h1{font-size:clamp(28px,4vw,46px);line-height:1.08;margin:10px 0 12px}h2{font-size:28px;margin:8px 0}h3{margin:0 0 6px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:800;color:var(--leaf)}.muted,.page-head p,.section-title p{color:var(--muted)}.card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 12px 40px #174f360d}.auth-wrap{display:grid;grid-template-columns:1.1fr .9fr;min-height:620px;border-radius:28px;overflow:hidden;background:var(--green)}.auth-art{padding:70px;color:white;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 25% 15%,#3c8a5c,transparent 34%),linear-gradient(145deg,#174f36,#123d2b)}.auth-art h1{font-size:54px}.auth-art p{font-size:19px;max-width:510px;color:#dcece2;line-height:1.6}.produce{font-size:70px}.auth-card{border-radius:28px 0 0 28px;padding:64px 54px;display:flex;flex-direction:column;justify-content:center}.narrow{max-width:570px;margin:35px auto}form label{display:block;font-weight:700;font-size:14px;margin:18px 0 7px}input,select{width:100%;padding:14px 15px;border:1px solid #ccd9d0;border-radius:12px;background:#fff;font:inherit;outline:none}input:focus,select:focus{border-color:var(--leaf);box-shadow:0 0 0 3px #2d7a4e1f}.validation,span.field-validation-error{color:var(--danger);font-size:13px}.form-row{display:flex;justify-content:space-between;align-items:center;margin:12px 0 20px}.check{display:flex!important;align-items:center;gap:8px;margin:0!important}.check input{width:auto}.form-row a,.auth-foot a{color:var(--leaf);font-weight:700}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 19px;border:0;border-radius:12px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.btn.primary{background:var(--green);color:white;width:100%}.btn.primary:hover{background:var(--leaf)}.btn.ghost{background:var(--mint);color:var(--green)}.auth-foot{text-align:center;border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.alert{padding:15px 18px;border-radius:12px;margin-bottom:18px}.alert.success{background:var(--mint);color:var(--green)}.hero{background:linear-gradient(120deg,var(--green),#2b774b);color:white;padding:42px 48px;border-radius:26px;display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.hero p{color:#dcece2}.hero .eyebrow{color:var(--lime)}.hero-leaf{font-size:90px}.section-title,.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.store-card{display:flex;gap:15px;align-items:center;background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.store-icon{font-size:26px;background:var(--mint);padding:12px;border-radius:12px}.store-card div:nth-child(2){flex:1}.store-card span{color:var(--muted);font-size:13px}.round{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green);color:white;text-decoration:none}.pill,.status{padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800}.pill,.waiting{background:#fff0c9;color:#795b09}.active{background:var(--mint);color:var(--green)}.user-list{display:grid;gap:16px}.user-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.user-summary{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.user-summary p{margin:0 0 8px;color:var(--muted)}.avatar{width:52px;height:52px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800}.approval-form{display:grid;grid-template-columns:220px 1fr 180px;gap:18px;align-items:end}.store-checks{max-height:120px;overflow:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:9px;border:1px solid var(--line);border-radius:12px}.store-checks label{margin:0;font-weight:500}.store-checks input{width:auto}.stores small{display:block;color:var(--muted);margin-top:5px}.inline{margin-top:10px}@media(max-width:800px){.topbar{height:auto;padding:12px 16px;flex-wrap:wrap}.topbar nav{order:3;width:100%;overflow:auto}.userbox span{display:none}.page{margin:20px auto}.auth-wrap{display:block;background:none}.auth-art{display:none}.auth-card{border-radius:22px;padding:28px 22px}.grid2,.store-grid{grid-template-columns:1fr}.hero{padding:28px 24px}.hero-leaf{display:none}.approval-form{grid-template-columns:1fr}.store-checks{grid-template-columns:1fr}.page-head{align-items:flex-start}.narrow{padding:24px 20px}}