:root{font:16px/1.5 Arial,sans-serif;color:#263c2c;background:#f7f1e7;--forest:#29432f;--rust:#a64b2d}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{min-height:44px}button{cursor:pointer;border:1px solid #b7c2b2;border-radius:10px;background:#fffaf2;padding:10px 16px;color:var(--forest)}button:hover{background:#e4ecd9}button:disabled{opacity:.55;cursor:wait}input,select{border:1px solid #bec8b7;border-radius:8px;padding:9px;background:white;max-width:100%;color:#263c2c}input[type=checkbox]{min-height:22px;width:22px;vertical-align:middle}label{display:grid;gap:6px;margin:12px 0}label.check{display:flex;align-items:center;gap:10px}.primary{background:var(--rust);border-color:var(--rust);color:white}.primary:hover{background:#893b23}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}aside{background:var(--forest);color:#f7f1e7;padding:30px 20px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;height:100dvh;overflow:auto}aside button{color:#f7f1e7;background:transparent;border-color:transparent;text-align:left}aside button.active,aside button:hover{background:#405a42}.brand{font-family:Georgia,serif;font-size:52px;letter-spacing:-3px;line-height:1}.eyebrow,small{font-size:12px;letter-spacing:1px}.brand small{display:block;font-family:Arial;font-size:9px;letter-spacing:1.5px;margin:12px 0 30px}.profile{margin-top:auto;border-top:1px solid #668169!important}.profile small{display:block;opacity:.8}main{padding:32px 40px;max-width:1600px;width:100%}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.1}h1{font-size:44px;margin:18px 0}h2{font-size:28px;margin:8px 0 18px}p{margin:10px 0}.muted{color:#667463}.banner{background:#f0dfc3;padding:12px 18px;border-radius:10px;font-size:13px;margin-bottom:26px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.toolbar{margin:24px 0}.search{flex:1;min-width:180px}.card{background:#fffaf2;border:1px solid #dedfce;border-radius:16px;padding:24px;margin:16px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.product{margin:0;display:flex;flex-direction:column;gap:8px}.product h3{font-family:Georgia,serif;font-size:22px;line-height:1.15;margin:0}.product .quantity{margin-top:auto}.tag{display:inline-block;padding:4px 9px;border-radius:20px;background:#e3ead9;font-size:12px}.retired{background:#f0d9d1}.star{float:right;font-size:22px;padding:4px 10px}.quantity{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quantity input{width:100%}.welcome{max-width:540px;margin:8vh auto;padding:30px}.welcome .brand{font-size:90px}.welcome button{width:100%;margin-top:12px}.error{color:#8e311f;min-height:24px}.footer{position:sticky;bottom:12px;background:#29432f;color:#fffaf2;border-radius:14px;padding:16px 20px;margin-top:26px;box-shadow:0 6px 25px #0002}.footer button{background:#e3ead9}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 monospace}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#263c2c;color:white;border-radius:12px;padding:0;z-index:10;max-width:90vw}#notice:not(:empty){padding:14px 22px}.prefs{max-width:700px}.auth-note{font-size:13px;color:#667463}a{color:#954426}dialog{border:0;border-radius:18px;max-width:750px;width:calc(100% - 30px);max-height:90dvh;overflow:auto;background:#fffaf2;padding:26px}dialog::backdrop{background:#18332199}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px;border-bottom:1px solid #ddd}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d3935d;outline-offset:3px}@media(max-width:760px){.shell{display:block}aside{position:static;height:auto;padding:18px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px}aside .brand{font-size:34px;margin-right:auto}aside .brand small{display:none}aside nav{display:flex;order:3;width:100%;overflow:auto;gap:4px}aside nav button{white-space:nowrap;font-size:14px}aside .profile{margin:0;border:0!important}aside>.logout{display:none}main{padding:20px 16px}h1{font-size:36px}.grid{grid-template-columns:1fr}.toolbar>*{flex:1;min-width:130px}.footer{bottom:8px}.card{padding:20px}}
