@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#102321;--paper:#f7f5ef;--gold:#bb943f;--line:#d8dbd4;--muted:#63716a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Manrope,Arial}.login{min-height:100vh;display:grid;place-items:center;background:var(--ink);color:white}.login>div{width:min(410px,90vw)}.logo{font-size:12px;font-weight:800;letter-spacing:1px;color:inherit;text-decoration:none}.login h1,.workspace h1,dialog h2{font-family:'Playfair Display',serif}.login h1{font-size:45px;margin:32px 0 8px}.login p{color:#b8c8c0;line-height:1.6}.login form{margin-top:32px;display:grid;gap:15px}.login label{display:grid;gap:7px;font-weight:700}.login input,.login textarea,.login select{width:100%;padding:12px;border:1px solid var(--line);font:inherit;background:white;color:var(--ink)}.login input{border-color:#426057;background:#173633;color:white}button{font:inherit;font-weight:800;border:0;cursor:pointer;padding:12px 17px}.login form button,.primary{background:var(--gold);color:var(--ink)}#login-error{color:#ffc8bd;min-height:20px}#dashboard{min-height:100vh;display:grid;grid-template-columns:235px 1fr}aside{background:var(--ink);color:white;padding:30px 18px;display:flex;flex-direction:column}aside nav{display:grid;gap:5px;margin-top:46px}aside nav button{background:transparent;color:#c2d0c9;text-align:left;border-left:2px solid transparent}aside nav button.selected{border-left-color:var(--gold);color:white;background:#18332f}.logout{margin-top:auto;background:transparent;color:#c2d0c9;text-align:left}.workspace{padding:46px max(4vw,25px)}.workspace header{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.workspace h1{font-size:39px;margin:3px 0}.workspace header p{color:var(--muted);margin:0;font-size:12px}#notice{min-height:3px}.notice{padding:11px 14px;background:#e1eee6;color:#164929;margin-bottom:16px}.table-wrap{background:white;border:1px solid var(--line);overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;padding:15px 17px;border-bottom:1px solid #e9ece8}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}td{font-size:13px}td small{display:block;color:var(--muted);margin-top:4px}.status{font-size:11px;font-weight:800;color:#27734c}.status.off{color:#8a6057}.icon-button{background:transparent;color:var(--ink);padding:7px}.empty{padding:30px;background:white;color:var(--muted)}dialog{border:0;box-shadow:0 20px 70px #10232155;width:min(620px,95vw);padding:0}dialog::backdrop{background:#10232199}dialog form{padding:26px}.dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:20px}.dialog-head h2{margin:0 0 18px}.dialog-head button{background:transparent;font-size:26px;padding:0 4px}.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-weight:800;font-size:12px}.field textarea{min-height:100px;resize:vertical}.checkbox{display:flex;align-items:center;gap:8px;font-weight:700}.checkbox input{width:auto}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.actions button[type=button]{background:#e5e9e4}.content-form{max-width:780px;background:white;padding:25px;border:1px solid var(--line)}.product-image{width:38px;height:30px;object-fit:cover;vertical-align:middle;margin-right:8px}.upload{font-size:12px;color:var(--muted)}
@media(max-width:700px){#dashboard{grid-template-columns:1fr}aside{padding:15px;display:block}aside nav{display:flex;margin:15px 0;overflow:auto}.logout{display:none}.workspace{padding:28px 16px}.workspace header{align-items:flex-end}.workspace h1{font-size:32px}.primary{font-size:12px;padding:11px}.login h1{font-size:36px}}