
:root{--ink:#152e3c;--gold:#b3905b;--paper:#f6f4ef;--line:#deded8;--muted:#6c7a81}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:14px Arial,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b3905b;outline-offset:3px}[hidden]{display:none!important}header{background:var(--ink);color:white;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}header strong{font-size:22px}header em{color:#d4b694;font-style:normal}header small{display:block;letter-spacing:2px;font-size:9px;margin-top:6px;color:#c8d2d7}.status{font-size:11px;color:#c8d2d7}.layout{max-width:1460px;margin:auto;display:grid;grid-template-columns:235px 1fr}.sidebar{padding:28px 22px;border-right:1px solid var(--line);min-height:calc(100vh - 90px)}.sidebar button{display:block;width:100%;text-align:left;border:1px solid var(--line);padding:13px 15px;background:white;border-radius:8px;margin-bottom:10px;color:var(--ink);font-size:12px}.sidebar .primary{background:var(--ink);color:white}.sidebar h3{font-size:10px;letter-spacing:2px;color:var(--muted);margin:30px 0 15px}.sidebar .covermini{display:block;width:120px;height:170px;object-fit:cover;margin:20px auto 0;border-radius:7px;box-shadow:0 8px 20px #0002}.sidebar p{font-size:10px;line-height:1.7;color:var(--muted)}main{padding:35px;min-width:0}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading h1{font:36px Georgia,serif;letter-spacing:-1px;margin:0 0 10px}.heading p{font-size:12px;color:var(--muted);margin:0}.primary{border:1px solid var(--ink);background:var(--ink);color:white;padding:13px 18px;border-radius:7px;font-size:12px}.secondary{border:1px solid var(--line);background:white;color:var(--ink);padding:12px 16px;border-radius:7px;font-size:12px}.stats{display:flex;gap:16px;margin:26px 0}.stat{flex:1;background:white;border:1px solid var(--line);padding:18px;border-radius:9px}.stat strong{font:28px Georgia,serif}.stat span{display:block;font-size:10px;margin-top:8px;color:var(--muted)}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin:25px 0 14px}.filters input,.filters select{width:100%;background:white;border:1px solid var(--line);padding:12px;border-radius:7px;font-size:11px}.list-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin:18px 0}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:white}table{border-collapse:collapse;width:100%;min-width:700px;text-align:left}th{font-size:9px;letter-spacing:1px;color:var(--muted);padding:16px 12px;background:#eeefea}td{padding:12px;border-top:1px solid #ecece7;font-size:11px;vertical-align:middle}.thumb{width:52px;height:60px;object-fit:contain}.product-title{font-size:12px;font-weight:bold;line-height:1.5;max-width:260px}.product-title small{display:block;font-weight:normal;font-size:10px;color:var(--muted);margin-top:5px}.badge{display:inline-block;background:#edf1f1;padding:6px 8px;border-radius:20px;font-size:9px;white-space:nowrap}.badge.archived{background:#f9e9e4;color:#8d4a3e}.edit{border:1px solid var(--line);border-radius:6px;background:white;padding:9px 12px;font-size:10px}.pager{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:25px;font-size:12px}.pager button{border:1px solid var(--line);padding:10px 16px;border-radius:7px;background:white}.empty{padding:50px;text-align:center;color:var(--muted)}dialog{border:0;border-radius:14px;width:min(800px,calc(100% - 25px));padding:0;background:var(--paper);color:var(--ink);max-height:92vh;box-shadow:0 25px 80px #0004}dialog::backdrop{background:#14263399}.dialoghead{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.dialoghead h2{font:26px Georgia;margin:0}.close{font-size:24px;border:0;background:none;color:var(--ink)}.dialogbody{padding:25px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}label{display:block;font-size:10px;letter-spacing:.6px;color:var(--muted)}label input,label textarea,label select{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);font-size:12px;letter-spacing:0}textarea{resize:vertical}.image-editor{display:flex;align-items:center;gap:20px;background:white;padding:15px;border:1px solid var(--line);border-radius:8px}.image-editor img{width:90px;height:100px;object-fit:contain}.image-editor label{flex:1}.formsection{font-size:11px;font-weight:bold;letter-spacing:1px;margin:6px 0}.formfooter{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px}.formfooter .right{display:flex;gap:10px}.subtle{font-size:10px;color:var(--muted);line-height:1.7}.danger{border:1px solid #d7b6ab;background:#fff7f3;color:#92533f;padding:11px 15px;border-radius:6px;font-size:11px}.notice{padding:15px 18px;background:#fff1d8;border:1px solid #ecd0a4;border-radius:8px;font-size:12px;line-height:1.6;margin-bottom:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:16px 24px;border-radius:9px;z-index:100;font-size:12px;max-width:90vw}.login{max-width:450px;padding:50px 25px;margin:30px auto}.login h1{font:36px Georgia}.login p{color:#6c7a81;line-height:1.7}.login label{margin:20px 0}.login .primary{width:100%;margin-top:15px}.filters{grid-template-columns:2fr 1fr 1fr}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.form-error,#login-error{color:#a02e36;font-size:12px;line-height:1.6}.category-list{margin-top:25px;display:grid;gap:15px}.category-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px;background:white;border:1px solid #deded8;border-radius:10px}.category-row p{font-size:12px;line-height:1.6;color:#6c7a81}.category-row small{font-size:11px;color:#6c7a81}dialog form label{margin-bottom:12px}header a{font-size:12px;color:white}.sidebar p{overflow-wrap:anywhere}.primary:disabled{opacity:.5}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{min-height:0;display:flex;gap:10px;flex-wrap:wrap;border-right:0;border-bottom:1px solid #deded8;padding:20px}.sidebar button{width:auto}.sidebar p{width:100%;margin:0}main{padding:20px}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.stats{gap:10px}.stat{padding:12px}.stat strong{font-size:25px}header{padding:20px}.heading h1{font-size:30px}.image-editor{flex-wrap:wrap}.category-row{padding:18px}}