.lp{color:#1f2937;font-size:16px;line-height:1.6}.lp *{box-sizing:border-box}.lp .wrap{max-width:1120px;margin:0 auto;padding:0 20px}.lp a{text-decoration:none}.lp-nav{position:sticky;top:0;z-index:30;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #eef0ee}.lp-nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}.lp-nav img{height:38px}.lp-nav .links{display:flex;align-items:center;gap:26px}.lp-nav .links a{color:#374151;font-weight:500;font-size:15px}.lp-nav .links a:hover{color:#2e7d32}.lp-btn{display:inline-flex;align-items:center;gap:8px;background:#2e7d32;color:#fff;padding:11px 20px;border-radius:30px;font-weight:600;font-size:15px;border:none;cursor:pointer;transition:background .15s,transform .15s}.lp-btn:hover{background:#1b5e20;transform:translateY(-1px)}.lp-btn.ghost{background:#fff;color:#2e7d32;border:1.5px solid #2E7D32}.lp-btn.wa{background:#25d366}.lp-btn.wa:hover{background:#1da851}.lp-btn.lg{padding:14px 26px;font-size:16px}@media (max-width: 720px){.lp-nav .links a:not(.lp-btn){display:none}.lp-nav .links{gap:12px}.lp-nav img{height:32px}}@media (max-width: 560px){.lp-sec{padding:48px 0}.lp-sec h2{font-size:26px}.lp-hero{padding:40px 0 52px}.lp-hero h1{font-size:30px}.lp-hero p.sub{font-size:16px}.lp-hero .cta-row .lp-btn{flex:1;justify-content:center}.lp-cta h2{font-size:26px}}.lp-hero{background:linear-gradient(160deg,#e8f5e9,#f5fbf5 55%,#fff);padding:64px 0 72px}.lp-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.lp-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #cfe6d0;color:#2e7d32;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px}.lp-hero h1{font-size:46px;line-height:1.12;margin:0 0 16px;color:#14361a;font-weight:800;letter-spacing:-.5px}.lp-hero h1 .hl{color:#4caf50}.lp-hero p.sub{font-size:18px;color:#4b5563;margin:0 0 28px;max-width:520px}.lp-hero .cta-row{display:flex;gap:14px;flex-wrap:wrap}.lp-hero .mini{margin-top:22px;display:flex;gap:22px;color:#4b5563;font-size:14px;flex-wrap:wrap}.lp-hero .mini span{display:inline-flex;align-items:center;gap:7px}.lp-hero .mini svg{color:#2e7d32}.lp-hero-art{display:flex;justify-content:center}.lp-hero-card{background:#fff;border-radius:22px;box-shadow:0 24px 60px #14361a24;padding:30px 28px;width:100%;max-width:380px}.lp-hero-card img{width:100%;margin-bottom:18px}.lp-hero-card .row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #f0f2f0;font-size:14px;color:#374151}.lp-hero-card .row:first-of-type{border-top:none}.lp-hero-card .ic{width:34px;height:34px;border-radius:9px;background:#e8f5e9;color:#2e7d32;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 860px){.lp-hero .wrap{grid-template-columns:1fr}.lp-hero h1{font-size:36px}}.lp-sec{padding:72px 0}.lp-sec.alt{background:#f7faf7}.lp-sec h2{font-size:32px;text-align:center;margin:0 0 8px;color:#14361a;font-weight:800;letter-spacing:-.3px}.lp-sec .lead{text-align:center;color:#6b7280;max-width:560px;margin:0 auto 44px}.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.lp-step{background:#fff;border:1px solid #eef0ee;border-radius:16px;padding:26px 20px;text-align:center}.lp-step .n{width:46px;height:46px;border-radius:50%;background:#e8f5e9;color:#2e7d32;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.lp-step h3{margin:0 0 6px;font-size:17px;color:#14361a}.lp-step p{margin:0;color:#6b7280;font-size:14px}@media (max-width: 860px){.lp-steps{grid-template-columns:repeat(2,1fr)}}.lp-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lp-pack{background:#fff;border:1px solid #eef0ee;border-radius:18px;padding:26px;position:relative;transition:transform .15s,box-shadow .15s}.lp-pack:hover{transform:translateY(-4px);box-shadow:0 18px 40px #14361a1a}.lp-pack.pop{border-color:#4caf50;box-shadow:0 12px 30px #4caf5026}.lp-pack .tag{position:absolute;top:-12px;right:20px;background:#4caf50;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px}.lp-pack h3{margin:0 0 4px;font-size:19px;color:#14361a}.lp-pack .who{color:#6b7280;font-size:14px;margin-bottom:16px}.lp-pack .price{font-size:34px;font-weight:800;color:#2e7d32}.lp-pack .price small{font-size:15px;font-weight:500;color:#9ca3af}.lp-pack ul{list-style:none;padding:0;margin:18px 0 22px}.lp-pack li{display:flex;gap:9px;align-items:flex-start;color:#374151;font-size:14px;padding:5px 0}.lp-pack li svg{color:#4caf50;margin-top:2px;flex-shrink:0}.lp-pack .lp-btn{width:100%;justify-content:center}@media (max-width: 860px){.lp-packs{grid-template-columns:1fr}}.lp-why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lp-feat{background:#fff;border:1px solid #eef0ee;border-radius:16px;padding:26px}.lp-feat .ic{width:46px;height:46px;border-radius:12px;background:#e8f5e9;color:#2e7d32;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.lp-feat h3{margin:0 0 6px;font-size:17px;color:#14361a}.lp-feat p{margin:0;color:#6b7280;font-size:14px}@media (max-width: 860px){.lp-why{grid-template-columns:1fr}}.lp-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lp-panel{background:#fff;border:1px solid #eef0ee;border-radius:18px;padding:30px}.lp-panel h3{margin:0 0 6px;font-size:20px;color:#14361a;display:flex;align-items:center;gap:10px}.lp-panel h3 svg{color:#2e7d32}.lp-panel p{color:#6b7280;margin:0 0 18px;font-size:15px}.lp-slot{display:flex;align-items:center;gap:12px;background:#f5fbf5;border:1px solid #e3efe3;border-radius:12px;padding:14px 16px;margin-bottom:12px}.lp-slot .ic{color:#2e7d32}.lp-slot b{color:#14361a}.lp-slot span{color:#6b7280;font-size:14px}.lp-chips{display:flex;flex-wrap:wrap;gap:8px}.lp-chip{background:#e8f5e9;color:#2e7d32;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}@media (max-width: 860px){.lp-split{grid-template-columns:1fr}}.lp-cta{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;text-align:center;padding:64px 0}.lp-cta h2{font-size:32px;margin:0 0 12px;color:#fff}.lp-cta p{color:#d7ecd8;margin:0 0 26px;font-size:17px}.lp-cta .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.lp-cta .lp-btn.ghost{background:transparent;color:#fff;border-color:#fff9}.lp-cta .lp-btn.ghost:hover{background:#ffffff1f}.lp-foot{background:#12261a;color:#b8c9bd;padding:44px 0 28px;font-size:14px}.lp-foot .top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:26px}.lp-foot img{height:40px;filter:brightness(0) invert(1);opacity:.95}.lp-foot .col h4{color:#fff;margin:0 0 10px;font-size:15px}.lp-foot .col a,.lp-foot .col div{color:#b8c9bd;display:block;margin-bottom:7px}.lp-foot .col a:hover{color:#fff}.lp-foot .foot-admin{text-align:center;padding:6px 0 20px}.lp-foot .foot-admin .lp-btn.ghost{background:transparent;color:#cfe6d0;border-color:#3a5a44}.lp-foot .foot-admin .lp-btn.ghost:hover{background:#ffffff14;color:#fff}.lp-foot .bar{border-top:1px solid #23402c;padding-top:18px;text-align:center;color:#8aa091}.lp-fab{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;padding:14px 20px;border-radius:50px;box-shadow:0 10px 26px #25d36673;font-weight:700;font-size:16px;transition:transform .15s,box-shadow .15s}.lp-fab:hover{transform:translateY(-2px);box-shadow:0 14px 30px #25d3668c}.lp-fab-txt{display:inline}@media (max-width: 560px){.lp-fab{right:16px;bottom:16px;padding:14px}.lp-fab-txt{display:none}}:root{--green: #2E7D32;--green-dark: #1B5E20;--green-soft: #E8F5E9;--bg: #F5F7F5;--border: #E5E7EB;--muted: #6B7280;--text: #1a1a1a}*{box-sizing:border-box}html{font-size:14px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:.875rem;line-height:1.4}button{cursor:pointer;font-family:inherit}a{color:var(--green)}h1{font-size:1.15rem;margin:0}h2{font-size:1rem;margin:0 0 10px}h3{font-size:.9rem;margin:0 0 6px}.layout{display:flex;flex-direction:column;min-height:100vh}.topbar{background:var(--green);color:#fff;height:52px;flex-shrink:0;padding:0 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.topbar .brand{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:800}.topbar .right{display:flex;align-items:center;gap:14px}.topbar .who{color:#ffffffd9;font-size:.8rem}.topbar .logout{display:flex;align-items:center;gap:6px;background:#ffffff26;border:none;color:#fff;padding:7px 12px;border-radius:6px;font-size:.8rem}.topbar .logout:hover{background:#ffffff47}.burger{display:none;background:transparent;border:none;color:#fff;padding:4px;margin-right:6px;cursor:pointer;align-items:center}.drawer-head{display:none;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:700;color:var(--muted);text-transform:uppercase;font-size:.72rem;letter-spacing:.05em}.drawer-close{background:transparent;border:none;color:var(--muted);padding:4px;cursor:pointer}.drawer-overlay{display:none}.body{display:flex;flex:1;min-height:0}.sidebar{width:200px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);padding:12px 0;position:sticky;top:52px;align-self:flex-start;height:calc(100vh - 52px);overflow-y:auto;display:flex;flex-direction:column}.nav-logout{display:none;margin-top:auto;color:#c0392b;border-top:1px solid var(--border)}.nav-logout:hover{background:#fbeaea}.sidebar .nav-item{width:100%;background:transparent;border:none;color:var(--text);text-align:left;padding:10px 18px;font-size:.85rem;display:flex;gap:10px;align-items:center;border-left:3px solid transparent}.sidebar .nav-item:hover{background:#f4f7f4}.sidebar .nav-item.active{color:var(--green-dark);font-weight:700;background:var(--green-soft);border-left-color:var(--green)}.main{flex:1;min-width:0}.content{padding:18px 22px;width:100%;max-width:none}.card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:14px}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--green);color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:.82rem}.btn:hover{background:var(--green-dark)}.btn.outline{background:#fff;color:var(--green);border:1.5px solid var(--green)}.btn.small{padding:4px 10px;font-size:.75rem}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--border);font-size:.8rem;vertical-align:top}th{color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}tr:hover td{background:#fafafa}.badge{padding:2px 8px;border-radius:6px;color:#fff;font-size:.7rem;text-transform:capitalize}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:.82rem;font-family:inherit;background:#fff}label.field{display:block;font-size:.72rem;color:var(--muted);margin-bottom:4px;font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .full{grid-column:1 / -1}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green-soft),var(--bg));padding:20px}.login-card{width:100%;max-width:340px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:26px 22px;box-shadow:0 8px 30px #0000000f}.login-card h1{text-align:center;color:var(--green);margin-bottom:4px}.login-card .sub{text-align:center;color:var(--muted);margin:0 0 20px;font-size:.78rem}.login-card .btn{width:100%;margin-top:6px}.login-card .err{color:#e53935;margin-top:10px;font-size:.8rem}.login-card .hint{text-align:center;color:var(--muted);margin-top:14px;font-size:.72rem}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:14px}.tab{background:transparent;border:none;padding:9px 16px;font-size:.85rem;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--green);font-weight:700;border-bottom-color:var(--green)}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;min-width:150px}.toolbar .spacer{flex:1}.search-box{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:6px;padding:0 10px;background:#fff;color:var(--muted)}.search-box input{border:none;padding:8px 0;min-width:170px}.search-box input:focus{outline:none}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px}.stat .num{font-size:1.5rem;font-weight:800;color:var(--green-dark)}.stat .lbl{color:var(--muted);font-size:.75rem;margin-top:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:#fff;border-radius:12px;padding:20px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto}.modal.modal-wide{max-width:560px}.suggest{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-weight:700;color:var(--green-dark)}.pick-list{border:1px solid var(--border);border-radius:8px;max-height:230px;overflow-y:auto}.pick-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid #f0f0f0}.pick-row:last-child{border-bottom:none}.pick-row.on{background:var(--green-soft)}.pick-row .checkbox-row span{font-size:.8rem}.qty-stepper{display:flex;align-items:center;gap:0;border:1px solid var(--green);border-radius:6px;overflow:hidden}.qty-stepper button{background:var(--green);color:#fff;border:none;width:24px;height:24px;font-size:15px;line-height:1}.qty-stepper span{min-width:26px;text-align:center;font-weight:700;font-size:.8rem}.modal h3{margin-top:0}.modal .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text)}.checkbox-row input{width:auto}.muted{color:var(--muted);font-size:.78rem}.thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid var(--border);display:block}.thumb.ph{display:flex;align-items:center;justify-content:center;background:var(--green-soft);color:var(--green)}.img-picker{display:flex;align-items:center;gap:14px}.img-preview{width:74px;height:74px;border-radius:10px;border:1px solid var(--border);background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.img-preview img{width:100%;height:100%;object-fit:cover}.img-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.label-sheet{border:2px dashed #999;border-radius:10px;padding:18px;max-width:380px;font-size:.85rem}.label-sheet h2{margin:0 0 4px}@media (max-width: 760px){.topbar{padding:0 14px}.topbar .brand{font-size:.95rem}.burger{display:inline-flex}.drawer-head{display:flex}.drawer-overlay{display:block;position:fixed;top:52px;right:0;bottom:0;left:0;background:#00000073;z-index:24}.sidebar{position:fixed;top:52px;left:0;z-index:25;width:250px;max-width:82vw;height:calc(100vh - 52px);transform:translate(-100%);transition:transform .25s ease;border-right:1px solid var(--border);box-shadow:2px 0 18px #00000026;overflow-y:auto;padding:0}.sidebar.open{transform:translate(0)}.sidebar .nav-item{padding:13px 18px;font-size:.9rem}.topbar .right{display:none}.nav-logout{display:flex}.content{padding:14px}.card{overflow-x:auto}table{min-width:560px}.toolbar input,.toolbar select,.search-box input{min-width:0}.search-box input{width:140px}.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.modal.modal-wide{max-width:100%}}@media (max-width: 420px){.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat .num{font-size:1.25rem}}@media print{.no-print,.sidebar,.topbar{display:none!important}body{background:#fff}.content{padding:0}}