:root{--ink:#19130e;--paper:#e5d2ab;--paper-2:#cdb386;--rust:#8d3827;--gold:#b98543;--dark:#120e0b;--line:rgba(63,38,20,.26);--green:#426044;--red:#833226}*{box-sizing:border-box}html{min-height:100%;background:#100c09}body{margin:0;min-height:100vh;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 70% 20%,rgba(185,133,67,.13),transparent 35%),#18110d}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.login-body{display:grid;place-items:center;padding:28px}.login-shell{width:min(100%,480px)}.panel{background:linear-gradient(145deg,rgba(236,219,183,.98),rgba(202,175,126,.98));border:1px solid #8b663c;box-shadow:0 16px 45px rgba(0,0,0,.35),inset 0 0 28px rgba(100,62,29,.12);border-radius:5px}.login-card{padding:34px;text-align:center}.hero-logo{width:170px;max-width:55%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25))}.eyebrow{margin:8px 0;color:var(--rust);font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3{font-family:Georgia,serif;font-weight:700;letter-spacing:.02em}h1{margin:.25em 0;font-size:clamp(1.8rem,4vw,2.8rem)}h2{margin:.25em 0}.muted,.meta,.hint{color:#624d3b}.stack{display:grid;gap:16px;text-align:left;margin-top:24px}label{display:grid;gap:6px;font-weight:700}input,select,textarea{width:100%;border:1px solid #9b7a51;border-radius:3px;padding:11px 12px;background:rgba(255,248,229,.66);color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--rust);outline-offset:1px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #5d3b25;border-radius:3px;padding:10px 16px;background:#d4bc91;color:#25170e;font-weight:700;cursor:pointer;text-decoration:none}.button:hover{filter:brightness(.94)}.button.primary{background:linear-gradient(#9d4630,#762a20);color:#fff3d4;border-color:#4e1d17}.button.approve{background:var(--green);color:white}.button.reject{background:var(--red);color:white}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:linear-gradient(rgba(20,14,10,.94),rgba(13,10,8,.98));border-right:1px solid #594127;color:#f1dba9;display:flex;flex-direction:column}.brand-logo{width:96px;align-self:center}.brand{text-align:center;font-family:Georgia,serif;font-weight:700;font-size:1.15rem}.brand small{display:block;margin-top:5px;font:600 .66rem Arial;letter-spacing:.2em;color:#b99159}.sidebar nav{display:grid;gap:7px;margin-top:35px}.sidebar nav a{display:flex;justify-content:space-between;color:#d9c39a;text-decoration:none;padding:11px 12px;border-left:3px solid transparent}.sidebar nav a:hover,.sidebar nav a.active{color:#fff1c9;background:rgba(185,133,67,.13);border-left-color:var(--gold)}.count{background:var(--rust);border-radius:20px;padding:0 7px}.profile{margin-top:auto;border-top:1px solid #49351f;padding-top:17px;display:grid}.profile small{color:#ac8e65}.link-button{border:0;background:none;padding:5px 0;color:#7d291f;text-decoration:underline;cursor:pointer;font:inherit}.profile .link-button{color:#cfad75}.link-button.danger{color:#7b241d}.content{min-width:0;padding:42px clamp(22px,5vw,70px);background:linear-gradient(rgba(228,209,170,.94),rgba(194,162,112,.94));min-height:100vh}.content>header{margin-bottom:28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stats article{padding:24px;background:rgba(255,245,219,.42);border:1px solid var(--line)}.stats strong{display:block;font:700 2rem Georgia;color:var(--rust)}.stats span{color:#66503c}.callout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px}.form-panel{max-width:720px;padding:30px}.dropzone{padding:30px;border:2px dashed #8e663e;text-align:center;background:rgba(255,248,225,.28);cursor:pointer}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.file-name{font-weight:400;color:#6d4e32}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.upload-card{overflow:hidden}.upload-card>a{display:block;aspect-ratio:16/10;background:#2a1d15}.upload-card img{width:100%;height:100%;object-fit:cover}.card-body{padding:18px}.card-body h3{margin:10px 0 4px}.badge{display:inline-block;padding:3px 8px;border-radius:20px;background:#896a45;color:white;font-size:.75rem}.badge.approved,.badge.active{background:var(--green)}.badge.rejected,.badge.banned{background:var(--red)}.badge.suspended{background:#996f28}.review-note{border-left:3px solid var(--rust);padding-left:10px}.review-form{display:grid;gap:8px;margin:15px 0}.review-form textarea{min-height:72px}.actions{display:flex;gap:8px}.empty{padding:35px;text-align:center}.create-user{padding:20px;margin-bottom:22px}.create-user summary{cursor:pointer;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.user-list{display:grid;gap:12px}.user-row{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:25px}.user-row h3{margin:8px 0 2px}.user-row p{margin:2px 0}.user-actions{min-width:min(100%,390px);display:grid;gap:10px}.user-actions form{display:flex;gap:7px}.status-form{flex-wrap:wrap}.status-form input{flex-basis:100%}.flash{max-width:850px;padding:12px 15px;margin:0 0 18px;border-radius:3px;background:#f3ddae;border-left:4px solid #866529}.flash.success{border-color:var(--green)}.flash.error{border-color:var(--red);color:#641c17}@media(max-width:800px){.app-shell{display:block}.sidebar{position:relative;height:auto}.brand-logo{width:72px}.sidebar nav{margin-top:18px}.profile{margin-top:18px}.stats{grid-template-columns:1fr}.callout,.user-row{align-items:stretch;flex-direction:column}.form-grid{grid-template-columns:1fr}.content{padding:28px 18px}.user-actions{min-width:0}.user-actions form{flex-direction:column}}
