:root { --pri:#f97316; --pri2:#ea580c; }
* { box-sizing:border-box; }
body { margin:0; background:#f8fafc; font-family:"Segoe UI",Tahoma,sans-serif; color:#1e293b; }

.pub-header { background:#1e293b; color:#fff; }
.pub-container { max-width:1100px; margin:0 auto; padding:14px 18px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
.pub-brand { color:#fff; font-weight:700; font-size:1.15rem; text-decoration:none; }
.pub-nav { display:flex; gap:6px; flex-wrap:wrap; }
.pub-nav a { color:#cbd5e1; text-decoration:none; padding:7px 14px; border-radius:20px; font-size:.9rem; }
.pub-nav a:hover { background:#334155; color:#fff; }

.pub-main { max-width:1100px; margin:0 auto; padding:24px 18px; }
.pub-footer { text-align:center; color:#94a3b8; font-size:.85rem; padding:24px; }

/* dashboard cards */
.stat-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:16px; margin:8px 0 24px; }
.stat-card { background:#fff; border-radius:16px; padding:20px; box-shadow:0 2px 16px -6px rgba(0,0,0,.12); text-align:center; }
.stat-card .n { font-size:2.2rem; font-weight:800; }
.stat-card.wait .n { color:#f59e0b; } .stat-card.done .n { color:#16a34a; }

.badge-wait { background:#fef3c7; color:#b45309; }
.badge-done { background:#dcfce7; color:#15803d; }
.thumb { width:70px; height:70px; object-fit:cover; border-radius:8px; cursor:pointer; }

/* forms / card */
.pub-card { background:#fff; border-radius:18px; box-shadow:0 2px 20px -8px rgba(0,0,0,.15); padding:26px; max-width:560px; margin:0 auto; }
.upload-area { display:flex; gap:10px; flex-wrap:wrap; margin-top:6px; }
.custom-upload { background:#f1f5f9; border:1px dashed #cbd5e1; border-radius:12px; padding:10px 16px; cursor:pointer; font-size:.9rem; }
#preview img { max-width:140px; border-radius:10px; margin-top:10px; }

/* lightbox */
.lb { display:none; position:fixed; inset:0; background:rgba(0,0,0,.85); z-index:2000; }
.lb img { max-width:92%; max-height:92%; margin:auto; position:absolute; inset:0; }
.lb .x { position:absolute; top:16px; right:24px; color:#fff; font-size:34px; cursor:pointer; }