@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;--background: #F4F7FB;--surface: #F4F7FB;--surface-low: #EDF1F6;--surface-lowest: #FFFFFF;--surface-container: #E2E8F0;--surface-high: #CBD5E1;--surface-highest: #94A3B8;--primary: #5A67D8;--primary-container: #4C51BF;--primary-fixed: #EBF4FF;--color-water: #0EA5E9;--color-water-bg: #E0F2FE;--color-electric: #F59E0B;--color-electric-bg: #FEF3C7;--error: #EF4444;--error-container: #FEE2E2;--on-surface: #1E293B;--on-surface-variant: #64748B;--outline: #E2E8F0;--outline-variant: #CBD5E1;--inverse-surface: #0F172A;--sidebar-width: 17.5rem;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--shadow-soft: 0 4px 20px rgba(15, 23, 42, .04);--shadow-float: 0 12px 30px rgba(15, 23, 42, .08)}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background-color:var(--background);background-image:radial-gradient(at 0% 0%,rgba(90,103,216,.04) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(14,165,233,.04) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(245,158,11,.04) 0px,transparent 50%);background-attachment:fixed;background-size:cover;color:var(--on-surface);font-family:inherit;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,button,input,select,textarea{font:inherit}button{cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-soft)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:transparent;color:var(--on-surface)}input::placeholder,textarea::placeholder{color:var(--on-surface-variant);opacity:.6}.tabular-nums{font-variant-numeric:tabular-nums}.stat-card,.bill-card,.login-card,.entry-panel,.preview-card,.sidebar,.modal-card,.delete-card{background:var(--surface-lowest)!important;border:1px solid #FFFFFF!important;box-shadow:var(--shadow-soft)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.filter-group,.bill-type-switch,.baseline-banner{background:var(--surface-low)!important;border:1px solid var(--outline)!important;box-shadow:inset 0 2px 4px #0f172a03!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.topbar{background:rgba(244,247,251,.85)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-bottom:1px solid var(--outline)!important}.stat-card.accent-water{border-bottom:4px solid var(--color-water)!important}.stat-card.accent-electric{border-bottom:4px solid var(--color-electric)!important}.summary-icon.water,.type-pill.water{background:var(--color-water-bg)!important;color:var(--color-water)!important}.summary-icon.electric,.type-pill.electric{background:var(--color-electric-bg)!important;color:var(--color-electric)!important}.bill-type-switch .type-btn:nth-child(2).active{background:var(--color-water)!important;color:#fff!important;box-shadow:0 4px 12px #0ea5e940!important}.bill-type-switch .type-btn:nth-child(1).active{background:var(--color-electric)!important;color:#fff!important;box-shadow:0 4px 12px #f59e0b40!important}.filter-group .filter-btn:nth-child(2).active{background:var(--color-water)!important;color:#fff!important;box-shadow:0 4px 12px #0ea5e940!important}.filter-group .filter-btn:nth-child(3).active{background:var(--color-electric)!important;color:#fff!important;box-shadow:0 4px 12px #f59e0b40!important}.unit-mark.north{background:#E0E7FF!important;color:#4f46e5!important}.unit-mark.south{background:#D1FAE5!important;color:#059669!important}.progress-fill.primary{background:#4F46E5!important}.progress-fill.secondary{background:#10B981!important}.pillar-primary{background:#4F46E5!important}.pillar-secondary{background:#10B981!important}.detail-total.primary{background:#EEF2FF!important;color:#4f46e5!important}.detail-total.secondary{background:#ECFDF5!important;color:#10b981!important}.shell,.history-shell,.entry-shell,.login-page{background:transparent!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--outline);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--outline-variant)}