:root{--primary-color:#3498db;--income-color:#2ecc71;--expense-color:#e74c3c;--bg-color:#f9f9f9;--card-bg:#fff;--text-color:#333;--border-color:#e0e0e0;--shadow:0 4px 6px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','Microsoft YaHei',sans-serif}body{background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.container{max-width:800px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:30px}h1{color:var(--primary-color);margin-bottom:10px}.tabs{display:flex;margin-bottom:20px;border-bottom:1px solid var(--border-color)}.tab{padding:10px 20px;cursor:pointer;background:0 0;border:0;font-size:16px;flex:1;text-align:center;transition:all .3s;position:relative}.tab.active{color:var(--primary-color);font-weight:700}.tab.active::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--primary-color)}.tab-content{display:none;animation:fadeIn .3s}.tab-content.active{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.card{background-color:var(--card-bg);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}.stats{display:flex;justify-content:space-around;text-align:center;margin-bottom:20px}.stat-item{padding:15px;border-radius:8px;cursor:pointer;transition:transform .3s,background-color .3s;flex:1;margin:0 10px}.stat-item:hover{transform:translateY(-5px);background-color:rgba(0,0,0,.02)}.total{background-color:rgba(52,152,219,.1);color:var(--primary-color)}.income-stat{background-color:rgba(46,204,113,.1);color:var(--income-color)}.expense-stat{background-color:rgba(231,76,60,.1);color:var(--expense-color)}.stat-value{font-size:24px;font-weight:700;margin-top:5px}.btn{padding:8px 16px;border:0;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:14px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-income{background-color:var(--income-color);color:#fff}.btn-expense{background-color:var(--expense-color);color:#fff}.btn:hover{opacity:.9}.transaction-list{list-style:none}.transaction-item{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid var(--border-color);transition:background-color .3s}.transaction-item:hover{background-color:rgba(0,0,0,.02)}.transaction-info{flex:1}.transaction-actions{display:flex;gap:10px}.transaction-title{font-weight:700;margin-bottom:5px}.transaction-meta{font-size:12px;color:#666}.transaction-amount{font-weight:700;margin-right:10px}.income-amount{color:var(--income-color)}.expense-amount{color:var(--expense-color)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 5px 15px rgba(0,0,0,.3)}.modal h2{margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-control{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.hidden{display:none}.import-export{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.file-input{display:none}.file-label{display:inline-block;padding:8px 16px;background-color:var(--primary-color);color:#fff;border-radius:4px;cursor:pointer}.no-data{text-align:center;padding:40px;color:#999}.overview-filter{margin-bottom:15px;text-align:center}.filter-btn{margin:0 5px;padding:5px 15px;border:1px solid var(--border-color);background:#fff;border-radius:20px;cursor:pointer;transition:all .3s}.filter-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (max-width:600px){.stats{flex-direction:column}.stat-item{margin:5px 0}.transaction-item{flex-direction:column}.transaction-actions{margin-top:10px;justify-content:flex-end}}