:root{--cream: #fdf8f3;--beige: #f5ede0;--brown: #8b5e3c;--dark: #3d2010;--gold: #c8975a;--muted: #8c7a6a;--sage: #5d8a62;--danger: #a33;--serif: "Noto Serif SC", Georgia, serif;--sans: "Noto Sans SC", sans-serif;--sidebar: 232px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--sans);background:var(--cream);color:var(--dark);font-size:18px;line-height:1.6}a{color:var(--brown)}button,input,textarea,select{font:inherit}.shell{display:flex;min-height:100vh}.side{width:var(--sidebar);background:#fffdf9;border-right:1px solid rgba(139,94,60,.12);padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-family:var(--serif);font-size:26px;margin:0 0 6px}.side nav a,.side nav button{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 12px;border-radius:12px;color:var(--dark);text-decoration:none;cursor:pointer}.side nav a.active,.side nav a:hover{background:var(--beige)}.main{flex:1;padding:28px 36px 64px;max-width:980px}.card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 28px #3d20100f;margin-bottom:18px}h1{font-family:var(--serif);font-size:32px;margin:0 0 12px}h2{font-family:var(--serif);font-size:22px;margin:0 0 10px}.muted{color:var(--muted)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{background:var(--brown);color:#fff;border:0;border-radius:999px;padding:10px 20px;cursor:pointer}.btn.ghost{background:transparent;color:var(--brown);border:1.5px solid rgba(139,94,60,.35)}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=password],textarea,select{width:100%;padding:10px 12px;border:1px solid #e4d5c4;border-radius:12px;background:#fff}textarea{min-height:120px}.thumbs{display:flex;gap:10px;flex-wrap:wrap}.thumbs img{width:120px;height:120px;object-fit:cover;border-radius:12px}.list{display:grid;gap:12px}.item{display:flex;gap:14px;padding:12px;background:#fff;border-radius:14px;text-decoration:none;color:inherit}.item img{width:92px;height:92px;object-fit:cover;border-radius:10px;background:var(--beige)}.err{color:var(--danger)}.ok{color:var(--sage)}.footer{margin-top:28px;color:var(--muted);font-size:14px}.footer a{color:inherit}.login{max-width:460px;margin:8vh auto;text-align:center}.qr{width:240px;height:240px;border-radius:12px;background:#fff}.drop{border:2px dashed #e4d5c4;border-radius:16px;padding:28px;text-align:center;background:#fffdf9}.pay-qr{width:200px;height:200px}.growth-card h2{margin-top:4px}.growth-card .btn{display:inline-block;text-decoration:none}@media (max-width: 800px){.shell{display:block}.side{position:relative;height:auto;width:auto}}