@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{--ink:#212524;--muted:#767b77;--line:#e9eae5;--paper:#fff;--soft:#f6f7f3;--red:#d82228;--yellow:#ffdb32;--green:#33664a}*{box-sizing:border-box}body{color:var(--ink);background:#fff;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.5;cursor:wait}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #e6b718}a{color:inherit;text-decoration:none}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe2db;border-radius:9px;outline:none;padding:12px 13px}input:focus,select:focus,textarea:focus{border-color:#9da698;box-shadow:0 0 0 3px #edf0e7}textarea{resize:vertical;min-height:90px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{letter-spacing:-2.6px;margin:23px 0 19px;font-size:clamp(36px,5.2vw,62px);font-weight:750;line-height:1.14}h1 span{color:#7b817a}h2{letter-spacing:-.6px;font-size:21px;font-weight:750}h3{letter-spacing:-.4px;font-size:18px}.brandline{background:linear-gradient(90deg,#e01d24 0 17%,#ffdb32 17% 100%);height:5px}header{border-bottom:1px solid var(--line);background:#fff}.header-inner{justify-content:space-between;align-items:center;gap:15px;max-width:1120px;min-height:102px;margin:auto;padding:16px 32px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand img{object-fit:contain;width:70px;height:70px}.brand>span{flex-direction:column;display:flex}.brand b{letter-spacing:1.3px;font-size:15px}.brand small{letter-spacing:1.5px;color:var(--muted);margin-top:3px;font-size:10px}.button{border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:11px 17px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.dark{background:var(--ink);color:#fff}.dark:hover{background:#41483f}.light{background:#f4f5f0}.light:hover{background:#e9ece3}.subtle{background:#fff;border:1px solid #e1e4da}.wide{width:100%}.public-main{max-width:1000px;min-height:72vh;margin:auto;padding:55px 32px 80px}.eyebrow{letter-spacing:1.9px;color:#666e61;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.dot{background:var(--red);border-radius:50%;width:7px;height:7px;display:inline-block}.lead{color:#737970;max-width:540px;font-size:16px;line-height:1.7}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin:40px 0 20px;display:flex}.section-heading>span{color:var(--muted);font-size:12px}.section-heading p{margin-top:6px}.family-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.family-card{text-align:left;background:#f7f8f2;border:1px solid #e4e8dc;border-radius:14px;min-height:205px;padding:25px 25px 21px;transition:transform .2s,border .2s}.family-card:first-child{background:#fffbed;border-color:#f0e8c4}.family-card:hover{border-color:#aaa980;transform:translateY(-3px)}.card-top,.card-bottom{justify-content:space-between;align-items:center;display:flex}.card-number{color:#9da18e;letter-spacing:1px;font-size:11px}.category-icon{color:#817125;background:#fff0ab;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}.family-card h3{margin:24px 0 17px}.card-bottom{color:#717768;font-size:12px}.circle-arrow{width:30px;height:30px;color:var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.benefits{border-top:1px solid var(--line);color:#7a8076;justify-content:space-between;gap:26px;margin-top:48px;padding-top:24px;font-size:12px;display:flex}.benefits>div{align-items:center;gap:10px;display:flex}.benefits svg{color:#8a927f}.empty{text-align:center;color:#6c7565;background:#fcfdf9;border:1px dashed #dfe4d5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:210px;padding:38px 25px;display:flex}.empty h3,.empty h2{color:var(--ink)}.draft-callout{background:#fff9e6;border:1px solid #f2e9c8;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:22px;display:flex}.draft-callout p{color:#7c7459;margin-top:5px;font-size:13px}.back{color:#747d6d;align-items:center;gap:7px;margin:22px 0 28px;padding:0;font-size:12px;display:flex}.title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.family-title{letter-spacing:-1.6px;margin:0 0 12px;font-size:40px}.title-row .category-icon{width:64px;height:64px}.muted{color:var(--muted);font-size:13px}.small{font-size:12px}.searchbox{color:#8a9282;background:#f7f8f4;border:1px solid #e5e8de;border-radius:10px;align-items:center;gap:12px;margin:27px 0;padding:0 15px;display:flex}.searchbox input{box-shadow:none;background:0 0;border:0;padding:15px 0}.searchbox:focus-within{border-color:#9ca98d}.list-caption{letter-spacing:1.7px;color:#8f9686;border-bottom:1px solid #dce2d3;justify-content:space-between;padding:0 0 12px;font-size:9px;font-weight:700;display:flex}.price-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:21px 0;display:flex}.product-name{overflow-wrap:anywhere;max-width:64%;font-size:14px;font-weight:500}.product-price{text-align:right;flex-shrink:0;max-width:46%}.product-price b{letter-spacing:-.5px;font-size:19px;font-weight:650}.product-price small{color:#8b9185;margin-top:5px;font-size:10px;display:block}.updated{color:#87907e;align-items:center;gap:6px;margin-top:22px;font-size:11px;display:flex}footer{border-top:1px solid var(--line);color:#8b9282;justify-content:space-between;align-items:center;gap:20px;padding:30px max(32px,50vw - 528px);font-size:10px;display:flex}footer div{flex-direction:column;gap:4px;display:flex}footer b{letter-spacing:1.2px;color:#5f6856;font-size:10px}footer p{font-size:12px}.admin-main{max-width:1120px;min-height:75vh;margin:auto;padding:40px 32px 70px}.admin-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-top h1{letter-spacing:-1.2px;margin:10px 0;font-size:34px}.tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:8px;margin:24px 0 30px;padding:16px 0;display:flex;overflow:auto}.tabs button{white-space:nowrap;color:#747c6c;border-radius:8px;align-items:center;gap:8px;padding:11px 17px;font-size:13px;display:flex}.tabs .active{color:#333a2c;background:#fff5cd;font-weight:600}.tabs+.section-heading{margin-top:25px}.toolbar{align-items:center;gap:15px;margin:15px 0 20px;display:flex}.toolbar .searchbox{flex:1;margin:0}.toolbar select{width:240px;max-width:100%}.admin-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.admin-product{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:17px 20px;font-size:13px;display:flex}.admin-product:last-child{border:0}.admin-product>div:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.admin-product b{font-size:13px;font-weight:550}.admin-product small{color:#899080;margin-top:5px;font-size:11px;display:block}.admin-product strong{white-space:nowrap;font-size:14px;font-weight:650}.row-actions{gap:8px;display:flex}.row-actions button{color:#7c8671;border-radius:6px;padding:8px;display:flex}.row-actions button:hover{background:#f2f4ed}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:25px}.panel-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.panel-heading>button{display:flex}.family-admin-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.family-admin-grid h2{margin:15px 0 8px}.family-admin-grid .small{margin-top:7px}.badge{color:#96761e;background:#fff3ce;border-radius:5px;padding:4px 9px;font-size:10px;font-weight:600;display:inline-flex}.badge.live{color:#527b40;background:#edf4e9}.family-actions{flex-wrap:wrap;gap:7px;margin:23px 0 15px;display:flex}.family-actions .button{min-height:36px;padding:9px 12px;font-size:11px}.family-footer{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:17px;display:flex}.danger-link{color:#aa4f45;padding:0;font-size:11px}.text-link{color:#727c63;text-underline-offset:4px;justify-content:center;align-items:center;gap:7px;margin:16px 0;font-size:12px;text-decoration:underline;display:flex}.family-footer .text-link{margin:0;font-size:11px}.access-layout{text-align:center;max-width:540px;margin:10px auto}.access-layout .eyebrow{justify-content:center}.access-layout h1{letter-spacing:-1.5px;font-size:40px}.access-panel{text-align:center;margin-top:30px;padding:30px 38px}.access-panel>svg{color:#a7af95;margin-bottom:12px}.access-panel h2{margin-bottom:15px}.access-panel p{color:#7d8573;margin-bottom:22px;font-size:13px}.access-panel .back{justify-content:center;margin-bottom:0}.access-panel form{text-align:left}.field{margin:16px 0 20px;display:block}.field>span{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.identity{overflow-wrap:anywhere}.alert{overflow-wrap:anywhere;border-radius:9px;align-items:center;gap:10px;margin-bottom:25px;padding:15px 17px;font-size:13px;display:flex}.alert button{margin-left:auto;display:flex}.error{color:#a84433;background:#fff0ed;border:1px solid #f3c8be}.success{color:#4a6c39;background:#edf6e9;border:1px solid #dcebd4}.warning{color:#8c762c;background:#fff7da;border:1px solid #eee4b5}.import-layout{grid-template-columns:1.3fr 1fr;gap:25px;display:grid}.step{align-items:center;gap:11px;margin-bottom:22px;display:flex}.step>span{color:#877121;background:#fff2ba;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.step h3{font-size:16px}.upload-zone{cursor:pointer;text-align:center;background:#f8faf4;border:1px dashed #cbd3bf;border-radius:10px;flex-direction:column;align-items:center;gap:13px;margin-bottom:20px;padding:27px 17px;display:flex}.upload-zone b{overflow-wrap:anywhere;font-size:12px}.upload-zone small{color:#89957c;font-size:10px}.upload-zone svg{color:#889e6c}.upload-zone input{border:0;margin-top:8px;padding:0;font-size:10px}.import-note{background:#f7f8f3}.import-note h3{margin:20px 0}.import-note p{color:#7d8572;margin:16px 0;font-size:13px;line-height:1.7}.import-note p:has(svg){align-items:center;gap:9px;display:flex}.note-divider{border-top:1px solid #e2e7d7;margin:24px 0}.preview{margin-top:25px}.summary-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin:25px 0;display:grid}.summary-grid>div{text-align:center;background:#f6f8f0;border-radius:7px;flex-direction:column;padding:14px;display:flex}.summary-grid b{font-size:23px}.summary-grid span{color:#879476;font-size:10px}.preview-scroll{border:1px solid var(--line);border-radius:8px;max-height:380px;margin-bottom:24px;overflow:auto}.checkbox{align-items:center;gap:10px;margin-bottom:20px;font-size:13px;display:flex}.checkbox input{width:18px;height:18px}.user-list{gap:15px;display:grid}.user-panel{align-items:flex-start;gap:18px;display:flex}.avatar{color:#8e7623;background:#fff0ad;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:600;display:flex}.user-details{overflow-wrap:anywhere;flex:1;min-width:0}.user-details h3{font-size:15px}.user-details p{color:#747e66;margin:4px 0;font-size:12px}.user-details small{color:#9aa38c;font-size:10px}.user-comment{padding:8px 0}.user-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:350px;display:flex}.user-controls select{width:145px;padding:8px;font-size:11px}.user-controls .button{min-height:34px;padding:8px 12px;font-size:11px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#1c271b77;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:100%;max-width:560px;max-height:90vh;padding:28px;overflow:auto;box-shadow:0 20px 70px #0002}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.qr-modal{text-align:center}.qr-modal img{width:100%;max-width:320px}.qr-modal p{overflow-wrap:anywhere;color:#7f8b70;margin-bottom:20px;font-size:11px}@media (min-width:800px){.family-grid:has(.family-card:only-child){grid-template-columns:minmax(270px,360px)}}@media (max-width:700px){.header-inner{min-height:86px;padding:12px 20px}.brand img{width:54px;height:54px}.brand{gap:8px}.brand b{letter-spacing:.7px;font-size:12px}.brand small{letter-spacing:.7px;font-size:8px}.button{padding:10px 13px;font-size:12px}.public-main{padding:35px 22px 48px}.eyebrow{letter-spacing:1.4px;font-size:9px}h1{letter-spacing:-1.6px;margin:22px 0 17px}.lead{font-size:14px}.family-grid{grid-template-columns:1fr}.family-card{min-height:176px;padding:20px}.family-card h3{margin:18px 0 9px}.section-heading{gap:15px;margin-top:32px}h2{font-size:18px}.benefits{flex-direction:column;gap:15px;margin-top:32px}.draft-callout{flex-direction:column;align-items:flex-start}.family-title{letter-spacing:-1px;font-size:30px}.title-row .category-icon{width:48px;height:48px}.product-name{max-width:57%;font-size:12px}.price-row{gap:15px;padding:19px 0}.product-price b{font-size:17px}.product-price small{max-width:150px;font-size:9px}.product-price{flex-shrink:1;max-width:45%}footer{flex-wrap:wrap;gap:18px;padding:25px 22px}footer p{display:none}footer>span{font-size:9px}.admin-main{padding:26px 18px 45px}.admin-top{align-items:flex-start}.admin-top h1{font-size:28px}.admin-top .button{min-height:34px;padding:8px;font-size:10px}.admin-top .muted{font-size:10px}.tabs{gap:3px}.tabs button{padding:9px 11px;font-size:11px}.section-heading .muted{font-size:11px}.toolbar{flex-direction:column;align-items:stretch}.toolbar .searchbox,.toolbar select{width:100%}.family-admin-grid,.import-layout{grid-template-columns:1fr}.admin-product{flex-wrap:wrap;gap:12px;padding:15px 12px}.admin-product b{font-size:11px}.admin-product strong{font-size:13px}.admin-product small{font-size:10px}.row-actions{gap:0}.row-actions button{padding:6px}.panel{padding:20px}.summary-grid{grid-template-columns:repeat(3,1fr)}.user-panel{flex-wrap:wrap;gap:12px}.user-controls{justify-content:flex-start;width:100%;max-width:100%;margin-top:10px}.user-details p{font-size:11px}.access-layout h1{font-size:33px}.access-panel{padding:25px 20px}.form-grid{grid-template-columns:1fr;gap:0}.modal{padding:23px}.modal h2{font-size:18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}