:root{--c1:#ff6b4a;--c2:#ffb627;--c3:#14b8a6;--bg:#fff7ec;--ink:#3b2a35}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 "Nunito","Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--ink)}
nav{background:linear-gradient(120deg,var(--c1),var(--c2));padding:12px 20px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
nav a,nav button{color:#fff;text-decoration:none;font-weight:700;padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.18);border:0;font:inherit;cursor:pointer}
nav a:hover,nav button:hover{background:rgba(255,255,255,.35)}nav img{height:34px;border-radius:8px}nav .sp{flex:1}
main{max-width:1100px;margin:24px auto;padding:0 16px}h1,h2{margin:.2em 0 .6em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.card{background:#fff;border-radius:22px;padding:20px;box-shadow:0 8px 24px rgba(120,60,40,.12);margin-bottom:16px}
.tile{color:#fff;text-decoration:none;font-weight:800;border-radius:22px;padding:22px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.tile b{display:block;font-size:2.4rem}.tile:nth-child(5n+1){background:linear-gradient(135deg,var(--c1),#e11d48)}
.tile:nth-child(5n+2){background:linear-gradient(135deg,var(--c2),var(--c1))}.tile:nth-child(5n+3){background:linear-gradient(135deg,var(--c3),#0ea5e9)}
.tile:nth-child(5n+4){background:linear-gradient(135deg,#e11d48,#a21caf)}.tile:nth-child(5n){background:linear-gradient(135deg,var(--c2),var(--c3))}
input,select,textarea{width:100%;padding:10px 12px;border:2px solid #f3ddc6;border-radius:14px;font:inherit;margin:4px 0 12px;background:#fffdf9}
input[type=checkbox]{width:auto;margin:0 4px 0 12px}label{font-weight:700;display:block}
.card button{background:linear-gradient(120deg,var(--c1),var(--c2));color:#fff;border:0;border-radius:99px;padding:10px 22px;font:inherit;font-weight:800;cursor:pointer}
.card button.del{background:#e11d48;padding:6px 14px}.err{background:#ffe4e6;color:#9f1239;padding:10px;border-radius:12px}.ok{background:#ccfbf1;padding:10px;border-radius:12px}
.item img,.item video{width:100%;border-radius:14px;max-height:260px;object-fit:cover}table{width:100%;border-collapse:collapse}td,th{padding:8px;text-align:left;border-bottom:1px solid #f3ddc6}
.center{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,var(--c2),var(--c1),#a21caf)}small{opacity:.7}