.trashai-history-card{background:#fff;border:1px solid #dcebe8;border-radius:20px;padding:24px;box-shadow:0 3px 15px #194b3e0d}.trashai-history-header{border-bottom:1px solid #e3f0eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.trashai-history-title-wrap{align-items:center;gap:14px;display:flex}.trashai-history-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.trashai-action-btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.trashai-action-btn.reward{color:#065f46;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #a7f3d0;font-weight:800;box-shadow:0 3px 10px #0596692e}.trashai-action-btn.reward:hover:not(:disabled){color:#047857;background:linear-gradient(135deg,#d1fae5,#a7f3d0);transform:translateY(-1px);box-shadow:0 5px 14px #05966940}.trashai-action-btn.refresh{color:#105d4e;background:#eff8f3;border:1px solid #c6e2d6}.trashai-action-btn.refresh:hover:not(:disabled){background:#dcf0e5}.trashai-action-btn.excel{color:#fff;background:linear-gradient(105deg,#0b8a64,#086e4f);border:none;box-shadow:0 3px 10px #087b5833}.trashai-action-btn.excel:hover:not(:disabled){background:linear-gradient(105deg,#0d9d72,#097c59);transform:translateY(-1px)}.trashai-action-btn.clear{color:#c53030;background:#fff5f5;border:1px solid #fecaca}.trashai-action-btn.clear:hover:not(:disabled){background:#fee2e2}.trashai-action-btn:disabled{opacity:.55;cursor:not-allowed}.trashai-history-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.trashai-stat-box{background:linear-gradient(135deg,#f4fbf7,#fff);border:1px solid #d7ece2;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex}.trashai-stat-icon{background:#e0f4e8;border-radius:14px;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.trashai-stat-info{flex-direction:column;display:flex}.trashai-stat-value{color:#104c40;font-size:22px;font-weight:800}.trashai-stat-label{color:#5b8278;font-size:12px}.trashai-history-toolbar{background:#f4faf7;border:1px solid #dfeee7;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:flex}.trashai-history-search{color:#164a42;background:#fff;border:1.5px solid #cde4da;border-radius:10px;flex:1;min-width:220px;padding:9px 14px;font-size:13px}.trashai-history-search:focus{border-color:#087b58;outline:none}.trashai-category-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.trashai-cat-chip{color:#346b69;cursor:pointer;background:#fff;border:1px solid #cde4da;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.trashai-cat-chip:hover,.trashai-cat-chip.active{color:#fff;background:#087b58;border-color:#087b58}.trashai-history-list{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;display:grid}.trashai-history-item{background:#fbfdfc;border:1px solid #d8ebe3;border-radius:16px;flex-direction:column;gap:12px;padding:18px;transition:transform .15s,box-shadow .2s,border-color .2s;display:flex;position:relative}.trashai-history-item:hover{border-color:#9dd4bc;transform:translateY(-2px);box-shadow:0 8px 20px #104c4014}.trashai-item-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.trashai-item-title-group{align-items:center;gap:12px;min-width:0;display:flex}.trashai-item-emoji{background:#e5f5ec;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:23px;display:grid}.trashai-item-name{color:#12463c;word-break:break-word;margin:0;font-size:16px;font-weight:700}.trashai-item-time{color:#6c8e85;margin-top:3px;font-size:11px;display:block}.trashai-item-delete{color:#c53030;cursor:pointer;background:#fff8f8;border:1px solid #f3d2d2;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;transition:all .15s;display:grid}.trashai-item-delete:hover{background:#fee2e2;border-color:#fca5a5}.trashai-item-badges{flex-wrap:wrap;gap:8px;display:flex}.trashai-badge{border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.trashai-badge.category{color:#0d5c49;background:#e6f4ef}.trashai-badge.recyclable-yes{color:#15803d;background:#dcfce7}.trashai-badge.recyclable-no{color:#b45309;background:#fef3c7}.trashai-item-bin{border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.trashai-item-bin.bin-green{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.trashai-item-bin.bin-yellow{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.trashai-item-bin.bin-red{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.trashai-item-bin.bin-gray{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.trashai-empty-btn{background:#087b58;border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:10px 18px;font-size:13px;font-weight:700;transition:background .2s;display:inline-flex;color:#fff!important}.trashai-empty-btn:hover{background:#0a9369}@media (max-width:768px){.trashai-history-card{border-radius:16px;padding:14px}.trashai-history-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px;padding-bottom:14px}.trashai-history-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.trashai-action-btn{justify-content:center;padding:9px 8px;font-size:11.5px}.trashai-action-btn.refresh{order:1}.trashai-action-btn.excel{order:2}.trashai-action-btn.clear{order:3}.trashai-action-btn.reward{order:4;grid-column:1/-1;padding:10px 14px;font-size:12px}.trashai-history-stats{grid-template-columns:1fr;gap:10px}.trashai-stat-box{padding:12px 14px}.trashai-history-list{grid-template-columns:1fr}}
