@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@500&display=swap');*{box-sizing:border-box}body{margin:0;background:#f4f2ed;color:#263934;font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#173c34;color:white;padding:28px 20px;display:flex;flex-direction:column;gap:5px}aside h2{font:500 23px 'Playfair Display';margin:0 0 35px}aside a{padding:12px;color:#abc0b9;font-size:12px}aside a.active{background:#2a5046;color:white}aside a:nth-last-child(2){margin-top:auto}main{margin-left:230px;padding:40px;max-width:1300px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}header small{color:#c88485;letter-spacing:.2em}h1,h2{font-family:'Playfair Display';font-weight:500;color:#173c34}h1{margin:5px 0;font-size:38px}.panel{background:white;padding:26px}.split{display:grid;grid-template-columns:1fr 1.4fr;gap:25px}.narrow{max-width:650px}.panel label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;margin-bottom:12px}.panel input,.panel textarea,.panel select,.panel button,.orderrow select{padding:11px;border:1px solid #ddd8d0;background:white}.panel>button,.panel form>button{background:#173c34;color:white;border:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.productrow{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #eee}.productrow img{width:55px;height:55px;object-fit:cover}.productrow>div{display:flex;flex-direction:column}.productrow small,.orderrow small{color:#78847f}.actions{display:flex!important;flex-direction:row!important;gap:5px;align-items:center}.actions form{display:flex}.actions a,.actions button{font-size:10px;padding:7px;border:1px solid #ddd;background:white}.actions .danger{color:#a33}.orderrow{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #eee}.orderrow>div{display:flex;flex-direction:column}.stats{display:flex;gap:15px;margin-bottom:20px}.stats div{background:#f4f2ed;padding:15px 25px}.stats b{display:block;font-size:25px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.chips span{padding:8px 12px;background:#edf1ee;border-radius:20px}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(400px,calc(100% - 30px));padding:40px;background:white;display:flex;flex-direction:column;gap:12px}.login input,.login button{padding:13px;border:1px solid #ddd}.login button{background:#173c34;color:white}.error{background:#fee;color:#933;padding:10px}@media(max-width:800px){aside{position:static;width:auto}aside a:nth-last-child(2){margin-top:0}main{margin:0;padding:20px}.split{grid-template-columns:1fr}.productrow{grid-template-columns:48px 1fr}.actions{grid-column:2}.two{grid-template-columns:1fr}}

