@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600&display=swap');
.login-card .signin-button{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:3.25rem;margin-top:.75rem;border:1px solid #114d3b;border-radius:.8rem;background:linear-gradient(135deg,#197251,#104b39);color:#fff;font-size:.98rem;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 18px rgba(16,75,57,.2);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.login-card .signin-button:hover{background:linear-gradient(135deg,#20815d,#11503d);box-shadow:0 13px 22px rgba(16,75,57,.28);transform:translateY(-1px)}.login-card .signin-button:active{transform:translateY(0);box-shadow:0 6px 13px rgba(16,75,57,.22)}.login-card .signin-button span{font-size:1.25rem;line-height:1}
:root{--ink:#10221c;--muted:#6e7b75;--cream:#f7f7f2;--line:#e5e8e4;--green:#115e4b;--lime:#d8ff6c;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--ink)}aside{position:fixed;width:236px;inset:0 auto 0 0;background:#0f2921;color:#dfe8df;padding:28px 16px}.brand{font:600 23px Fraunces,serif;color:white;margin:0 12px 46px}.brand span,.paw{color:var(--lime)}aside p{font-size:10px;letter-spacing:1.3px;color:#8ca198;margin:0 12px 14px}.nav{display:block;width:100%;border:0;background:transparent;color:#dfe8df;text-align:left;padding:12px;border-radius:9px;margin:3px 0;font:500 14px inherit;cursor:pointer}.nav:hover,.nav.active{background:#21483c;color:#fff}aside form{margin-top:24px}main{margin-left:236px;padding:42px;max-width:1440px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1,h2{font-family:Fraunces,serif;margin:0}h1{font-size:34px;letter-spacing:-.8px}h2{font-size:19px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--green);margin:0 0 7px}.primary{border:0;border-radius:10px;background:var(--green);color:white;padding:12px 17px;font:600 14px inherit;cursor:pointer}.primary:hover{background:#0b4536}.primary.small{padding:8px 12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:15px}.stat{padding:20px}.stat span{font-size:13px;color:var(--muted)}.stat strong{font:600 30px Fraunces,serif;display:block;margin-top:8px}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.text{color:var(--green);border:0;background:none;font:600 13px inherit;cursor:pointer}table{border-collapse:collapse;width:100%;font-size:14px}th{text-transform:uppercase;font-size:10px;letter-spacing:1px;color:var(--muted);text-align:left;padding:10px;border-bottom:1px solid var(--line)}td{padding:14px 10px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}.badge,.chip{font-size:12px;border-radius:99px;padding:5px 9px;background:#e7f7ef;color:#0f684e;display:inline-block}.badge.orange{background:#fff2d7;color:#8c5712}.badge.gray{background:#eff1f0;color:#52625a}select,input{font:inherit;border:1px solid #d9dfdb;border-radius:8px;padding:9px;background:#fff;color:var(--ink)}select{padding:7px}.hidden{display:none}.login{min-height:100vh;background:linear-gradient(140deg,#0f2921,#175a46);display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 36px));background:#fff;border-radius:22px;padding:40px;box-shadow:0 30px 90px #07191266}.login-card .paw{font-size:34px}.login-card h1{font-size:32px;margin:9px 0}.login-card>p:not(.eyebrow){color:var(--muted);margin-top:0}.login-card label{display:block;font-size:13px;font-weight:600;margin:18px 0}.login-card input{display:block;width:100%;margin-top:7px}.login-card button{width:100%;margin-top:4px}.login-card small{display:block;color:var(--muted);text-align:center;margin-top:17px}.error{background:#fff0ee;color:#a33c27;border-radius:8px;padding:9px;font-size:13px}dialog{border:0;border-radius:16px;width:min(760px,calc(100% - 24px));padding:0;box-shadow:0 22px 80px #001a1066}dialog::backdrop{background:#10221c88}dialog form{padding:28px;position:relative}.close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:27px;cursor:pointer}.modal-title{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.field{display:grid;gap:6px;margin:12px 0;font-size:13px;font-weight:600}.field.full{grid-column:1/-1}.field small{color:var(--muted);font-weight:500}.field input,.field select,.field textarea{width:100%}.field textarea{min-height:88px}.product-cell{display:flex;align-items:center;gap:12px}.thumb{width:54px;height:54px;border-radius:14px;object-fit:cover;background:#e7f7ef;display:grid;place-items:center;flex:0 0 auto}.thumb.empty{font-size:22px}@media(max-width:720px){aside{position:static;width:100%;height:auto;display:flex;gap:4px;overflow:auto;padding:14px}.brand,aside p{display:none}.nav{white-space:nowrap;width:auto}.nav form{margin:0}main{margin:0;padding:23px 15px}.stats{grid-template-columns:repeat(2,1fr)}header{align-items:flex-end}.panel{overflow-x:auto}.form-grid{grid-template-columns:1fr}}