/* ToolCMS V3.1.82 (c) ToolWorld https://www.toolworld.cn/ */
*{box-sizing:border-box;margin:0;padding:0}
body{margin:0;padding:0;font-family:inherit;background:transparent;color:var(--text-1,#333);font-size:14px;line-height:1.6}
.life-grocery-container{max-width:100%;margin:0 auto;padding:16px}
.life-grocery-header{margin-bottom:14px}
.life-grocery-title{font-size:20px;font-weight:700;color:var(--text-1,#333)}
.life-grocery-subtitle{font-size:12px;color:var(--text-3,#94a3b8)}

.life-grocery-total-card{background:var(--bg-card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,14px);padding:18px;text-align:center;margin-bottom:14px;border-bottom:3px solid var(--success,#16a34a)}
.life-grocery-total-label{font-size:12px;color:var(--text-3,#94a3b8)}
.life-grocery-total-value{font-size:30px;font-weight:800;color:var(--success,#16a34a);margin:4px 0}
.life-grocery-total-meta{font-size:12px;color:var(--text-3,#94a3b8)}

.life-grocery-form-card{background:var(--bg-card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,14px);padding:14px;margin-bottom:14px}
.life-grocery-form-row{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.life-grocery-field{flex:1}
.life-grocery-field-name{flex:2}
.life-grocery-field-price{flex:0 0 100px}
.life-grocery-field-cat{flex:0 0 130px}
.life-grocery-label{display:block;font-weight:600;font-size:12px;color:var(--text-2,#555);margin-bottom:4px}
.life-grocery-input,.life-grocery-select{width:100%;padding:8px 10px;border:1px solid var(--border,#d1d5db);border-radius:var(--radius-sm,8px);font-size:13px;background:var(--bg-card,#fff);color:var(--text-1,#333);outline:none}
.life-grocery-input:focus,.life-grocery-select:focus{border-color:var(--primary,var(--primary-hover))}

.life-grocery-btn{padding:9px 16px;border:1px solid var(--border,#d1d5db);border-radius:var(--radius-sm,8px);background:var(--bg-card,#fff);color:var(--text-1,#333);cursor:pointer;font-size:13px;transition:background .15s}
.life-grocery-btn:hover{background:var(--primary-light)}

.life-grocery-btn-primary{background:var(--primary,var(--primary-hover));color:#fff;border-color:var(--primary,var(--primary-hover))}
.life-grocery-btn-primary:hover{background:var(--primary-light);color:var(--primary)}


.life-grocery-list-card{background:var(--bg-card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,14px);padding:14px;margin-bottom:14px;min-height:60px}
.life-grocery-cat-group{margin-bottom:14px}
.life-grocery-cat-group:last-child{margin-bottom:0}
.life-grocery-cat-title{font-size:12px;font-weight:700;color:var(--text-2,#555);margin-bottom:8px;padding-left:2px;border-left:3px solid var(--primary,var(--primary-hover));padding-left:8px}
.life-grocery-item{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--border-light,#f1f5f9)}
.life-grocery-item:last-child{border-bottom:none}
.life-grocery-item-check{width:18px;height:18px;accent-color:var(--success,#16a34a);cursor:pointer;flex-shrink:0}
.life-grocery-item-name{flex:1;font-size:14px;color:var(--text-1,#333)}
.life-grocery-item.done .life-grocery-item-name{text-decoration:line-through;color:var(--text-3,#94a3b8)}
.life-grocery-item-price{font-size:13px;font-weight:600;color:var(--text-2,#555);flex-shrink:0}
.life-grocery-item.done .life-grocery-item-price{color:var(--text-3,#94a3b8)}
.life-grocery-item-del{flex-shrink:0;width:22px;height:22px;border:none;background:transparent;color:var(--text-3,#94a3b8);cursor:pointer;font-size:14px;border-radius:4px;line-height:1}
.life-grocery-item-del:hover{background:var(--error-bg,#fee2e2);color:var(--error,#dc2626)}
.life-grocery-empty{text-align:center;color:var(--text-3,#94a3b8);font-size:13px;padding:20px 0}

.life-grocery-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.life-grocery-message{margin-bottom:10px;padding:8px 12px;border-radius:var(--radius-sm,8px);font-size:13px;display:none}
.life-grocery-message.show{display:block}
.life-grocery-message.success{background:var(--primary-light);color:var(--primary,var(--primary-hover))}
.life-grocery-message.error{background:var(--error-bg,#fee2e2);color:var(--error,#991b1b)}

.life-grocery-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-light,#f1f5f9);font-size:12px;color:var(--text-3,#94a3b8)}
.life-grocery-footer-right{margin-left:auto}

@media(max-width:640px){
    .life-grocery-form-row{flex-direction:column;align-items:stretch}
    .life-grocery-field-price,.life-grocery-field-cat{flex:1}
    .life-grocery-btn{flex:1 1 auto}
    .life-grocery-footer{flex-direction:column;gap:4px;text-align:center}
}