:root{--paper:#f6f4ef;--white:#fffefa;--ink:#273831;--muted:#788079;--line:#e3e4da;--rust:#be5234;--green:#294d3b;font:14px Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;background:none;cursor:pointer;color:inherit}input,select,textarea{border:1px solid #d9dcd2;border-radius:8px;padding:12px;background:var(--white);width:100%;margin:7px 0}.sidebar{width:238px;padding:35px 23px 24px;position:fixed;inset:0 auto 0 0;background:#efefe7;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{font-size:24px;font-weight:700;text-decoration:none}.brand>span{display:inline-grid;place-items:center;background:var(--rust);color:white;border-radius:10px;width:40px;height:42px;font:35px Georgia}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-left:50px;margin-top:-8px}.nav-label,.eyebrow{font-size:9px;letter-spacing:1.7px;color:#7d856f;margin-top:48px}.nav{display:block;text-align:left;padding:14px 12px;border-radius:8px;width:100%;margin:3px 0;color:#657062;font-size:12px}.nav.active{background:#dee5d8;color:#294b36;font-weight:bold}.nav b{float:right;background:#c9d7c1;padding:2px 6px}.side-guide{margin-top:auto;border:1px solid #dadfd1;border-radius:11px;padding:18px 15px;background:#e9ecdf;font-size:12px}.side-guide p{font-size:11px;color:var(--muted);line-height:1.7}.side-guide button{font-size:10px;font-weight:bold}.sidebar>small{margin-top:22px;color:var(--muted);font-size:10px}.workspace{margin-left:238px}.topbar{height:76px;border-bottom:1px solid var(--line);padding:29px 46px;color:var(--muted);font-size:10px}.topbar span{margin:0 12px;color:#bbb}.topbar i{float:right;color:#65725d;font-style:normal}main{max-width:1500px;margin:auto;padding:0 46px}.hero{display:flex;justify-content:space-between;align-items:center;padding:44px 0 35px}.hero h1,h1{font:normal 66px/1.04 Georgia,serif;letter-spacing:-3px;margin:18px 0}.hero h1 em,h1 em{color:var(--rust);font-weight:normal}.hero p{font-size:12px;line-height:1.8;color:var(--muted)}.hero-note{width:210px;height:200px;border:1px solid #dce0d3;border-radius:110px 110px 8px 8px;background:#eeeee3;display:grid;place-items:center;text-align:center;font:24px Georgia;color:#6c775f;transform:rotate(4deg);margin-right:35px}.stats{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;border:1px solid var(--line);border-radius:11px;padding:20px 0;background:#faf9f4}.stats>div{padding:2px 23px;border-right:1px solid var(--line);display:flex;gap:12px;align-items:center}.stats b{display:block;font:27px Georgia}.stats small{color:var(--muted);font-size:10px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:62px 0 20px}.section-title h2{font:normal 26px Georgia;margin:0}.section-title p{font-size:11px;color:var(--muted)}.primary,.secondary{border-radius:7px;padding:12px 17px;font-size:11px;font-weight:bold}.primary{background:var(--rust);color:#fff}.secondary{background:#e3e9df;color:#31513d}.toolbar,.filters{display:flex;gap:10px;align-items:center}.toolbar input{flex:1}.filters{border-bottom:1px solid var(--line);padding:10px 0 20px}.filter{padding:8px 12px;border-radius:7px;color:var(--muted);font-size:11px}.filter.active{background:#e0e8dc;color:#31513d;font-weight:bold}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px;margin-top:25px}.product{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}.product-image{height:140px;background:linear-gradient(135deg,#e9eee5,#f5dfcf);display:grid;place-items:center;font:55px Georgia;color:white}.product-body{padding:15px}.product-body h3{font-size:15px;line-height:1.35}.product-meta{display:flex;justify-content:space-between;font:20px Georgia}.actions{display:flex;gap:8px;margin-top:15px}.actions button{background:#edf0e9;padding:8px;border-radius:6px;font-size:10px}.empty{text-align:center;padding:70px 10px;color:var(--muted)}.empty h3{color:var(--ink);font:23px Georgia}.empty-bag{margin:auto;width:70px;height:60px;background:var(--rust);border-radius:12px;color:#fff;font:50px Georgia}.empty-bag small{font:18px Arial;position:relative;top:-25px;left:22px}.card{background:var(--white);border:1px solid var(--line);border-radius:11px;padding:20px;max-width:720px;margin:28px 0}.card p{color:var(--muted);font-size:12px;line-height:1.7}.card textarea{display:block;margin:15px 0}#list-form{display:flex;gap:10px;max-width:550px;margin:45px 0}footer{border-top:1px solid var(--line);padding:25px 0;margin-top:70px;color:var(--muted);font-size:10px}footer i{color:var(--rust);font-style:normal}footer span{float:right}dialog{border:0;border-radius:14px;padding:28px;max-width:570px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 20px 80px #27383133}dialog::backdrop{background:#27383166}dialog h2{font:normal 25px Georgia}dialog h2 button{float:right;font-size:25px}dialog form{display:grid;gap:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}#toast{position:fixed;right:25px;bottom:25px;background:var(--green);color:white;padding:14px;border-radius:8px;z-index:10}@media(max-width:800px){.sidebar{position:static;width:auto;padding:20px;display:block}.nav-label,.side-guide,.sidebar>small{display:none}.sidebar nav{display:flex}.nav{text-align:center;padding:10px 4px}.workspace{margin:0}.topbar{padding:28px 20px}main{padding:0 20px}.hero-note{display:none}.hero h1,h1{font-size:50px}.stats{grid-template-columns:1fr 1fr}.stats>div{padding:14px}.stats>div:last-child{display:none}.toolbar{flex-wrap:wrap}.section-title{align-items:start;gap:10px}}