:root{--zada-dark: #4A1234;--zada-main: #7E1F58;--zada-light: #9C3D73;--accent: #D97706;--accent-light: #F59E0B;--accent-dark: #B45309;--accent-bg: rgba(217, 119, 6, .1);--bg-main: #F8FAFC;--bg-card: #FFFFFF;--bg-card-hover: #F1F5F9;--bg-input: #F1F5F9;--bg-sidebar: linear-gradient(180deg, #4A1234 0%, #7E1F58 100%);--text-primary: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--success: #16A34A;--success-bg: rgba(22, 163, 74, .1);--danger: #DC2626;--danger-bg: rgba(220, 38, 38, .1);--warning: #D97706;--warning-bg: rgba(217, 119, 6, .1);--info: #2563EB;--info-bg: rgba(37, 99, 235, .1);--border-color: #E2E8F0;--border-radius: 12px;--border-radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--transition: all .2s ease;--bg-secondary: #F1F5F9;--border: var(--border-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-main);color:var(--text-primary);line-height:1.6;min-height:100vh}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-sidebar);padding:1.5rem 0;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.sidebar-logo{padding:0 1.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.sidebar-logo h1{font-size:1.25rem;font-weight:700;color:var(--accent-light);display:flex;align-items:center;gap:.75rem}.sidebar-logo h1 i{font-size:1.5rem}.sidebar-logo span{font-size:.75rem;color:#fff9;font-weight:400;display:block;margin-top:.25rem}.nav-menu{padding:0 .75rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#ffffffb3;text-decoration:none;border-radius:var(--border-radius-sm);margin-bottom:.25rem;transition:var(--transition);font-weight:500;font-size:.9rem}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;color:#fff;border-left:3px solid var(--accent-light)}.nav-item i{width:20px;text-align:center}.nav-group{margin-bottom:.25rem}.nav-group-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#ffffffb3;background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;width:100%;text-align:left}.nav-group-header:hover{background:#ffffff0d;color:#fff}.nav-group-header.has-active{color:var(--accent-light)}.nav-group-header i:first-child{width:20px;text-align:center;font-size:.9rem}.nav-group-header span{flex:1}.nav-group-arrow{font-size:.65rem;transition:transform .2s ease;opacity:.5}.nav-group-arrow.rotated{transform:rotate(180deg)}.nav-group-items{max-height:0;overflow:hidden;transition:max-height .25s ease-out;padding-left:.5rem}.nav-group-items.expanded{max-height:300px}.nav-item.sub-item{padding:.6rem 1rem .6rem 2.25rem;font-size:.85rem;font-weight:400;margin-bottom:.1rem;position:relative}.nav-item.sub-item:before{content:"";position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#ffffff4d;border-radius:50%}.nav-item.sub-item.active:before{background:var(--accent-light)}.nav-item.sub-item i{font-size:.8rem;opacity:.8}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.back-to-home{display:flex;align-items:center;gap:.5rem;color:#fff9;text-decoration:none;font-size:.85rem;transition:var(--transition)}.back-to-home:hover{color:var(--accent-light)}.main-content{flex:1;margin-left:260px;padding:2rem;min-height:100vh;background:var(--bg-main)}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-header p{color:var(--text-secondary);font-size:.95rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.card-title i{color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--zada-main),var(--accent))}.stat-card.income:before{background:linear-gradient(90deg,var(--success),#22C55E)}.stat-card.expense:before{background:linear-gradient(90deg,var(--danger),#EF4444)}.stat-card.profit:before{background:linear-gradient(90deg,var(--accent),var(--accent-light))}.stat-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:500}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.stat-card.income .stat-value{color:var(--success)}.stat-card.expense .stat-value{color:var(--danger)}.stat-card.profit .stat-value{color:var(--accent)}.stat-change{font-size:.85rem;display:flex;align-items:center;gap:.25rem;color:var(--text-secondary)}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.progress-container{margin-top:1rem}.progress-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.progress-bar{height:8px;background:var(--bg-input);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--zada-main),var(--accent));border-radius:4px;transition:width .5s ease}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--zada-main),var(--zada-light));color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff}.btn-accent:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--zada-main);background:var(--bg-card-hover)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-secondary{background:#64748b;color:#fff}.btn-secondary:hover{background:#475569}.btn-sm{padding:.5rem .875rem;font-size:.8rem}.btn-icon{padding:.5rem;width:36px;height:36px;justify-content:center}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-control{width:100%;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.95rem;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--zada-main);box-shadow:0 0 0 3px #7e1f581a}.form-control::placeholder{color:var(--text-muted)}select.form-control{cursor:pointer}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-input)}.table td{font-size:.9rem;color:var(--text-primary)}.table tr:hover td{background:var(--bg-card-hover)}.table .amount-income{color:var(--success);font-weight:600}.table .amount-expense{color:var(--danger);font-weight:600}.category-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.category-badge.income{background:var(--success-bg);color:var(--success)}.category-badge.expense{background:var(--danger-bg);color:var(--danger)}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.summary-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.summary-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.summary-title.income{color:var(--success)}.summary-title.expense{color:var(--danger)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.summary-item:last-child{border-bottom:none}.summary-item-name{font-size:.9rem;color:var(--text-primary)}.summary-item-value{font-size:.9rem;font-weight:600}.summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;margin-top:.5rem;border-top:2px solid var(--border-color);font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;transition:var(--transition)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.type-selector{display:flex;gap:.5rem;margin-bottom:1rem}.type-btn{flex:1;padding:.75rem;border:2px solid var(--border-color);background:var(--bg-input);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:var(--transition)}.type-btn:hover{border-color:var(--text-muted)}.type-btn.active.income{border-color:var(--success);background:var(--success-bg);color:var(--success)}.type-btn.active.expense{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.chart-container{height:300px;margin-top:1rem}.filter-bar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.filter-group select{padding:.5rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.9rem}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin-bottom:.5rem;color:var(--text-primary)}.toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease;z-index:1100}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading{display:flex;justify-content:center;align-items:center;padding:3rem}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 900px){.chart-grid{grid-template-columns:1fr}}.chart-card{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden;transition:var(--transition)}.chart-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.chart-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f8fafccc,#f1f5f966)}.chart-card .card-title{font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.chart-card .card-title i{font-size:1.1rem}.chart-total{font-size:1.25rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pie-chart-container{height:280px;padding:1.5rem;display:flex;align-items:center;justify-content:center}.empty-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:.75rem}.empty-chart i{font-size:3rem;opacity:.3}.empty-chart p{font-size:.875rem}.summary-item-enhanced{padding:.875rem 0;border-bottom:1px solid var(--border-color)}.summary-item-enhanced:last-of-type{border-bottom:none}.summary-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.summary-item-name{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary)}.category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.summary-item-value{font-weight:600;font-size:.875rem}.progress-bar-container{height:8px;background:var(--bg-input);border-radius:4px;overflow:hidden;margin-bottom:.25rem}.progress-bar{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-bar.income{background:linear-gradient(90deg,#10b981,#34d399)}.progress-bar.expense{background:linear-gradient(90deg,#ef4444,#f97316)}.percentage-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.category-breakdown-card{margin-top:1.5rem}.category-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1rem}.category-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-input);border-radius:var(--border-radius-sm);transition:var(--transition)}.category-item:hover{background:var(--bg-card-hover);transform:translate(4px)}.category-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.category-info{flex:1;min-width:0}.category-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-amount{font-size:.75rem;color:var(--text-secondary)}.category-percent{font-size:.875rem;font-weight:600;color:var(--accent)}@media (max-width: 1024px){.sidebar{width:80px}.sidebar-logo h1 span,.nav-item span{display:none}.sidebar-logo h1{justify-content:center}.nav-item{justify-content:center;padding:1rem}.main-content{margin-left:80px}.summary-grid{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}}.money{font-family:Inter,monospace}.action-buttons{display:flex;gap:.5rem}.recon-date-card{background:linear-gradient(135deg,var(--zada-dark) 0%,var(--zada-main) 100%);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-lg)}.recon-date-content{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.recon-date-label{display:flex;align-items:center;gap:.5rem;color:#fffc;font-weight:500}.recon-date-label i{font-size:1.25rem;color:var(--accent-light)}.recon-date-input{padding:.75rem 1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-sm);color:#fff;font-size:1rem;cursor:pointer;transition:var(--transition)}.recon-date-input:focus{outline:none;background:#ffffff40;border-color:var(--accent-light)}.recon-date-display{background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;color:#fff;font-size:.9rem}.recon-balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem}.recon-balance-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1.5rem;display:flex;gap:1rem;align-items:center;box-shadow:var(--shadow-md);transition:var(--transition);position:relative;overflow:hidden}.recon-balance-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.recon-balance-card.system:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.recon-balance-card.physical:before{background:linear-gradient(180deg,#10b981,#059669)}.recon-balance-card.difference.match:before{background:linear-gradient(180deg,#10b981,#059669)}.recon-balance-card.difference.surplus:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.recon-balance-card.difference.deficit:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.recon-balance-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.recon-balance-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.recon-balance-card.system .recon-balance-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.recon-balance-card.physical .recon-balance-icon,.recon-balance-card.difference.match .recon-balance-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.recon-balance-card.difference.surplus .recon-balance-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.recon-balance-card.difference.deficit .recon-balance-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.recon-balance-info{display:flex;flex-direction:column}.recon-balance-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.recon-balance-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:.25rem 0}.recon-balance-card.difference.match .recon-balance-value{color:#059669}.recon-balance-card.difference.surplus .recon-balance-value{color:#d97706}.recon-balance-card.difference.deficit .recon-balance-value{color:#dc2626}.recon-balance-note{font-size:.75rem;color:var(--text-muted)}.recon-denom-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;border:1px solid var(--border-color)}.recon-denom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.recon-denom-header h3{font-size:1.1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.recon-denom-header h3 i{color:var(--accent)}.recon-denom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.recon-denom-item{background:var(--bg-input);border-radius:var(--border-radius-sm);padding:1rem;display:flex;align-items:center;gap:1rem;transition:var(--transition)}.recon-denom-item:hover{background:var(--bg-card-hover)}.recon-denom-label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;min-width:100px;padding-left:.75rem;border-left:3px solid}.recon-denom-icon{font-size:1rem}.recon-denom-input-group{display:flex;align-items:center;gap:.25rem;flex:1}.recon-denom-btn{width:32px;height:32px;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.recon-denom-btn.minus{background:#fee2e2;color:#dc2626}.recon-denom-btn.minus:hover:not(:disabled){background:#fecaca}.recon-denom-btn.plus{background:#d1fae5;color:#059669}.recon-denom-btn.plus:hover{background:#a7f3d0}.recon-denom-btn:disabled{opacity:.5;cursor:not-allowed}.recon-denom-input{width:60px;padding:.5rem;text-align:center;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;font-weight:600;background:#fff}.recon-denom-input:focus{outline:none;border-color:var(--zada-main);box-shadow:0 0 0 3px #7e1f581a}.recon-denom-subtotal{font-size:.85rem;color:var(--text-secondary);min-width:100px;text-align:right;font-weight:500}.recon-notes{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.recon-notes label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.recon-notes textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-input);resize:vertical;font-size:.9rem;font-family:inherit;transition:var(--transition)}.recon-notes textarea:focus{outline:none;border-color:var(--zada-main);box-shadow:0 0 0 3px #7e1f581a}.recon-submit{margin-top:1.5rem;text-align:center}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn.loading{opacity:.8;pointer-events:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:.5rem}.recon-history-card{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.recon-history-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:var(--transition)}.recon-history-header:hover{background:var(--bg-card-hover)}.recon-history-header h3{font-size:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.recon-history-header h3 i{color:var(--accent)}.recon-history-list{border-top:1px solid var(--border-color);max-height:400px;overflow-y:auto}.recon-history-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:var(--transition)}.recon-history-item:last-child{border-bottom:none}.recon-history-item:hover{background:var(--bg-card-hover)}.recon-history-date{width:50px;text-align:center;flex-shrink:0}.recon-history-date .date-day{display:block;font-size:1.25rem;font-weight:700;color:var(--zada-main)}.recon-history-date .date-month{display:block;font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.recon-history-details{flex:1}.recon-history-row{display:flex;gap:1rem;font-size:.85rem;color:var(--text-primary)}.recon-history-notes{font-size:.8rem;color:var(--text-muted);margin-top:.25rem;font-style:italic}.recon-history-diff{font-weight:600;font-size:.85rem;padding:.25rem .75rem;border-radius:20px}.recon-history-diff.match{background:var(--success-bg);color:var(--success)}.recon-history-diff.surplus{background:var(--warning-bg);color:var(--warning)}.recon-history-diff.deficit{background:var(--danger-bg);color:var(--danger)}@media (max-width: 1024px){.recon-balance-grid,.recon-denom-grid{grid-template-columns:1fr}}.quick-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.quick-stat-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition)}.quick-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.quick-stat-card.today .quick-stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.quick-stat-card.yesterday .quick-stat-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.quick-stat-card.week .quick-stat-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.quick-stat-card.petty-cash .quick-stat-icon{background:linear-gradient(135deg,var(--accent-bg),rgba(217,119,6,.2));color:var(--accent)}.quick-stat-info{display:flex;flex-direction:column}.quick-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.quick-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.expense-ratio-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;margin-top:.5rem}.expense-ratio-badge i{font-size:.75rem}.expense-ratio-badge .ratio-label{font-weight:600}.dashboard-grid-row{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;margin-top:1.5rem}.top-categories-card{height:fit-content}.top-categories-list{padding:.5rem 0}.top-category-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.top-category-item:last-child{border-bottom:none}.top-category-rank{width:24px;height:24px;border-radius:50%;background:var(--accent-bg);color:var(--accent);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.top-category-info{flex:1;min-width:0}.top-category-name{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-category-amount{display:block;font-size:.75rem;color:var(--text-secondary)}.top-category-bar{width:60px;height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden}.top-category-fill{height:100%;border-radius:3px;transition:width .3s ease}.chart-card{min-height:350px}.empty-state.small{padding:2rem;text-align:center;color:var(--text-muted)}.empty-state.small i{font-size:2rem;margin-bottom:.5rem}.empty-state.small p{font-size:.85rem}@media (max-width: 1024px){.quick-stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-grid-row{grid-template-columns:1fr}}.petty-cash-hero{margin-bottom:2rem}.balance-card-large{background:linear-gradient(135deg,var(--zada-main),var(--zada-dark));border-radius:var(--border-radius-lg);padding:2.5rem;color:#fff;text-align:center;box-shadow:var(--shadow-lg)}.balance-label{font-size:1rem;opacity:.9;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.balance-amount-large{font-size:3rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.balance-actions{display:flex;gap:1rem;justify-content:center}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--border-radius-sm);background:var(--bg-card);margin-bottom:.5rem;transition:var(--transition)}.transaction-item:hover{background:var(--bg-card-hover)}.transaction-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.petty-topup .transaction-icon{background:#10b98126;color:var(--success)}.petty-withdraw .transaction-icon{background:#ef444426;color:var(--danger)}.transaction-details{flex:1}.transaction-desc{font-weight:500;color:var(--text-primary)}.transaction-time{font-size:.8rem;color:var(--text-muted)}.transaction-amount{text-align:right}.transaction-amount span{font-weight:600;font-size:1rem}.transaction-balance{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.quick-amounts{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.quick-amount-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:var(--transition);font-size:.85rem}.quick-amount-btn:hover{border-color:var(--zada-main);background:var(--bg-card-hover)}.current-balance-info{background:linear-gradient(135deg,var(--zada-dark),var(--zada-main));padding:1rem 1.25rem;border-radius:var(--border-radius-sm);margin-bottom:1.25rem;text-align:center;color:#ffffffe6;font-size:.95rem;border:none;box-shadow:0 2px 8px #7e1f5840}.current-balance-info strong{color:var(--accent-light);font-size:1.15rem}.form-control-lg{font-size:1.75rem;padding:1.25rem;text-align:center;font-weight:700;letter-spacing:1px;border:2px solid var(--border-color);background:var(--bg-card)}.form-control-lg:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg)}.form-select{width:100%;padding:.875rem 2.5rem .875rem 1rem;background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748B'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.95rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:var(--transition)}.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.form-select:hover{border-color:var(--accent-light)}.form-hint{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-muted);font-style:italic}.modal-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.modal-header h3 i.fa-plus-circle{color:var(--success)}.modal-header h3 i.fa-minus-circle{color:var(--danger)}.form-label i.fa-link{color:var(--accent)}.transaction-groups{max-height:500px;overflow-y:auto}.transaction-group{margin-bottom:1.5rem}.group-header{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}@media (max-width: 768px){.balance-amount-large{font-size:2rem}.balance-actions{flex-direction:column}.btn-lg{padding:.875rem 1.5rem}}.summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;overflow:hidden}.summary-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--zada-main),var(--accent));opacity:0;transition:opacity .3s ease}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-card:hover:after{opacity:1}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead th{padding:.85rem 1rem;text-align:left;font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,var(--bg-input) 0%,rgba(241,245,249,.6) 100%);border-bottom:2px solid var(--border-color);white-space:nowrap}.data-table thead th:first-child{border-radius:var(--border-radius-sm) 0 0 0}.data-table thead th:last-child{border-radius:0 var(--border-radius-sm) 0 0}.data-table tbody td{padding:.75rem 1rem;font-size:.88rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);transition:background .15s ease}.data-table tbody tr{transition:var(--transition)}.data-table tbody tr:hover td{background:var(--bg-card-hover)}.data-table tbody tr:last-child td{border-bottom:none}.data-table code{background:var(--accent-bg);color:var(--accent-dark);padding:.15rem .5rem;border-radius:4px;font-size:.82rem;font-weight:600;font-family:JetBrains Mono,Fira Code,monospace}.hero-balance{background:linear-gradient(135deg,var(--zada-dark) 0%,var(--zada-main) 50%,var(--zada-light) 100%);color:#fff;border-radius:var(--border-radius);padding:2rem;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #4e12344d}.hero-balance:before{content:"";position:absolute;top:-50%;right:-30%;width:300px;height:300px;background:radial-gradient(circle,rgba(245,158,11,.15) 0%,transparent 70%);pointer-events:none}.hero-balance:after{content:"";position:absolute;bottom:-30%;left:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);pointer-events:none}.hero-balance .hero-label{font-size:.85rem;opacity:.8;font-weight:400;letter-spacing:.5px}.hero-balance .hero-amount{font-size:2.25rem;font-weight:700;margin-top:.35rem;letter-spacing:-.5px}.account-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.25rem;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.account-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent, var(--accent));transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.account-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--card-accent, var(--accent))}.account-card:hover:before{transform:scaleX(1)}.account-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.btn-delete-subtle{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.account-card:hover .btn-delete-subtle{opacity:.4}.btn-delete-subtle:hover{opacity:1!important;background:#fee2e2;color:#dc2626}.balance-indicator{border-radius:var(--border-radius);padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.balance-indicator.balanced{background:linear-gradient(135deg,#16a34a14,#16a34a08);border:1px solid rgba(22,163,74,.2)}.balance-indicator.unbalanced{background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border:1px solid rgba(245,158,11,.2)}.bs-section-title{font-size:.82rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.bs-line-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0 .4rem 1rem;font-size:.88rem;transition:background .1s ease;border-radius:4px}.bs-line-item:hover{background:var(--bg-card-hover)}.bs-line-item .amount{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;font-weight:500}.bs-subtotal{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;font-weight:700;font-size:.92rem;border-top:1px solid var(--border-color);margin-top:.35rem}.bs-subtotal .amount{font-family:JetBrains Mono,Fira Code,monospace}.bs-grand-total{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0;font-weight:700;font-size:1.1rem;border-top:3px double var(--border-color);margin-top:.5rem}.bs-grand-total .amount{font-family:JetBrains Mono,Fira Code,monospace}.info-note{margin-top:1.5rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--info-bg) 0%,rgba(37,99,235,.03) 100%);border:1px solid rgba(37,99,235,.15);border-radius:var(--border-radius-sm);font-size:.82rem;color:var(--text-secondary);line-height:1.6}.info-note i{color:var(--info);margin-right:.5rem}.condition-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:20px;font-size:.78rem;font-weight:500;letter-spacing:.2px}.estimation-box{background:linear-gradient(135deg,var(--bg-input) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);padding:.85rem 1.1rem;border-radius:var(--border-radius-sm);font-size:.85rem;margin-top:.5rem}.estimation-box strong{color:var(--accent-dark)}.current-balance-box{background:linear-gradient(135deg,var(--bg-input) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);padding:1rem;border-radius:var(--border-radius-sm);margin-bottom:1rem}@media (max-width: 768px){.summary-grid{grid-template-columns:repeat(2,1fr)!important}.hero-balance .hero-amount{font-size:1.5rem}.data-table thead th,.data-table tbody td{padding:.6rem .75rem;font-size:.8rem}}.pin-gate-overlay{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:2rem}.pin-gate-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;text-align:center;max-width:360px;width:100%;box-shadow:var(--shadow-lg)}.pin-gate-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1.25rem}.pin-gate-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.pin-gate-card p{color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem}.pin-input-wrapper{margin-bottom:1rem}.pin-input{width:160px;padding:.75rem 1rem;font-size:1.5rem;text-align:center;letter-spacing:.5rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color .2s ease}.pin-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.pin-input.pin-error{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}.pin-error-text{color:#dc2626;font-size:.8rem;margin-bottom:.75rem}.pin-submit{width:160px;padding:.65rem 1.5rem;font-size:.9rem;border-radius:10px}.pin-submit:disabled{opacity:.4;cursor:not-allowed}.pin-hint{margin-top:1.25rem;font-size:.72rem;color:var(--text-muted);opacity:.6}@keyframes pinShake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.pin-shake{animation:pinShake .5s ease}.shift-active-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:var(--shadow-lg)}.shift-active-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.shift-active-header h3{font-size:1.15rem;font-weight:700}.shift-active-pulse{width:12px;height:12px;border-radius:50%;background:#22c55e;animation:shiftPulse 2s infinite ease-in-out}@keyframes shiftPulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 8px #22c55e00}}.shift-active-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.shift-active-detail{display:flex;flex-direction:column;gap:.15rem}.shift-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.shift-value{font-size:1rem;font-weight:600}.shift-timer{color:#3b82f6;font-variant-numeric:tabular-nums}.shift-closed-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;text-align:center;box-shadow:var(--shadow-lg)}.shift-closed-icon{font-size:3rem;margin-bottom:.75rem}.shift-closed-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.shift-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.shift-balance-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.shift-balance-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;flex-shrink:0}.shift-balance-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;display:block}.shift-balance-value{font-size:1rem;font-weight:700;display:block}.shift-denom-grid{display:grid;gap:.5rem}.shift-denom-row{display:grid;grid-template-columns:130px 1fr 120px;align-items:center;gap:1rem;padding:.35rem 0;border-bottom:1px solid var(--border-color)}.shift-denom-label{font-size:.85rem;font-weight:500}.shift-denom-controls{display:flex;align-items:center;gap:.25rem}.shift-denom-btn{width:32px;height:32px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.shift-denom-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.shift-denom-input{width:60px;text-align:center;padding:.4rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;font-weight:600}.shift-denom-subtotal{text-align:right;font-size:.85rem;color:var(--text-muted);font-weight:500}.shift-result{padding:1.25rem;border-radius:12px;border:2px solid}.shift-result.match{border-color:#22c55e;background:#22c55e0d}.shift-result.surplus{border-color:#3b82f6;background:#3b82f60d}.shift-result.deficit{border-color:#dc2626;background:#dc26260d}.shift-result-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.9rem}.shift-result-diff{border-top:2px solid var(--border-color);margin-top:.5rem;padding-top:.75rem;font-size:1.05rem}.shift-result.match .shift-result-diff{color:#22c55e}.shift-result.surplus .shift-result-diff{color:#3b82f6}.shift-result.deficit .shift-result-diff{color:#dc2626}.shift-warning-banner{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-radius:12px;margin-bottom:1rem;cursor:pointer;font-size:.88rem;transition:transform .15s,box-shadow .15s}.shift-warning-banner:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.shift-active-banner{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a;border-radius:10px;margin-bottom:1rem;font-size:.82rem}