*{box-sizing:border-box}body{margin:0;font-family:Arial,"Tahoma",sans-serif;background:#f5f6f8;color:#222}.top{position:sticky;top:0;background:#fff;padding:14px 16px;border-bottom:1px solid #ddd;z-index:5}.top h1{font-size:20px;margin:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 12px 100px}.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #00000012}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee}.card .p{padding:10px}.name{font-weight:700;min-height:40px}.price{font-size:18px;font-weight:700;margin:6px 0}.qty{display:flex;align-items:center;justify-content:space-between}.qty button,.btn{border:0;border-radius:9px;padding:9px 13px;cursor:pointer}.qty button{font-size:18px}.bottom{position:fixed;bottom:0;left:0;right:0;background:#111;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;z-index:10}.bottom button{background:#fff;border:0;padding:11px 16px;border-radius:9px;font-weight:700}.wrap{max-width:1200px;margin:auto;padding:20px}.panel{background:#fff;border-radius:12px;padding:18px;margin-bottom:18px;box-shadow:0 2px 8px #00000010}input,textarea,select{width:100%;padding:9px;border:1px solid #ccc;border-radius:7px;margin:5px 0 12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}.thumb{width:60px;height:60px;object-fit:cover;border-radius:7px}.nav a{margin-right:15px}.ok{background:#176b3a;color:#fff}.danger{background:#a4262c;color:#fff}@media(min-width:800px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1100px;margin:auto}}
.hint{font-size:13px;color:#666}.mockqr{width:210px;height:210px;margin:18px auto;display:flex;align-items:center;justify-content:center;flex-direction:column;border:8px solid #111;background:repeating-linear-gradient(45deg,#fff,#fff 8px,#eee 8px,#eee 16px);font-weight:700;text-align:center}.mockqr small{background:#fff;padding:3px}.btn:disabled{opacity:.55;cursor:not-allowed}
.dangerbox{padding:10px;background:#fff1f1;border:1px solid #d88;border-radius:8px}.timeline{border-left:3px solid #176b3a;padding-left:14px}.timeline p{margin:12px 0}

/* v0.5 admin dashboard */
.dash-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px}.stat{padding:16px;border:1px solid #e7e7e7;border-radius:12px;background:#fafafa}.stat span{display:block;color:#666;font-size:14px;margin-bottom:7px}.stat strong{display:block;font-size:25px}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.status-card{border:1px solid #e7e7e7;border-radius:10px;padding:14px}.status-card b{display:block;min-height:40px}.status-card strong{font-size:28px}.dash-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.nav a{display:inline-block;margin-bottom:6px}@media(max-width:760px){.stats,.status-grid,.dash-cols{grid-template-columns:1fr 1fr}.dash-head{align-items:flex-start;flex-direction:column}table{display:block;overflow-x:auto;white-space:nowrap}}@media(max-width:480px){.stats,.status-grid,.dash-cols{grid-template-columns:1fr}}

/* v0.6 new paid-order notification */
.notify-toggle{position:fixed;right:18px;bottom:18px;z-index:1000;border:0;border-radius:999px;padding:10px 14px;background:#222;color:#fff;box-shadow:0 4px 16px #0003;cursor:pointer}.order-notify-box{position:fixed;right:18px;top:18px;z-index:1100;width:min(360px,calc(100vw - 36px))}.order-notify-item{display:block;background:#176b3a;color:#fff;text-decoration:none;padding:14px 16px;margin-bottom:10px;border-radius:12px;box-shadow:0 5px 20px #0004}.order-notify-item b,.order-notify-item span{display:block}.order-notify-item span{margin-top:5px;font-size:14px}.order-notify-item:hover{filter:brightness(1.05)}

/* v0.8 mobile categories */
.category-wrap{background:#fff;padding:10px 12px 0;position:sticky;top:66px;z-index:4;border-bottom:1px solid #eee}.category-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:4px 0 10px;scroll-snap-type:x proximity}.category-pill{flex:0 0 auto;scroll-snap-align:start;border:1px solid #ddd;border-radius:999px;background:#fff;color:#333;font-size:14px;font-weight:600;padding:10px 14px;white-space:nowrap;cursor:pointer}.category-pill.selected{background:#176b3a;border-color:#176b3a;color:#fff}.category-wrap input[type=search]{margin:0 0 10px;border-radius:999px;background:#f6f7f8}.product-empty{text-align:center;padding:22px;color:#666}.card[hidden],.product-empty[hidden]{display:none!important}.category-admin-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:end;padding:12px 0;border-bottom:1px solid #eee}.category-admin-item input{margin-bottom:0}@media(max-width:760px){.category-admin-item{grid-template-columns:1fr 1fr}.category-admin-item>div:first-child{grid-column:1/-1}.category-wrap{top:70px}}