.planned-summary{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto}.planned-summary-card{flex:1 1;min-width:100px;background:var(--bg-card);border-radius:var(--radius-sm);padding:14px 16px;box-shadow:var(--shadow)}.planned-summary-overdue{border:1.5px solid rgba(255,107,107,.3);background:rgba(255,107,107,.04)}.planned-summary-label{font-size:.72rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.planned-summary-amount{font-size:1.15rem;font-weight:800;color:var(--text);margin-top:4px}.planned-summary-count{font-size:1.4rem;font-weight:800;color:var(--primary);margin-top:2px}.planned-summary-overdue .planned-summary-count{color:var(--danger)}.planned-filters{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.planned-filter-chip{padding:7px 14px;border-radius:20px;font-size:.78rem;font-weight:600;background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border);white-space:nowrap;transition:all .2s;cursor:pointer}.planned-filter-chip:hover{border-color:var(--primary-light)}.planned-filter-chip.active{background:var(--primary);color:white;border-color:var(--primary)}.planned-list{display:flex;flex-direction:column;gap:10px}.planned-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .2s}.planned-item.paused{opacity:.55}.planned-item.overdue{border-left:3px solid var(--danger);background:rgba(255,107,107,.05)}.planned-item.overdue .planned-item-icon{background:rgba(255,107,107,.12)}.planned-item.overdue .planned-item-amount{color:var(--danger)}.planned-item.due-today{border-left:3px solid #e67e22;background:rgba(253,203,110,.06)}.planned-item.due-today .planned-item-icon{background:rgba(253,203,110,.15)}.planned-item-icon{width:42px;height:42px;border-radius:12px;background:rgba(108,92,231,.08);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.planned-item-info{flex:1 1;min-width:0}.planned-item-name{font-size:.9rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planned-item-meta{font-size:.72rem;color:var(--text-secondary);margin-top:2px}.planned-item-due{font-size:.72rem;color:var(--text-light);margin-top:3px;font-weight:500}.overdue-text{color:var(--danger)!important;font-weight:700!important}.due-today-text{color:#e67e22!important;font-weight:700!important}.planned-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.planned-item-amount{font-size:1rem;font-weight:700;color:var(--text)}.planned-item-actions{display:flex;gap:4px}.planned-action-btn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.65rem;transition:all .15s;background:var(--bg);color:var(--text-secondary)}.planned-action-btn:hover{transform:scale(1.1)}.planned-action-btn.pay{background:rgba(0,184,148,.1);color:var(--success)}.planned-action-btn.pay:hover{background:var(--success);color:white}.planned-action-btn.edit:hover{background:rgba(108,92,231,.1);color:var(--primary)}.planned-action-btn.toggle:hover{background:rgba(253,203,110,.2);color:var(--warning)}.planned-action-btn.delete:hover{background:rgba(255,107,107,.1);color:var(--danger)}.planned-add-fab{position:fixed;bottom:84px;right:20px;width:52px;height:52px;border-radius:50%;background:var(--primary);color:white;font-size:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(108,92,231,.35);transition:all .2s;z-index:50}.planned-add-fab:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(108,92,231,.45)}@media (min-width:768px){.planned-add-fab{bottom:32px;right:32px}.planned-summary{gap:16px}.planned-summary-card{padding:18px 20px}}