body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px 0}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dividend-calculator{max-width:1200px;margin:0 auto;padding:20px;font-family:Roboto,sans-serif}.calculator-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding:20px 0}.header-left{flex:1}.title-section{display:flex;align-items:center;margin-bottom:15px}.title-icon{font-size:2rem!important;color:#1976d2;margin-right:15px}.title{font-weight:600!important;color:#1976d2;margin:0!important}.description{color:#666;line-height:1.6;margin:0!important;max-width:600px}.reset-button{color:#666!important;text-transform:none!important;font-weight:500!important}.reset-button:hover{background-color:#1976d20a!important}.input-section{padding:30px;margin-bottom:30px;border-radius:12px!important;box-shadow:0 4px 20px #0000001a!important}.input-field{margin-bottom:20px}.input-label{display:flex;align-items:center;margin-bottom:8px}.info-icon{color:#666!important;margin-right:8px!important;padding:2px!important}.info-icon:hover{background-color:#1976d20a!important}.label-text{font-weight:500!important;color:#333!important;margin:0!important}.input-text-field{width:100%}.input-text-field .MuiOutlinedInput-root{border-radius:8px}.input-text-field .MuiOutlinedInput-input{padding:12px 16px;font-size:16px}.unit-text{color:#666!important;font-weight:500!important;margin-right:8px!important}.divider{margin:30px 0!important;border-color:#e0e0e0!important}.selection-section{display:flex;gap:40px;margin-bottom:30px;flex-wrap:wrap}.selection-group{display:flex;flex-direction:column;gap:10px}.selection-label{font-weight:500!important;color:#333!important;margin:0!important}.toggle-button-group{border-radius:8px!important;overflow:hidden}.toggle-button{border:1px solid #e0e0e0!important;text-transform:none!important;font-weight:500!important;padding:8px 20px!important;min-width:80px!important}.toggle-button.Mui-selected{background-color:#1976d2!important;color:#fff!important}.toggle-button:not(.Mui-selected){background-color:#fff!important;color:#333!important}.toggle-button:hover{background-color:#1976d20a!important}.toggle-button.Mui-selected:hover{background-color:#1565c0!important}.calculate-button{background-color:#1976d2!important;color:#fff!important;padding:15px!important;font-size:18px!important;font-weight:600!important;text-transform:none!important;border-radius:8px!important;box-shadow:0 4px 12px #1976d24d!important;transition:all .3s ease!important}.calculate-button:hover{background-color:#1565c0!important;box-shadow:0 6px 16px #1976d266!important;transform:translateY(-2px)}.results-section{padding:30px;border-radius:12px!important;box-shadow:0 4px 20px #0000001a!important;background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important}.result-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e0e0e0}.result-item:last-child{border-bottom:none}.result-label{font-weight:500!important;color:#333!important;margin:0!important}.result-value{font-weight:600!important;color:#d32f2f!important;margin:0!important}@media (max-width: 768px){.dividend-calculator{padding:10px}.calculator-header{flex-direction:column;gap:20px}.title-section{justify-content:center}.reset-button{align-self:flex-end}.input-section{padding:20px}.selection-section{flex-direction:column;gap:20px}.results-section{padding:20px}.result-item{flex-direction:column;align-items:flex-start;gap:5px}}@media (max-width: 480px){.title,.title-icon{font-size:1.5rem!important}.input-section,.results-section{padding:15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dividend-calculator{animation:fadeIn .6s ease-out}.input-text-field .MuiOutlinedInput-root.Mui-focused{border-color:#1976d2!important}.input-text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#1976d2!important;border-width:2px!important}.input-text-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#1976d2!important}.household-ledger{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e,#0f3460,#533483);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding:20px 0;position:relative}.household-ledger:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ledger-header{background:#1a1a2ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;margin-bottom:32px;box-shadow:0 20px 60px #0000004d;position:relative;overflow:hidden}.ledger-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent)}.MuiCard-root{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.MuiCard-root:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.MuiCard-root:hover:before{left:100%}.MuiCard-root:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 80px #0006}.MuiTableContainer-root{border-radius:20px;overflow:hidden;background:#1a1a2e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.MuiTableHead-root .MuiTableCell-root{background:linear-gradient(135deg,#6366f133,#8b5cf633);font-weight:700;color:#f8fafc;border-bottom:1px solid rgba(255,255,255,.1);padding:16px}.MuiTableBody-root .MuiTableRow-root:nth-child(2n){background-color:#ffffff05}.MuiTableBody-root .MuiTableRow-root:hover{background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.MuiButton-contained{text-transform:none;font-weight:600;border-radius:16px;padding:12px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 25px #6366f14d;transition:all .3s ease}.MuiButton-contained:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 12px 35px #6366f166;transform:translateY(-2px)}.MuiButton-outlined{text-transform:none;font-weight:600;border-radius:16px;padding:12px 32px;border:2px solid rgba(255,255,255,.2);color:#f8fafc;transition:all .3s ease}.MuiButton-outlined:hover{border-color:#6366f1;background:#6366f11a;transform:translateY(-2px)}.MuiTextField-root .MuiOutlinedInput-root{border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.MuiTextField-root .MuiOutlinedInput-root:hover{background:#ffffff14;border-color:#6366f180}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused{background:#ffffff1a;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.MuiChip-root{border-radius:20px;font-weight:500;transition:all .3s ease}.MuiChip-root:hover{transform:scale(1.05)}.MuiToggleButtonGroup-root .MuiToggleButton-root{text-transform:none;font-weight:600;border-radius:16px;border:2px solid rgba(255,255,255,.1);color:#cbd5e1;transition:all .3s ease}.MuiToggleButtonGroup-root .MuiToggleButton-root.Mui-selected{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#6366f1;box-shadow:0 4px 15px #6366f14d}.MuiSvgIcon-root{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.MuiTableContainer-root::-webkit-scrollbar{width:8px;height:8px}.MuiTableContainer-root::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.MuiTableContainer-root::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px}.MuiTableContainer-root::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.MuiButton-root:focus,.MuiTextField-root:focus,.MuiSelect-root:focus{outline:2px solid #6366f1;outline-offset:2px}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-state{text-align:center;padding:60px 20px;color:#cbd5e1;background:#1a1a2e99;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.empty-state .MuiTypography-h6{margin-bottom:16px;color:#f8fafc}.empty-state .MuiTypography-body2{color:#94a3b8}.success-message{background:linear-gradient(135deg,#10b98133,#34d39933);border:1px solid rgba(16,185,129,.3);color:#10b981;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-message{background:linear-gradient(135deg,#ef444433,#f8717133);border:1px solid rgba(239,68,68,.3);color:#ef4444;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.amount-positive{color:#10b981;font-weight:600;text-shadow:0 0 10px rgba(16,185,129,.3)}.amount-negative{color:#ef4444;font-weight:600;text-shadow:0 0 10px rgba(239,68,68,.3)}.category-icon{margin-right:8px;font-size:1.2em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.filter-chip{margin:4px;font-size:.8rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-button{padding:8px;margin:0 4px;border-radius:12px;transition:all .3s ease}.action-button:hover{background:#ffffff1a;transform:scale(1.1)}@media (max-width: 768px){.household-ledger{padding:10px}.ledger-header{padding:20px;margin-bottom:20px;border-radius:16px}.MuiContainer-root{padding-left:8px;padding-right:8px}.MuiGrid-container{margin:0}.MuiGrid-item{padding:8px}.MuiButton-root{padding:10px 20px;font-size:.9rem}}@media (max-width: 480px){.MuiTypography-h4{font-size:1.5rem}.MuiTypography-h6{font-size:1.1rem}.MuiCardContent-root,.ledger-header{padding:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.household-ledger>*:nth-child(odd){animation:slideInLeft .8s ease-out}.household-ledger>*:nth-child(2n){animation:slideInRight .8s ease-out}.glow-effect{position:relative}.glow-effect:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 20px #6366f14d;opacity:0;transition:opacity .3s ease;pointer-events:none}.glow-effect:hover:after{opacity:1}.neon-text{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor,0 0 20px currentColor}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d}