@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--sand:#c8ad82;--sand2:#e8d9bc;--water:#b9d0c8;--water2:#dcebe5;--ivory:#fbf7ef;--taupe:#806c52;--ink:#282b29;--charcoal:#252824;--line:rgba(80,70,55,.13);--shadow:0 18px 50px rgba(71,58,39,.12)}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.65),transparent 35%),linear-gradient(135deg,#efe4cf,#d8e7e0 48%,#c9b184);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(rgba(70,55,35,.22) .7px,transparent .7px),repeating-radial-gradient(circle at 70% 30%,transparent 0 28px,rgba(255,255,255,.16) 29px 31px);background-size:9px 9px,160px 120px}.app{display:flex;min-height:100vh;position:relative}.sidebar{width:270px;background:linear-gradient(180deg,rgba(37,40,36,.98),rgba(51,49,42,.97));color:#fff;position:fixed;left:0;top:0;bottom:0;z-index:30;overflow:auto;border-right:1px solid rgba(255,255,255,.08)}.brand{padding:22px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.brand .circle{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--water),var(--sand));color:#26312e;font-weight:800;box-shadow:0 0 0 6px rgba(255,255,255,.05)}.brand strong{font-family:Manrope;font-size:18px}.nav{padding:14px}.nav h6{font-size:10px;letter-spacing:1.5px;color:#aeb6af;margin:18px 10px 7px}.nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:14px;color:#d9dfda;text-decoration:none;font-size:13px;margin:3px 0}.nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(185,208,200,.2),rgba(200,173,130,.18));color:#fff}.ico{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:12px}.main{margin-left:270px;width:calc(100% - 270px);padding:18px}.topbar{height:66px;background:rgba(251,247,239,.78);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:20px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:var(--shadow);position:sticky;top:12px;z-index:20}.search{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 13px;min-width:280px}.content{padding:22px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:rgba(251,247,239,.9);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:18px}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-28px;bottom:-35px;background:rgba(185,208,200,.4)}.stat b{font:800 28px Manrope}.muted{color:#77776f;font-size:13px}.btn{border:0;border-radius:14px;padding:10px 15px;background:linear-gradient(135deg,var(--taupe),#a48d6e);color:white;text-decoration:none;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:700}.btn.water{background:linear-gradient(135deg,#789f94,#a9c9bf);color:#1e302b}.btn.ghost{background:transparent;color:var(--taupe);border:1px solid var(--line)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--water2);color:#35564d;font-size:11px;font-weight:700}.badge.sand{background:var(--sand2);color:#654f35}.product{overflow:hidden}.product .cover{height:175px;border-radius:18px;background:linear-gradient(135deg,var(--sand2),var(--water2));display:grid;place-items:center;font:800 38px Manrope;color:#6b5b45}.product h3{margin:14px 0 7px;font-family:Manrope}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.actions{display:flex;gap:7px;flex-wrap:wrap}.fab{position:fixed;right:25px;bottom:25px;width:60px;height:60px;border-radius:50%;border:0;background:linear-gradient(145deg,#7e9f95,#c8ad82);box-shadow:0 16px 35px rgba(52,57,49,.3);font-size:26px;z-index:60;cursor:pointer}.quick{position:fixed;right:25px;bottom:95px;width:250px;background:rgba(251,247,239,.97);border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow);display:none;z-index:59}.quick.open{display:block}.quick a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:14px;text-decoration:none;color:var(--ink)}.quick a:hover{background:var(--water2)}.modal{display:none;position:fixed;inset:0;background:rgba(26,28,25,.48);z-index:80;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modalbox{width:min(720px,100%);max-height:90vh;overflow:auto;background:var(--ivory);border-radius:26px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.3)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:#fff;font:inherit}label{display:block;font-size:12px;font-weight:700;margin:10px 0 6px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero{padding:70px 0 45px}.hero h1{font:800 clamp(38px,6vw,72px) Manrope;max-width:850px;margin:0 0 18px}.hero p{font-size:18px;max-width:680px;color:#5f625d}.hero-orb{width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8,transparent 20%),linear-gradient(145deg,var(--water),var(--sand));box-shadow:inset -20px -20px 50px rgba(84,67,43,.16),0 30px 80px rgba(75,65,50,.18);margin:auto}.frontnav{display:flex;align-items:center;justify-content:space-between;padding:15px 4%;background:rgba(251,247,239,.72);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.frontnav a{color:var(--ink);text-decoration:none;margin:0 7px;font-weight:600;font-size:13px}.front{padding:0 4%}.section{padding:45px 0}.section h2{font:800 30px Manrope}.pill{display:inline-block;padding:7px 11px;border-radius:999px;background:rgba(185,208,200,.4);font-size:11px;font-weight:700}.footer{padding:35px 4%;background:rgba(37,40,36,.96);color:#ddd}.mobile-toggle{display:none}
@media(max-width:1050px){.grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:235px}.main{margin-left:235px;width:calc(100% - 235px)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%;padding:10px}.mobile-toggle{display:inline-flex}.grid{grid-template-columns:1fr}.search{min-width:0;width:150px}.formgrid{grid-template-columns:1fr}.topbar{top:5px}.frontnav .links{display:none}.hero{padding-top:40px}.hero .grid{grid-template-columns:1fr}.table{display:block;overflow:auto}.main{padding-bottom:90px}}