:root{--primary-color: #1976D2;--primary-dark: #1565C0;--accent-color: #9C27B0;--bg-color: #f5f5f5;--text-main: #333;--text-secondary: #666;--text-light: #999;--border-color: #e0e0e0;--card-shadow: 0 1px 5px rgba(0,0,0,.1);--card-shadow-hover: 0 2px 10px rgba(0,0,0,.15);--success-color: #4CAF50;--error-color: #F44336;--warning-color: #FF9800;--income-color: #4CAF50;--expense-color: #F44336}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-size:16px}body{background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-main);line-height:1.5;padding-bottom:80px;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#999}.container{max-width:800px;margin:0 auto;padding:10px;min-height:calc(100vh - 70px)}.hidden{display:none!important}.header{position:fixed;top:0;left:0;right:0;height:56px;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;z-index:100}.header h1{font-size:20px;font-weight:500}body.has-header .container{padding-top:66px;padding-bottom:88px}.loading-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-mask p{margin-top:15px;color:var(--text-secondary)}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:4px;font-size:14px;z-index:10000;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.toast.success{background:var(--success-color)}.toast.error{background:var(--error-color)}.toast.warning{background:var(--warning-color)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light)}.empty-state i{font-size:64px;margin-bottom:20px;opacity:.3}.empty-state p{font-size:14px}.error-message{background:#ffebee;color:var(--error-color);padding:15px;border-radius:4px;margin:10px;text-align:center}@media (max-width: 600px){.container{padding:5px}}.modern-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.modern-btn:active{transform:scale(.98)}.modern-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .5s,height .5s}.modern-btn:hover:before{width:300px;height:300px}.modern-btn i{font-size:16px}.primary-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:0 2px 8px #4385f84d}.primary-btn:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:0 4px 12px #4385f866;transform:translateY(-1px)}.secondary-btn{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:var(--text-main);border:1px solid #dee2e6}.secondary-btn:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.danger-btn{background:linear-gradient(135deg,var(--error-color),#d32f2f);color:#fff;box-shadow:0 2px 8px #d32f2f4d}.danger-btn:hover{background:linear-gradient(135deg,#d32f2f,var(--error-color));box-shadow:0 4px 12px #d32f2f66;transform:translateY(-1px)}.retry-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f093fb66}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;text-align:center;cursor:pointer;transition:all .3s;text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#f5f5f5;color:var(--text-main)}.btn-secondary:hover{background:#e0e0e0}.btn-danger{background:var(--error-color);color:#fff}.btn-success{background:var(--success-color);color:#fff}.btn-outline{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-small{padding:6px 12px;font-size:12px}.btn-large{padding:14px 28px;font-size:16px}.btn-block{display:block;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:#fff;border-radius:8px;box-shadow:var(--card-shadow);margin:10px 0;padding:16px;transition:box-shadow .3s}.card:hover{box-shadow:var(--card-shadow-hover)}.card-title{font-size:16px;font-weight:500;margin-bottom:12px}.card-content{color:var(--text-secondary);font-size:14px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color)}.list-item:last-child{border-bottom:none}.list-item-content{flex:1}.list-item-title{font-size:15px;margin-bottom:4px}.list-item-subtitle{font-size:13px;color:var(--text-secondary)}.list-item-action{margin-left:10px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-main)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:80px}.form-group .form-hint{font-size:12px;color:var(--text-light);margin-top:4px}.form-group .form-error{font-size:12px;color:var(--error-color);margin-top:4px}.radio-group,.checkbox-group{display:flex;gap:20px}.radio-group label,.checkbox-group label{display:flex;align-items:center;font-weight:400;cursor:pointer}.radio-group input,.checkbox-group input{width:auto;margin-right:6px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;padding:24px;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:18px;font-weight:500}.modal-close{background:none;border:none;font-size:28px;line-height:1;cursor:pointer;color:var(--text-light);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.modal-close:hover{background:var(--bg-color)}.modal-footer{display:flex;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color)}.modal-footer .btn{flex:1}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #0000001a;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-light);text-decoration:none;font-size:12px;transition:color .3s;background:none;border:none;cursor:pointer;padding:8px 0}.nav-item i{font-size:24px}.nav-item.active,.nav-item:hover{color:var(--primary-color)}.center-fab{flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #1976d266;position:relative;bottom:15px}.center-fab i{font-size:28px;margin:0}.center-fab:hover{background:var(--primary-dark);transform:scale(1.05)}.drawer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.drawer-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;animation:fadeIn .3s}.drawer-content{position:absolute;right:0;top:0;bottom:0;width:280px;max-width:80vw;background:#fff;box-shadow:-2px 0 8px #00000026;animation:slideInRight .3s}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.drawer-header h2{font-size:18px}.drawer-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-light);padding:8px}.drawer-menu{list-style:none;padding:10px 0}.drawer-menu li{margin:0}.drawer-menu li.divider{height:1px;background:var(--border-color);margin:10px 0}.drawer-menu a{display:flex;align-items:center;padding:15px 20px;color:var(--text-main);text-decoration:none;transition:background .3s}.drawer-menu a:hover{background:var(--bg-color)}.drawer-menu a i{font-size:20px;margin-right:12px;color:var(--text-secondary)}.tabs{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:20px}.tab-item{flex:1;padding:12px;text-align:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;position:relative;transition:color .3s}.tab-item.active{color:var(--primary-color)}.tab-item.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary-color)}.badge{display:inline-block;padding:2px 8px;background:var(--primary-color);color:#fff;font-size:12px;border-radius:12px;min-width:20px;text-align:center}.badge-success{background:var(--success-color)}.badge-error{background:var(--error-color)}.badge-warning{background:var(--warning-color)}.search-bar{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px;flex-wrap:nowrap}.search-group{flex:1;min-width:0}.search-input,.search-select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .3s}.search-input:focus,.search-select:focus{outline:none;border-color:var(--primary-color)}.money-item-enhanced{cursor:pointer;transition:all .3s}.money-item-enhanced:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.item-bottom{padding:10px 0 0 10px;border-radius:0 0 6px 6px;background:#fff;font-size:12px;border-top:1px solid #e0e0e0;margin:0 -16px;color:var(--expense-color)}.item-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 10px;border-radius:6px 6px 0 0;margin:-16px -16px 10px;border-bottom:1px solid #e0e0e0}.item-left{flex:1;font-size:12px;display:flex;justify-content:center}.item-date-row{display:flex;align-items:center;gap:8px}.item-date-row .date{color:var(--text-main);font-weight:500}.payment-badge{padding:2px 8px;border-radius:3px;font-size:11px;font-weight:500}.payment-badge.card{background:#e8f5e9;color:#2e7d32}.payment-badge.cash{background:#ffebee;color:#c62828}.item-type-row{display:flex;gap:10px;font-size:12px}.item-type-row.income-type{color:var(--error-color)}.item-type-row.expense-type{color:var(--primary-color)}.type-label{font-weight:500}.item-right{text-align:right;display:flex;align-items:center;justify-content:center}.amount-large{font-size:22px;font-weight:700}.money-item-enhanced.expense .amount-large{color:#4caf50}.money-item-enhanced.income .amount-large{color:#f44336}.item-remark{padding:10px 0;color:var(--text-main);line-height:1.5;word-break:break-all}.item-oil-info{padding:8px 0;color:var(--text-secondary);font-size:12px}.highlight{background:#fff59d;color:#f44336;font-weight:700;padding:0 2px}.highlight-text{background:#ffeb3b;color:#d84315;font-weight:700;padding:1px 2px;border-radius:2px}.note-timeline{position:relative;padding:20px 0}.timeline-item{display:flex;margin-bottom:15px;position:relative}.timeline-left{width:40px;display:flex;justify-content:center;padding-top:5px}.timeline-right{flex:1;background:#fff;border-radius:12px;box-shadow:var(--card-shadow);padding:16px;position:relative;transition:all .3s ease}.timeline-right:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.timeline-item.today .timeline-right{border-left:4px solid var(--primary-color)}.timeline-item.past .timeline-right{border-left:4px solid var(--text-light)}.timeline-item.future .timeline-right{border-left:4px solid var(--error-color);background:#fff5f5}.timeline-date{font-size:13px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.timeline-item.today .timeline-date{color:var(--primary-color)}.timeline-item.future .timeline-date{color:var(--error-color);font-weight:600}.timeline-title{font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:10px}.timeline-content{font-size:15px;line-height:1.6;color:var(--text-main);margin-bottom:15px;word-break:break-word}.timeline-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:10px;border-top:1px solid var(--border-color);margin-top:15px}.friend-images{display:grid;gap:3px;border-radius:8px;overflow:hidden;margin:15px 0}.friend-image-item{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;transition:transform .2s ease}.friend-image-item:hover{transform:scale(1.05)}.friend-image-item img{width:100%;height:100%;object-fit:cover;border-radius:6px}.friend-images.single{max-width:200px}.friend-images.double{grid-template-rows:1fr}.friend-images.triple,.friend-images.quad{grid-template-rows:1fr 1fr}.friend-images.multiple{grid-template-rows:repeat(3,1fr)}.more-indicator{position:absolute;bottom:5px;right:5px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 8px #0000004d}.list-container .money-item-enhanced:last-child{margin-bottom:10px}.form-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .3s}.form-input:focus{outline:none;border-color:var(--primary-color)}.note-list{margin-bottom:20px}.note-card{background:#fff;border-radius:8px;box-shadow:var(--card-shadow);margin-bottom:15px;padding:16px;transition:all .3s}.note-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.note-content{font-size:14px;color:var(--text-main);line-height:1.6;margin-bottom:10px;word-break:break-word}.note-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:10px;border-top:1px solid var(--border-color)}.btn-icon{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:18px;padding:6px;border-radius:4px;transition:all .3s}.car-item{border:1px solid var(--border-color);padding:0;border-radius:5px;overflow:hidden;margin-bottom:15px}.car-title{display:flex;align-items:center;justify-content:space-between;background:#efefef;padding:8px 12px}.car-title .text-body1{font-size:16px;font-weight:700;color:var(--text-main)}.car-content{padding:12px}.car-info-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding:8px 0}.car-info-row>div:first-child{font-weight:500}.car-info-row>div:last-child{color:var(--text-secondary)}.car-info-row a{color:#09f;text-decoration:none}.car-images{margin:12px 0}.car-images.single-image{text-align:center}.car-images.two-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.car-images.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.car-image{width:100%;height:120px;object-fit:cover;cursor:pointer;border-radius:4px;transition:transform .2s ease}.car-image:hover{transform:scale(1.05)}.car-actions{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid var(--border-color)}.car-actions .text-green{color:var(--success-color);font-weight:600}.car-actions .text-red{color:var(--error-color);font-weight:600}.upload-area{border:2px dashed var(--primary-color);border-radius:12px;padding:32px 24px;text-align:center;background:linear-gradient(135deg,#4385f80d,#4385f805);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.upload-area:hover{border-color:var(--primary-dark);background:linear-gradient(135deg,#4385f814,#4385f80a);transform:translateY(-2px)}.upload-area input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.upload-content{pointer-events:none;position:relative;z-index:1}.upload-icon{font-size:48px;color:var(--primary-color);margin-bottom:16px;display:block;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.upload-title{font-size:18px;font-weight:600;color:var(--text-main);margin:0 0 8px;letter-spacing:.5px}.upload-hint{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.upload-area:hover .upload-icon{color:var(--primary-dark);animation:none;transform:scale(1.1)}.car-form-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}.car-form-container{background:#fff;width:88vw;max-width:500px;max-height:85vh;overflow-y:auto;padding:0;border-radius:8px;animation:slideUp .3s ease-out}.car-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color);background:var(--bg-color)}.car-form-header h2{font-size:18px;font-weight:500;color:var(--text-main);margin:0}.form-close{background:none;border:none;font-size:28px;color:var(--text-light);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.form-close:hover{background:var(--bg-color);color:var(--text-main)}.car-form{padding:20px}.car-form .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.car-form .form-group{margin-bottom:15px}.car-form .form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-main)}.car-form .form-group input,.car-form .form-group select,.car-form .form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .3s}.car-form .form-group input:focus,.car-form .form-group select:focus,.car-form .form-group textarea:focus{outline:none;border-color:var(--primary-color)}.car-form .form-hint{font-size:12px;color:var(--text-light);margin-top:4px}.car-form .form-actions{display:flex;gap:10px;margin-top:20px}.car-form .required{color:var(--error-color)}.car-search-header{background:#fff;padding:15px;margin-bottom:15px;border-radius:8px;box-shadow:var(--card-shadow)}.car-search-header .search-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.car-search-header .search-input{padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-family:inherit;width:100%}.car-search-header .search-input:focus{outline:none;border-color:var(--primary-color)}.upload-area{padding:20px 0;text-align:center}.upload-area input[type=file]{margin-bottom:10px}.upload-hint{font-size:13px;color:var(--text-secondary);margin-top:10px}.home-search-section{display:flex;justify-content:space-between;background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.06)}.search-container{display:flex;align-items:center;background:#f8f9fa;border-radius:12px;padding:12px 16px;border:2px solid transparent;transition:all .3s ease}.search-container:focus-within{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px #4a90e21a}.search-icon{color:#6c757d;margin-right:12px;font-size:20px}.modern-search-input{flex:1;border:none;background:transparent;font-size:16px;color:var(--text-main);outline:none}.modern-search-input::placeholder{color:#adb5bd}.filter-chips{display:flex;gap:12px;flex-wrap:wrap}.modern-select{padding:8px 16px;border:1px solid #e9ecef;border-radius:8px;background:#fff;font-size:14px;color:var(--text-main);cursor:pointer;transition:all .3s ease;min-width:120px}.modern-select:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.modern-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a}.modern-summary-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.06)}.summary-header{display:flex;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f1f3f5}.summary-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;margin-right:16px}.summary-title h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-main)}.summary-subtitle{margin:0;font-size:14px;color:#6c757d}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-item{display:flex;align-items:center;padding:20px;border-radius:12px;background:#f8f9fa;transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:12px}.income-stat .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.expense-stat .stat-icon{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.balance-stat .stat-icon{background:linear-gradient(135deg,#30cfd0,#330867);color:#fff}.stat-content{flex:1}.stat-label{font-size:13px;color:#6c757d;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:700;color:var(--text-main)}.modern-list-container{border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00000014}.modern-money-item{padding:20px;background:#fff;border-bottom:1px solid #f1f3f5;cursor:pointer;transition:all .3s ease}.modern-money-item:last-child{border-bottom:none}.modern-money-item:hover{background:#f8f9fa}.modern-money-item:active{transform:scale(.98)}.item-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.item-left{display:flex;align-items:center;flex:1}.item-type-indicator{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:16px}.item-info{flex:1}.item-category{font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:4px}.item-date{font-size:13px;color:#6c757d}.item-amount{font-size:18px;font-weight:700}.income-amount{color:var(--success-color)}.expense-amount{color:var(--error-color)}.item-description{background:#f8f9fa;padding:12px 16px;border-radius:8px;margin-bottom:12px;font-size:14px;color:#495057;line-height:1.5}.item-description i{color:#6c757d;margin-right:5px;font-size:16px}.item-meta{display:flex;gap:8px;flex-wrap:wrap}.meta-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;background:#e9ecef;color:#495057}.meta-tag i{margin-right:4px;font-size:12px}.payment-tag{background:#d1ecf1;color:#0c5460}.belong-tag{background:#f8d7da;color:#721c24}.oil-tag{background:#fff3cd;color:#856404}.loading-state{display:flex;flex-direction:column;align-items:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #f1f3f5;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{color:#6c757d;font-size:14px;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state-modern{display:flex;flex-direction:column;align-items:center;padding:80px 20px;text-align:center}.empty-icon{width:80px;height:80px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#6c757d;font-size:36px}.empty-content h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text-main)}.empty-content p{margin:0;color:#6c757d;font-size:14px}.modern-state-container{display:flex;align-items:center;padding:60px 20px;text-align:center;max-width:400px;margin:0 auto;flex-direction:column}.state-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:36px}.login-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-icon{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.state-content h3{margin:0 0 12px;font-size:20px;font-weight:600;color:var(--text-main)}.state-content p{margin:0 0 24px;color:#6c757d;font-size:14px;line-height:1.5}.state-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.modern-error-state{display:flex;flex-direction:column;align-items:center;padding:60px 20px;text-align:center}.error-icon{width:80px;height:80px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;margin-bottom:24px}.error-content{text-align:center}.error-content h3{margin:0 0 12px;font-size:20px;font-weight:600;color:var(--text-main)}.error-content p{margin:0 0 24px;color:#6c757d;font-size:14px;line-height:1.5}.load-more-section{text-align:center;padding:24px}.modern-load-more-btn{display:inline-flex;align-items:center;padding:12px 32px;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;gap:8px}.modern-load-more-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.modern-load-more-btn:active{transform:translateY(0)}@media (max-width: 768px){.home-search-section{padding:16px;margin-bottom:16px}.summary-stats{grid-template-columns:1fr;gap:16px}.modern-summary-card,.modern-money-item{padding:16px}.item-main{align-items:flex-start;gap:12px}.item-amount{font-size:16px}.state-actions{flex-direction:column;width:100%}.modern-btn{width:100%;justify-content:center}.filter-chips{flex-direction:column}.modern-select{width:100%}}.highlight{background:linear-gradient(135deg,#fff3cd,#ffeaa7);padding:2px 4px;border-radius:4px;font-weight:600;color:#856404}.stats-search{background:#fff;padding:15px;margin-bottom:15px;border-radius:8px;box-shadow:var(--card-shadow)}.search-row{display:flex;gap:10px;margin-bottom:10px}.search-row:last-child{margin-bottom:0}.form-select{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-family:inherit;background:#fff;transition:border-color .3s}.form-select:focus{outline:none;border-color:var(--primary-color)}.stats-results{background:#fff;border-radius:8px;box-shadow:var(--card-shadow);padding:15px}.summary-title{font-size:1.2rem;font-weight:700;text-align:center}.text-income{color:var(--error-color)}.text-income:before{content:"+";font-weight:400;padding-right:5px}.text-expense{color:var(--success-color)}.text-expense:before{content:"-";font-weight:400;padding-right:5px}.stats-section{margin-bottom:25px}.section-title{font-size:1rem;font-weight:700;padding:8px;margin:0;text-align:center;background:#f5f5f5;border-radius:4px;color:var(--text-main)}.stats-list{display:flex;flex-wrap:wrap;margin:0;padding:5px 0;border:1px solid var(--border-color);border-radius:4px;background:#fff;list-style:none}.stats-item{width:25%;list-style:none;margin:0;padding:12px 8px;text-align:center;cursor:pointer;transition:background-color .3s}.stats-item:hover{background-color:#f9f9f9}.item-name{color:#666;font-size:14px;margin-bottom:4px;word-break:break-word}.item-amount{font-weight:700;font-size:x-large}.item-amount.expense{color:var(--success-color)}.item-amount.income{color:var(--error-color)}@media (max-width: 768px){.search-row{flex-direction:column}.stats-item{width:33.333%}}@media (max-width: 480px){.stats-item{width:50%}.search-row{gap:8px}}.car-search-section{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f8f9ff,#fff);border-radius:16px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(67,133,248,.1)}.action-buttons{display:flex;gap:8px}.modern-car-item{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 12px #00000014;border:1px solid #e3e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modern-car-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));opacity:0;transition:opacity .3s ease}.modern-car-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.modern-car-item:hover:before{opacity:1}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f4f8}.car-number{display:flex;flex-direction:column;gap:4px}.car-plate{font-size:20px;font-weight:700;color:var(--text-main);letter-spacing:1px}.car-model{font-size:14px;color:var(--text-secondary);font-weight:500}.car-status{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase}.status-active{background:linear-gradient(135deg,#e8f5e8,#f0fff0);color:#2e7d32;border:1px solid #c8e6c9}.status-inactive{background:linear-gradient(135deg,#ffebee,#fff5f5);color:#c62828;border:1px solid #ffcdd2}.item-details{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.detail-row{display:flex;gap:16px;align-items:center}.detail-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-main);padding:8px 12px;background:#f8f9fa;border-radius:8px;transition:all .2s ease}.detail-item:hover{background:#e9ecef;transform:translate(2px)}.detail-item i{color:var(--primary-color);font-size:16px}.detail-item.highlight{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid #ffeaa7}.detail-item.highlight i{color:#f39c12}.detail-item.full-width{flex:1}.pdf-link{color:var(--primary-color);text-decoration:none;font-weight:500}.pdf-link:hover{text-decoration:underline}.car-images-section{margin:16px 0}.car-images{display:grid;gap:8px;border-radius:12px;overflow:hidden}.car-image{width:100%;height:160px;object-fit:cover;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.car-image:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.car-images.single-image{grid-template-columns:1fr;max-width:300px}.car-images.two-cols{grid-template-columns:repeat(2,1fr)}.car-images.three-cols{grid-template-columns:repeat(3,1fr)}.item-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #f0f4f8}.item-actions .modern-btn{font-size:13px;padding:8px 12px}.note-search-section{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f8fff8,#fff);border-radius:16px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(76,175,80,.1)}.modern-note-item{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 12px #00000014;border:1px solid #e3e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modern-note-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4caf50,#8bc34a);opacity:0;transition:opacity .3s ease}.modern-note-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.modern-note-item:hover:before{opacity:1}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f4f8}.note-info{flex:1}.note-date{font-size:16px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.note-title{font-size:18px;font-weight:600;color:var(--text-main);line-height:1.4}.note-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-today{background:linear-gradient(135deg,#e8f5e8,#f0fff0);color:#2e7d32;border:1px solid #c8e6c9}.status-future{background:linear-gradient(135deg,#fff3e0,#fffcf0);color:#f57c00;border:1px solid #ffcc02}.status-past{background:linear-gradient(135deg,#f3e5f5,#faf0ff);color:#7b1fa2;border:1px solid #e1bee7}.item-content{display:flex;flex-direction:column;gap:16px}.note-text{font-size:15px;line-height:1.6;color:var(--text-main);word-break:break-word;margin-bottom:8px}.note-images-section{display:flex;flex-direction:column;gap:8px}.note-images{display:grid;gap:8px;border-radius:12px;overflow:hidden}.note-images.single-image{grid-template-columns:1fr;max-width:280px}.note-images.two-cols{grid-template-columns:repeat(2,1fr)}.note-images.three-cols{grid-template-columns:repeat(3,1fr)}.modern-image-item{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-image-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.modern-image-item img{width:100%;height:100%;object-fit:cover;border-radius:8px}.more-overlay{position:absolute;bottom:0;right:0;left:0;top:0;background:#0009;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px}.more-indicator{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:14px;font-weight:600}.more-indicator i{font-size:20px;margin-bottom:4px}.image-count{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);font-weight:500;padding:4px 8px;background:#f8f9fa;border-radius:12px;align-self:flex-start}.stats-search-section{background:linear-gradient(135deg,#f8f9ff,#fff);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(67,133,248,.1)}.search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--text-main)}.search-title i{font-size:20px;color:var(--primary-color)}.search-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.filter-label i{font-size:16px;color:var(--primary-color)}.date-range{display:flex;gap:12px}.modern-select{flex:1;padding:12px 16px;border:2px solid #e3e8f0;border-radius:8px;background:#fff;font-size:14px;transition:all .3s ease;outline:none}.modern-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4385f81a}.stats-results-modern{animation:fadeInUp .5s ease}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.overview-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #f0f4f8;display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity .3s ease}.overview-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.overview-card:hover:before{opacity:1}.income-card:before{background:linear-gradient(90deg,#51cf66,#37b24d)}.expense-card:before{background:linear-gradient(90deg,#ff6b6b,#ff5252)}.balance-card:before{background:linear-gradient(90deg,#4c6ef5,#364fc7)}.card-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.income-card .card-icon{background:linear-gradient(135deg,#e8f5e8,#f0fff0);color:#37b24d}.expense-card .card-icon{background:linear-gradient(135deg,#fff5f5,#ffebeb);color:#ff5252}.balance-card .card-icon{background:linear-gradient(135deg,#f0f4ff,#e8f0ff);color:#364fc7}.card-content{flex:1}.card-title{font-size:14px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.card-amount{font-size:24px;font-weight:700;font-feature-settings:"tnum"}.card-amount.income{color:#37b24d}.card-amount.expense{color:#ff5252}.card-amount.balance-positive{color:#364fc7}.card-amount.balance-negative{color:#ff5252}.stats-content{display:grid;grid-template-columns:1fr 2fr;gap:24px}.charts-section{min-height:400px}.chart-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000014;border:1px solid #f0f4f8;height:100%}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-main)}.chart-tabs{display:flex;gap:4px;background:#f8f9fa;border-radius:6px;padding:2px}.chart-tab{padding:6px 12px;border:none;background:transparent;border-radius:4px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.chart-tab.active{background:#fff;color:var(--primary-color);box-shadow:0 1px 3px #0000001a}.chart-container{display:flex;justify-content:center;align-items:center;min-height:300px}#stats-chart{max-width:100%;height:auto}.details-section{display:flex;flex-direction:column;gap:20px}.stats-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #00000014;border:1px solid #f0f4f8;transition:all .3s cubic-bezier(.4,0,.2,1)}.stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.stats-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f4f8}.stats-card .card-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:8px}.stats-card .card-header h3 i{font-size:18px}.item-count{font-size:12px;color:var(--text-secondary);background:#f8f9fa;padding:4px 8px;border-radius:12px;font-weight:500}.stats-list-modern{display:flex;flex-direction:column;gap:8px}.modern-stats-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;background:#f8f9fa;border:1px solid #e9ecef;cursor:pointer;transition:all .3s ease}.modern-stats-item:hover{background:linear-gradient(135deg,#f0f4ff,#f8f9ff);border-color:#4385f833;transform:translate(4px)}.item-info{display:flex;flex-direction:column;gap:4px;flex:1}.item-name{font-size:14px;font-weight:500;color:var(--text-main)}.item-amount{font-size:16px;font-weight:600;font-feature-settings:"tnum"}.item-amount.expense{color:#ff5252}.item-amount.income{color:#37b24d}.item-action{margin-left:12px;color:var(--text-light);transition:all .3s ease}.modern-stats-item:hover .item-action{color:var(--primary-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.note-search-section{flex-direction:column;gap:12px;padding:16px}.modern-note-item{padding:16px}.item-header{flex-direction:column;align-items:flex-start;gap:12px}.note-status{align-self:flex-start}.note-title{font-size:16px}.note-text{font-size:14px}.note-images.three-cols{grid-template-columns:repeat(2,1fr)}.search-header{flex-direction:column;align-items:flex-start;gap:16px}.search-filters{grid-template-columns:1fr;gap:16px}.date-range{flex-direction:column}.overview-cards{grid-template-columns:1fr;gap:16px}.stats-content{grid-template-columns:1fr;gap:20px}.overview-card{padding:20px}.card-amount{font-size:20px}.chart-card,.stats-card{padding:16px}}.modern-stats-item.income-grid-item{flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:10px 12px}.modern-stats-item.income-grid-item .item-info{gap:6px;flex:none}.modern-stats-item.income-grid-item .item-name{font-size:13px;line-height:1.2;margin-bottom:2px;text-align:left}.modern-stats-item.income-grid-item .item-amount{font-size:14px;font-weight:600}.modern-stats-item.income-grid-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-start{display:flex;align-items:flex-start}.flex-end{display:flex;align-items:flex-end}.flex-1{flex:1}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:10px}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:10px}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:10px}.row{display:flex;align-items:center}.row+.row{margin-top:8px}.row.space-between{justify-content:space-between}.filter-bar{background:#fff;padding:15px;margin-bottom:10px;border-radius:8px;box-shadow:var(--card-shadow)}.filter-bar input,.filter-bar select{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.money-item{position:relative;padding-left:12px;cursor:pointer}.money-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:80%;border-radius:2px}.money-item.expense:before{background:var(--expense-color)}.money-item.income:before{background:var(--income-color)}.money-item .date{color:var(--text-secondary);font-size:13px}.money-item .amount{font-size:18px;font-weight:600}.money-item.expense .amount{color:var(--expense-color)}.money-item.income .amount{color:var(--income-color)}.money-item .sub-info{margin-top:8px;font-size:13px;color:var(--text-secondary)}.money-item .category{background:var(--bg-color);padding:2px 8px;border-radius:4px;font-size:12px}.money-item .remark{margin-left:10px;color:var(--text-light)}.stats-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:var(--card-shadow)}.summary-label{font-size:14px;font-weight:500;margin-bottom:15px;text-align:center;padding:8px 12px;background:var(--bg-color);border-radius:6px;border-left:4px solid var(--primary-color)}.stats-summary{display:flex;justify-content:space-around;text-align:center}.stats-item{flex:1}.stats-item .label{font-size:13px;color:var(--text-secondary);margin-bottom:3px}.stats-item .value{font-size:24px;font-weight:600}.stats-item.income .value{color:var(--income-color)}.stats-item.expense .value{color:var(--expense-color)}.stats-item.balance .value{color:var(--primary-color)}.chart-container{position:relative;height:300px;padding:20px 10px}.note-list{display:grid;gap:10px}.note-card{background:#fff;border-radius:8px;padding:16px;box-shadow:var(--card-shadow);cursor:pointer;transition:transform .2s}.note-card:active{transform:scale(.98)}.note-card .note-date{font-size:12px;color:var(--text-light);margin-bottom:8px}.note-card .note-content{font-size:14px;color:var(--text-main);line-height:1.6;max-height:4.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.note-card .note-images{display:flex;gap:5px;margin-top:10px}.note-card .note-images img{width:60px;height:60px;object-fit:cover;border-radius:4px}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.image-item{position:relative;padding-bottom:100%;border-radius:8px;overflow:hidden;background:var(--bg-color)}.image-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-item .remove-btn{position:absolute;top:5px;right:5px;width:24px;height:24px;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.image-upload-btn{padding-bottom:100%;background:var(--bg-color);border:2px dashed var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .3s}.image-upload-btn:hover{border-color:var(--primary-color)}.image-upload-btn i{font-size:32px;color:var(--text-light)}.car-card{background:#fff;border-radius:12px;padding:0;margin-bottom:15px;box-shadow:var(--card-shadow);overflow:hidden;transition:box-shadow .3s}.car-card:hover{box-shadow:var(--card-shadow-hover)}.car-card-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.car-card .car-number{font-size:20px;font-weight:600;letter-spacing:2px}.car-card .car-info{padding:15px 20px}.car-card .info-row{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:12px}.car-card .info-row:last-child{margin-bottom:0}.car-card .info-item{font-size:13px}.car-card .info-full{font-size:13px;margin-bottom:12px}.car-card .info-full:last-child{margin-bottom:0}.car-card .info-label{color:var(--text-light);margin-bottom:4px;font-size:12px}.car-card-actions{padding:10px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:5px}.btn-icon{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;color:var(--text-secondary);font-size:18px;transition:all .3s}.btn-icon:hover{background:var(--bg-color);color:var(--primary-color)}.btn-icon.text-danger:hover{color:var(--error-color)}.search-bar{background:#fff;padding:15px;border-radius:8px;box-shadow:var(--card-shadow)}.search-inputs{display:flex;gap:10px;flex-wrap:wrap}.search-input{flex:1;min-width:150px;padding:10px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.search-input:focus{outline:none;border-color:var(--primary-color)}.car-detail{padding:20px 0}.detail-group{padding:12px 0;border-bottom:1px solid var(--border-color)}.detail-group:last-child{border-bottom:none}.detail-label{font-size:12px;color:var(--text-light);margin-bottom:6px}.detail-value{font-size:15px;color:var(--text-main)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.car-card .info-row{grid-template-columns:1fr;gap:10px}.search-inputs{flex-direction:column}.search-input{width:100%}}.settings-group{background:#fff;border-radius:8px;margin-bottom:15px;overflow:hidden}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer}.settings-item:last-child{border-bottom:none}.settings-item:active{background:var(--bg-color)}.settings-item .label{font-size:15px}.settings-item .value{font-size:14px;color:var(--text-secondary)}.settings-item i{color:var(--text-light);font-size:18px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.category-item{display:flex;flex-direction:column;align-items:center;padding:15px 10px;background:var(--bg-color);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s}.category-item:hover{background:#e3f2fd}.category-item.active{border-color:var(--primary-color);background:#e3f2fd;color:var(--primary-color)}.category-item i{font-size:28px;margin-bottom:5px}.category-item span{font-size:12px}@media (max-width: 600px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}.stats-summary{gap:20px}.category-grid{grid-template-columns:repeat(3,1fr)}}.m-0{margin:0}.m-5{margin:5px}.m-10{margin:10px}.m-15{margin:15px}.m-20{margin:20px}.mt-0{margin-top:0}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-0{margin-bottom:0}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-5{padding:5px}.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.px-10{padding-left:10px;padding-right:10px}.px-20{padding-left:20px;padding-right:20px}.py-10{padding-top:10px;padding-bottom:10px}.py-20{padding-top:20px;padding-bottom:20px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.text-success{color:var(--success-color)}.text-danger,.text-error{color:var(--error-color)}.text-warning{color:var(--warning-color)}.text-income{color:var(--income-color)}.text-expense{color:var(--expense-color)}.text-xs{font-size:12px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:20px}.text-3xl{font-size:24px}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:600}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:9999px}.shadow{box-shadow:var(--card-shadow)}.shadow-lg{box-shadow:0 4px 12px #00000026}.shadow-none{box-shadow:none}.border{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-none{border:none}.bg-white{background-color:#fff}.bg-gray{background-color:var(--bg-color)}.bg-primary{background-color:var(--primary-color)}.bg-transparent{background-color:transparent}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.gap-5{gap:5px}.gap-10{gap:10px}.gap-15{gap:15px}.gap-20{gap:20px}.transition{transition:all .3s}.transition-fast{transition:all .15s}.transition-slow{transition:all .5s}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.divider{height:1px;background:var(--border-color);margin:15px 0}.divider-vertical{width:1px;background:var(--border-color);margin:0 15px}.clearfix:after{content:"";display:block;clear:both}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.z-999{z-index:999}.z-9999{z-index:9999}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}