#app{width:100%;height:100%}:root{--primary-color: $primary-color;--primary-hover: $primary-hover;--accent-color: $accent-color;--bg-color: $bg-color;--text-primary: $text-primary;--text-secondary: $text-secondary;--border-primary: $border-primary;--success-up: $success-up;--fail-down: $fail-down}html,body{font-family:Microsoft YaHei,Source Han Sans SC,PingFang SC,sans-serif;font-size:15px;line-height:1.7;color:#182431;background:#f0f2f5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}h1{font-size:24px;font-weight:600;color:#182431}h2{font-size:20px;font-weight:600;color:#182431}h3{font-size:17px;font-weight:600;color:#182431}a{color:#409eff;text-decoration:none}a:hover{color:#66b1ff}.card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.card:hover{box-shadow:0 4px 6px -1px #0000001a}.card-header{padding:16px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(to bottom,#f9fafb,#fff)}.card-header .card-title{font-size:18px;font-weight:600;color:#182431}.card-body{padding:20px 24px}.card-footer{padding:16px 24px;border-top:1px solid #e2e8f0;background:#f9fafb80}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn.btn-sm{padding:8px 16px;font-size:14px;border-radius:6px}.btn.btn-md{padding:10px 20px;font-size:16px;border-radius:8px}.btn.btn-lg{padding:12px 28px;font-size:18px;border-radius:8px}.btn.btn-primary{background:#409eff;color:#fff}.btn.btn-primary:hover{background:#66b1ff}.btn.btn-secondary{background:#e5e7eb;color:#182431;border:1px solid #9CA3AF}.btn.btn-secondary:hover{background:#d1d5db}.btn.btn-success{background:#36d399;color:#fff}.btn.btn-success:hover{background:#2cc481}.btn.btn-danger{background:#ef4444;color:#fff}.btn.btn-danger:hover{background:#dc2626}.input{width:100%;padding:10px 16px;font-size:15px;color:#182431;background:#fff;border:1px solid #D1D5DB;border-radius:6px;outline:none;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:#9ca3af}.input:focus{border-color:#409eff;box-shadow:0 0 0 2px #3b82f633}.input.error{border-color:#f87171;box-shadow:0 0 0 2px #f8717133}.input:disabled{border-color:#d1d5db;opacity:.5;cursor:not-allowed}input[type=checkbox]{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e2e8f0;border-radius:4px;background:#fff;cursor:pointer;position:relative}input[type=checkbox]:checked{background-color:#409eff;border-color:#409eff}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:hover{border-color:#409eff}input[type=radio]{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #e2e8f0;border-radius:50%;background:#fff;cursor:pointer;position:relative}input[type=radio]:checked{background-color:#409eff;border-color:#409eff}input[type=radio]:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}input[type=radio]:hover{border-color:#409eff}.table{width:100%;border-collapse:collapse;table-layout:fixed}.table th{padding:16px;font-size:16px;font-weight:600;color:#000;border-bottom:1px solid #e2e8f0;text-align:left;background:#fff}.table td{padding:16px;font-size:14px;color:#6b7280;border-bottom:1px solid #F3F4F6}.table td.primary{color:#182431}.table tr:hover td{background:#f9fafb}.tag{display:inline-flex;align-items:center;padding:4px 12px;font-size:14px;font-weight:500;border-radius:6px}.tag.tag-success{background:#dcfce7;color:#16a34a}.tag.tag-danger{background:#fee2e2;color:#dc2626}.tag.tag-warning{background:#fff7ed;color:#ea580c}.tag.tag-primary{background:#eff6ff;color:#409eff}.tag.tag-info{background:#ecfeff;color:#0891b2}.tag.tag-default{background:#f3f4f6;color:#6b7280}.amount{font-weight:600}.amount.income{color:#dc2626}.amount.expense{color:#16a34a}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px 24px}.stat-card .stat-value{font-size:28px;font-weight:600;color:#182431}.stat-card .stat-value.up{color:#dc2626}.stat-card .stat-value.down{color:#16a34a}.stat-card .stat-label{font-size:14px;color:#6b7280;margin-top:8px}.stat-card .stat-trend{display:flex;align-items:center;gap:4px;font-size:14px;margin-top:12px}.stat-card .stat-trend.up{color:#dc2626}.stat-card .stat-trend.down{color:#16a34a}.sidebar{width:220px;height:100vh;position:fixed;left:0;top:0;background:#f0f2f5;box-shadow:none;z-index:10;overflow-y:auto}.sidebar .sidebar-header{padding:24px;border-bottom:1px solid #e2e8f0}.sidebar .sidebar-header .sidebar-title{font-size:20px;font-weight:600;color:#182431}.sidebar .sidebar-header .sidebar-subtitle{font-size:14px;color:#6b7280;margin-top:4px}.sidebar .sidebar-nav{padding:12px}.sidebar .sidebar-nav .menu-item{display:flex;align-items:center;gap:16px;padding:12px 16px;margin-bottom:1px;font-size:16px;font-weight:500;color:#000;border-radius:8px;cursor:pointer;transition:all .2s}.sidebar .sidebar-nav .menu-item .menu-icon{width:20px;height:20px}.sidebar .sidebar-nav .menu-item:hover{background:#e3f2fd}.sidebar .sidebar-nav .menu-item.active{background:#e3f2fd;color:#409eff}.header{height:0;position:fixed;top:0;left:220px;right:0;background:transparent;border-bottom:1px solid #e2e8f0;z-index:100;padding:0;display:flex;align-items:center;justify-content:space-between}.header .header-left,.header .header-right{display:flex;align-items:center;gap:16px}.header .user-info{display:flex;align-items:center;gap:12px}.header .user-info .avatar{width:28px;height:28px;background:#409eff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:500}.header .user-info .username{font-size:14px;font-weight:500;color:#1d2129}.main-content{margin-left:220px;padding:40px;max-width:1920px;min-height:100vh;background:#f0f2f5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:512px;width:100%}.modal .modal-header{padding:16px 24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.modal .modal-header .modal-title{font-size:18px;font-weight:600;color:#182431}.modal .modal-header .modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;background:#f3f4f6;border-radius:50%;border:none;padding:0;transition:all .2s}.modal .modal-header .modal-close:hover{background:#e5e7eb;color:#182431}.modal .modal-body{padding:20px 24px;max-height:60vh;overflow-y:auto}.modal .modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;background:#f9fafb80;display:flex;justify-content:flex-end;gap:12px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f7fa;color:#303133;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-size:14px}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}:root{--primary-color: #409eff;--success-color: #67c23a;--warning-color: #e6a23c;--danger-color: #f56c6c;--info-color: #909399}