*{box-sizing:border-box}body{margin:0;background:#f7f7f5;color:#171717;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #171717;padding:12px 20px;background:#171717;color:white;min-height:46px}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled){background:#363636}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #547232;outline-offset:4px}.outline{background:transparent;color:#171717}.outline:hover:not(:disabled){background:#eee}.quiet{background:transparent;color:#171717;border:0;padding:10px}.quiet:hover:not(:disabled){background:#eee}header{background:white;border-bottom:1px solid #ddd;padding:23px 4vw;display:flex;align-items:center;justify-content:space-between;gap:25px}header>span{font-size:12px;letter-spacing:2px}header>div{display:flex;align-items:center;gap:25px;font-size:14px}.brand{font:45px/1 Georgia,serif;letter-spacing:-3px;white-space:nowrap}.brand small{font:10px Arial,sans-serif;letter-spacing:2px;margin-left:10px}main{max-width:1350px;margin:auto;padding:50px 4vw 80px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow{font-size:12px;letter-spacing:2px;margin:0 0 15px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15;margin:0}h1{font-size:43px}h2{font-size:30px}h3{font-size:23px}.muted,.hint{color:#686868}.hint{font-size:14px}.tabs{display:flex;gap:30px;border-bottom:1px solid #ccc;margin:30px 0}.tabs button{background:none;border:0;color:#777;padding:15px 0}.tabs button.selected{color:#111;border-bottom:2px solid #111}.tabs span{font-size:12px;padding:3px 7px;background:#e7e7e2;margin-left:5px}.toolbar{display:flex;gap:20px;align-items:end;margin-bottom:25px}.toolbar label:first-child{flex:1;max-width:450px}label{display:block;font-size:14px;margin-bottom:20px}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #bbb;border-radius:0;background:white;color:#111}input:focus,textarea:focus,select:focus{outline:2px solid #687b57;outline-offset:1px}textarea{resize:vertical}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{border:1px solid #ddd;background:white;overflow:hidden}.product-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eee}.product-card .no-image{aspect-ratio:4/3;display:grid;place-items:center;background:#eeeee9;color:#666}.product-card .info{padding:20px}.product-card h3{margin:12px 0}.product-card p{margin:8px 0;font-size:14px;color:#666}.badge{font-size:12px;letter-spacing:1px;background:#ededeb;padding:5px 8px;display:inline-block}.badge.live{background:#e6eddc}.product-card button{width:100%;margin-top:18px}.empty{grid-column:1/-1;padding:60px 25px;border:1px dashed #bbb;text-align:center}.empty p{color:#666}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:start}.section-title p{max-width:650px}.category-edit{padding:25px;border:1px solid #ddd;background:white;margin:20px 0}.category-edit .row{display:grid;grid-template-columns:1fr 2fr auto;gap:25px;align-items:center}.category-edit label{margin-bottom:0}dialog{border:0;padding:0;width:min(1000px,calc(100% - 32px));max-height:92vh;box-shadow:0 12px 80px #0003}dialog::backdrop{background:#0008}dialog form{padding:30px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.editor-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{display:flex;align-items:center;gap:12px;font-size:16px;margin:15px 0}.check input{width:20px;height:20px;accent-color:#111;flex-shrink:0}fieldset{margin:30px 0 0;border:1px solid #ddd;padding:15px}legend{font-size:14px;padding:0 6px}.upload{padding:16px;border:1px dashed #777;cursor:pointer;text-align:center;background:#fafaf7}.upload input{margin-top:15px;font-size:12px;border:0;padding:0;background:none}.photo-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.photo img{width:100%;aspect-ratio:1;object-fit:cover}.photo .photo-controls{display:flex;gap:4px;flex-wrap:wrap}.photo button{min-height:36px;font-size:12px;padding:5px 7px;flex:1}.photo p{font-size:12px;margin:4px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:15px;border-top:1px solid #ddd;padding-top:25px;margin-top:25px}#status:empty,#form-status:empty{display:none}#status,#form-status{padding:12px 15px;background:#eceee6}.error{background:#ffece7!important;color:#9d2f16}#login-status{font-size:14px;color:#9d2f16}.login-body{min-height:100vh;display:grid;place-items:center;background:#f3f3f0}.login-card{padding:50px;max-width:530px;margin:40px 20px;background:white;border:1px solid #ddd}.login-card .brand{display:block;margin-bottom:55px}.login-card h1{font-size:38px}.login-card form{margin-top:32px}.login-card button{width:100%}.back{font-size:14px;display:block;margin-top:30px;text-decoration:underline;text-underline-offset:4px}[hidden]{display:none!important}@media(max-width:900px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid{grid-template-columns:1fr}.category-edit .row{grid-template-columns:1fr}.section-title{flex-direction:column}}@media(max-width:600px){header{padding:20px;flex-wrap:wrap}header>span{display:none}.brand{font-size:35px}header>div{gap:10px}main{padding:35px 20px}h1{font-size:34px}.page-heading{align-items:start;flex-direction:column}.page-heading>button{width:100%}.toolbar{align-items:stretch;flex-direction:column;gap:0}.toolbar label:first-child{max-width:none}.products{grid-template-columns:1fr}.two-col{grid-template-columns:1fr;gap:0}dialog form{padding:22px}.login-card{padding:30px}.login-card h1{font-size:32px}.dialog-actions{position:sticky;bottom:-22px;background:white;padding-bottom:12px}.dialog-actions button{flex:1}}

.password-field{display:flex;align-items:stretch;border:1px solid #bbb;margin:8px 0 22px}.password-field input:not([type=checkbox]){border:0;margin:0;min-width:0;flex:1}.login-card .password-field button{width:auto;min-width:94px;margin:0;border:0;border-left:1px solid #ddd;background:#f6f6f3;color:#111;font-size:14px;padding:10px 12px}.login-card .password-field button:hover{background:#e9e9e5}.login-card label[for=password]{margin-bottom:0}
