*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a237e;--primary-light:#283593;--primary-dark:#0d1b5e;--accent:#ffb74d;--accent-dark:#f57c00;--success:#4caf50;--warning:#ff9800;--danger:#f44336;--text-primary:#e8eaf6;--text-secondary:#9fa8da;--text-muted:#7986cb;--bg-base:#07091f;--bg-card:#1a237e47;--bg-input:#07091fb3;--border:#7986cb2e;--border-hover:#7986cb59;--radius:14px;--radius-sm:9px;--shadow:0 4px 28px #00000073;--transition:all .18s ease}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);background-image:radial-gradient(80% 60% at 15% 15%,#1a237e59 0%,#0000 60%),radial-gradient(70% 50% at 85% 85%,#0d1b5e40 0%,#0000 60%),radial-gradient(50% 40% at 65% 5%,#ffb74d0a 0%,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7986cb40;border-radius:3px}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#303f9f,#1a237e);border:1px solid #ffffff14}.btn-primary:hover{background:linear-gradient(135deg,#3949ab,#283593);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg, #ffca28, var(--accent-dark));color:#111;font-weight:700}.btn-accent:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-hover);background:#7986cb1a}.btn-danger{color:#ef5350;background:#f443361f;border:1px solid #f4433640}.btn-danger:hover{background:#f4433638}.btn-sm{padding:5px 10px;font-size:.78rem}.btn-lg{padding:12px 24px;font-size:1rem}.btn-icon{padding:7px}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.btn-block{justify-content:center;width:100%}.input-field{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:9px 12px;font-family:inherit;font-size:.875rem}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffb74d1a}.input-field::placeholder{color:var(--text-muted)}select.input-field{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239fa8da' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.form-label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}.form-group{margin-bottom:14px}.toggle-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.toggle{width:40px;height:22px;transition:var(--transition);border:1px solid var(--border);background:#7986cb2e;border-radius:11px;flex-shrink:0;position:relative}.toggle.on{background:linear-gradient(135deg, var(--accent), var(--accent-dark));border-color:var(--accent-dark)}.toggle:after{content:"";width:16px;height:16px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000004d}.toggle.on:after{left:20px}.toggle-label{color:var(--text-secondary);font-size:.85rem}.badge{letter-spacing:.05em;border-radius:99px;align-items:center;padding:2px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-accent{color:var(--accent);background:#ffb74d1f;border:1px solid #ffb74d47}.badge-success{color:#66bb6a;background:#4caf501f;border:1px solid #4caf5047}.badge-warning{color:#ffa726;background:#ff98001f;border:1px solid #ff980047}.badge-danger{color:#ef5350;background:#f443361f;border:1px solid #f4433647}.badge-primary{color:var(--text-secondary);border:1px solid var(--border);background:#1a237e73}.stat-card{border-radius:var(--radius);border:1px solid var(--border);background:#1a237e38;padding:14px 16px}.stat-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:600}.stat-value{color:var(--text-primary);margin-top:4px;font-size:1.5rem;font-weight:800;line-height:1}.stat-value.accent{color:var(--accent)}.stat-value.success{color:#66bb6a}.stat-value.danger{color:#ef5350}.stat-sub{color:var(--text-muted);margin-top:5px;font-size:.73rem}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:8px;padding:10px 14px;font-size:.82rem;line-height:1.5;display:flex}.alert-warning{color:#ffa726;background:#ff980014;border:1px solid #ff980047}.alert-danger{color:#ef5350;background:#f4433614;border:1px solid #f4433647}.alert-success{color:#66bb6a;background:#4caf5014;border:1px solid #4caf5047}.alert-info{border:1px solid var(--border);color:var(--text-secondary);background:#1a237e40}.tab-bar{border-radius:var(--radius);border:1px solid var(--border);background:#07091f8c;gap:3px;padding:4px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{min-width:max-content;color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;letter-spacing:.02em;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 14px;font-family:inherit;font-size:.8rem;font-weight:600;display:flex}.tab-btn:hover{color:var(--text-secondary);background:#7986cb12}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#303f9f,#1a237e);box-shadow:0 2px 10px #1a237e8c}.slider{appearance:none;cursor:pointer;background:#7986cb2e;border-radius:3px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, #ffca28, var(--accent-dark));cursor:pointer;width:20px;height:20px;transition:var(--transition);border-radius:50%;box-shadow:0 2px 8px #ffb74d73}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-bar{background:#7986cb1f;border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.divider{background:var(--border);height:1px;margin:16px 0}.section-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.section-title .icon{color:var(--accent)}.section-subtitle{color:var(--text-muted);margin-top:2px;font-size:.78rem}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media (width<=380px){.grid-4{grid-template-columns:1fr 1fr}}.waterfall-bar-positive{fill:#4caf50b3}.waterfall-bar-negative{fill:#f44336b3}.waterfall-bar-total{fill:#ffb74db3}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.fade-in{animation:.28s forwards fadeIn}.drag-handle{cursor:grab;color:var(--text-muted);border-radius:4px;padding:4px}.drag-handle:hover{color:var(--text-secondary);background:#7986cb1a}.drag-handle:active{cursor:grabbing}.avatar{width:44px;height:44px;color:var(--accent);background:linear-gradient(135deg,#283593,#1a237e);border:2px solid #ffb74d40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.data-table{border-collapse:collapse;width:100%;font-size:.82rem}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:.7rem;font-weight:700}.data-table td{vertical-align:middle;border-bottom:1px solid #7986cb14;padding:10px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#7986cb0a}.data-table .total-row td{color:var(--accent);background:#ffb74d0d;border-top:1px solid #ffb74d33;font-weight:700}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border);z-index:200;background:#07091feb;padding:8px 4px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;font-family:inherit;font-size:.65rem;font-weight:600;display:flex}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item svg{width:20px;height:20px}.card-highlight{box-shadow:var(--shadow), 0 0 20px #ffb74d14!important;border-color:#ffb74d59!important}