@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--brown:#432719;--copper:#8f5a2e;--sand:#e3c9a7;--cream:#fff5e7;--line:#4327191a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--brown);background:#f8f4ee}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#e3c9a7 0,transparent 40%),var(--cream)}.auth-card{width:min(100%,480px);background:white;padding:42px;border-radius:26px;box-shadow:0 35px 90px #43271920}.auth-card>img{display:block;width:180px;height:90px;object-fit:contain;margin:0 auto 20px}.eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);font-weight:700}.auth-card h1{font-family:'Playfair Display',serif;font-size:2.7rem;line-height:1;margin:14px 0}.auth-card p{opacity:.65}.auth-card form{display:grid;gap:17px;margin-top:28px}label{display:grid;gap:7px;font-size:.85rem;font-weight:600}input,textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:var(--brown);background:white}textarea{min-height:95px;resize:vertical}.content-area{min-height:250px}.auth-card button,.primary-button{border:0;background:var(--brown);color:white;border-radius:12px;padding:13px 18px;font-weight:700;cursor:pointer}.back-link{display:block;text-align:center;margin-top:22px;font-size:.86rem;opacity:.62}.alert{padding:13px 16px;border-radius:11px;margin:16px 0;font-size:.88rem}.alert.error{background:#fff0ed;color:#8d2e20}.alert.success{background:#e8f5ec;color:#23683c}.admin-page{padding-left:260px}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:24px;background:#261812;color:white;display:flex;flex-direction:column;z-index:10}.sidebar>img{width:175px;height:90px;object-fit:contain;filter:brightness(0) invert(1);margin:0 auto 20px}.sidebar nav{display:grid;gap:5px}.sidebar nav a,.sidebar>div>a,.link-button{padding:11px 14px;border-radius:9px;font-size:.88rem;color:rgba(255,255,255,.72)}.sidebar nav a:hover,.sidebar>div>a:hover,.link-button:hover{background:#ffffff12;color:white}.sidebar>div{margin-top:auto}.sidebar>div form{display:inline}.link-button{border:0;background:none;cursor:pointer}.admin-main{padding:45px clamp(24px,5vw,72px) 100px;max-width:1500px;margin:0 auto}.admin-main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.admin-main>header span{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--copper)}.admin-main h1{font-family:'Playfair Display',serif;font-size:2.7rem;margin:6px 0}.outline-button{border:1px solid var(--line);background:white;padding:11px 16px;border-radius:10px;font-weight:700;font-size:.84rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.stats>div{background:white;padding:22px;border-radius:16px;border:1px solid var(--line);display:flex;flex-direction:column}.stats span{font-size:.78rem;opacity:.58}.stats strong{font-family:'Playfair Display',serif;font-size:2rem;margin-top:8px}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,4vw,42px);margin:0 0 24px;scroll-margin-top:20px}.panel-title{margin-bottom:28px}.panel-title h2{font-family:'Playfair Display',serif;font-size:2rem;margin:0 0 6px}.panel-title p{margin:0;opacity:.6}.panel h3{margin:30px 0 16px;font-size:1.05rem}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.palette-card{padding:15px;border:1px solid var(--line);border-radius:14px;cursor:pointer}.palette-card>input{width:auto}.palette-card:has(input:checked){border-color:var(--copper);box-shadow:0 0 0 2px #8f5a2e18}.swatches{height:42px;display:flex;margin:9px 0 11px;overflow:hidden;border-radius:8px}.swatches i{flex:1}.palette-card strong{font-size:.82rem}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.color-grid input{height:48px;padding:5px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .wide{grid-column:1/-1}.check,.checks label{display:flex;align-items:center;gap:8px;margin:17px 0}.check input,.checks input{width:auto}.checks{display:flex;gap:20px}.primary-button{margin-top:18px}.editor-card{border:1px solid var(--line);border-radius:14px;margin:12px 0;overflow:hidden}.editor-card summary{padding:17px 20px;cursor:pointer;font-weight:700;background:#faf8f4}.editor-card>form{padding:20px}.editor-card>form+form{padding-top:0}.danger-button{border:1px solid #bd4b3c;color:#9c3124;background:white;border-radius:10px;padding:10px 15px;cursor:pointer}.editor-card .primary-button{margin-right:10px}@media(max-width:900px){.admin-page{padding-left:0}.sidebar{position:static;width:auto;min-height:auto;padding:14px 18px;display:block}.sidebar>img{height:60px;margin:0}.sidebar nav{display:flex;overflow:auto;padding:8px 0}.sidebar nav a{white-space:nowrap}.sidebar>div{display:none}.admin-main{padding:28px 18px 80px}.stats{grid-template-columns:1fr 1fr}.palette-grid{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.admin-main>header{align-items:flex-start}.outline-button{display:none}}
