:root{--wine:#702437;--ink:#29241f;--paper:#f5f1e9;--muted:#746c63;--line:#ded6ca}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Arial,sans-serif}button,input,textarea,select{font:inherit}button,.upload-button{cursor:pointer}button{border:1px solid var(--line);background:#fffbf6;padding:10px 16px;color:var(--ink)}button:hover{background:#ede4d9}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ab8052;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 6%;border-bottom:1px solid var(--line)}header>a:last-child{font-size:12px;color:var(--wine)}.brand{display:flex;gap:15px;align-items:center}.brand img{border-radius:50%;width:64px;height:64px}.brand>span{font-size:13px}.brand small{display:block;letter-spacing:2px;font-size:7px;color:var(--muted)}main{max-width:1300px;margin:auto;padding:50px 6%}h1,h2,p{margin:0}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:44px;line-height:1.1;letter-spacing:-1px}h2{font-size:28px;line-height:1.2}em{color:var(--wine)}.eyebrow{font-size:9px;color:var(--wine);letter-spacing:2px;margin-bottom:17px}.page-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.page-top>div>p:last-child{font-size:12px;color:var(--muted);margin-top:16px}.save-controls{text-align:right}.save-controls p{font-size:11px;color:var(--muted);margin-bottom:10px}.primary{background:var(--wine);color:white;border-color:var(--wine)}.primary:hover{background:#521a29}#feedback{margin-top:20px;font-size:12px;color:var(--wine)}#feedback:empty{display:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}.stats>div{border:1px solid var(--line);padding:22px;background:#fffbf6}.stats span{font:35px Georgia,serif;color:var(--wine)}.stats p{font-size:11px;color:var(--muted);margin-top:4px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:30px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:12px}.tabs button.active{border-color:var(--wine);color:var(--wine)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.section-top p{font-size:12px;color:var(--muted);margin-top:8px}.filters{display:flex;gap:15px;margin:25px 0}.filters label:first-child{flex:1}.filters label{font-size:10px;color:var(--muted);display:block}input:not([type=checkbox],[type=file]),textarea,select{display:block;width:100%;border:1px solid var(--line);background:#fffbf6;padding:11px;color:var(--ink);margin-top:6px;min-width:0}select{cursor:pointer}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px;text-align:left}th{font-size:9px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;background:#ece4d9;padding:13px}td{padding:17px 13px;border-bottom:1px solid var(--line);font-size:12px}td:first-child{max-width:280px}td:first-child strong{font-weight:500}td small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.price{white-space:nowrap;color:var(--wine)}.status{display:inline-block;background:#e5ebdf;color:#375030;padding:4px 9px;font-size:9px;white-space:nowrap}.status.inactive{background:#ece7e0;color:#786b5d}.row-actions{display:flex;gap:7px}.row-actions button{font-size:10px;padding:7px 10px;white-space:nowrap}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.image-card{border:1px solid var(--line);background:#fffbf6}.image-card img{width:100%;height:180px;object-fit:cover;display:block}.image-card>div{padding:18px}.image-card h3{font-size:13px;margin:0 0 13px;font-weight:500}.upload-button{display:inline-block;border:1px solid var(--line);padding:9px 13px;font-size:11px;background:#fffbf6}.upload-button input{display:block;max-width:100%;font-size:10px;margin-top:8px}.image-card .upload-button{width:100%}.bottom-note{font-size:11px;color:var(--muted);margin-top:35px}dialog{padding:0;border:1px solid var(--line);width:580px;max-width:94vw;max-height:94vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#211b18a6}dialog form{padding:28px}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-top button{border:0;background:none;font-size:25px;padding:0 6px}form>label,.form-pair label{display:block;font-size:11px;color:var(--muted);margin:15px 0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.check-label{display:flex!important;align-items:center;gap:10px}.item-image{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.item-image img{width:70px;height:70px;object-fit:cover}.item-image .upload-button{max-width:240px}.item-image button{font-size:11px;padding:9px}#form-error{font-size:12px;color:var(--wine);margin-top:15px}footer{border-top:1px solid var(--line);padding:25px 6%;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}#access{padding:70px 0}#access p{margin:20px 0;color:var(--muted)}@media(max-width:760px){main{padding:30px 6%}.page-top{align-items:flex-start;flex-direction:column}.save-controls{text-align:left}.save-controls p{margin:0 0 10px}.stats{gap:8px;margin:25px 0}.stats>div{padding:15px 12px}.stats span{font-size:28px}.stats p{font-size:9px}h1{font-size:37px}.filters{flex-wrap:wrap}.filters label:first-child{flex-basis:100%}.filters label{flex:1}.image-grid{grid-template-columns:1fr 1fr;gap:12px}.image-card img{height:160px}.image-card>div{padding:13px}.image-card h3{font-size:12px}header{padding:12px 6%;gap:10px}.brand img{width:52px;height:52px}.brand>span{font-size:11px}.brand{gap:10px}header>a:last-child{font-size:10px}.section-top{align-items:flex-start}.section-top h2{font-size:25px}.section-top .primary{font-size:11px;white-space:nowrap}.section-top p{font-size:11px}dialog form{padding:20px}.form-pair{gap:12px}.image-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
