#mp2calc *{box-sizing:border-box}.mp2-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.07);padding:24px;margin-bottom:20px}.mp2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;align-items:start}@media(max-width:640px){.mp2-grid{grid-template-columns:1fr}}.mp2-label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.mp2-input{width:100%;padding:10px 12px;border:1.5px solid #dde2ef;border-radius:8px;font-size:15px;color:#222;outline:none;transition:border-color .2s;box-sizing:border-box}#qs_month{width:auto;flex:1;min-width:110px}#qs_year{width:80px;flex-shrink:0}.mp2-input:focus{border-color:#1a73e8}.mp2-peso-wrap{display:flex;align-items:center;border:1.5px solid #dde2ef;border-radius:8px;background:#fff;transition:border-color .2s}.mp2-peso-wrap:focus-within{border-color:#1a73e8}.mp2-peso{padding:0 4px 0 12px;color:#555;font-size:15px;white-space:nowrap;flex-shrink:0;line-height:1}.mp2-peso-wrap .mp2-input{border:none;border-radius:0;padding:10px 12px 10px 2px;flex:1;min-width:0;background:0 0}.mp2-peso-wrap .mp2-input:focus{border-color:transparent}.mp2-btn-primary{width:100%;padding:14px;background:#1a73e8;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-top:8px;letter-spacing:.3px;transition:background .2s}.mp2-btn-primary:hover{background:#1558b0}.mp2-btn-link{background:0 0;border:none;color:#1a73e8;font-size:14px;cursor:pointer;padding:0;font-weight:600}.mp2-cards{display:flex;gap:14px;margin-bottom:20px}@media(max-width:640px){.mp2-cards{flex-direction:column}}.mp2-card{flex:1;background:#f0f7ff;border-radius:10px;padding:16px 14px;text-align:center}.mp2-card-green{background:#f0fbf4}.mp2-card-bold{background:#eef3fb;border:2px solid #1a73e8}.mp2-card-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:6px;font-weight:600}.mp2-card-value{font-size:1.35em;font-weight:700}.mp2-charts{display:flex;gap:16px}@media(max-width:640px){.mp2-charts{flex-direction:column}}.mp2-chart-wrap{flex:1;background:#fff;border-radius:10px;border:1px solid #e8ecf4;padding:14px}.mp2-chart-title{font-size:13px;font-weight:600;color:#444;margin-bottom:10px;text-transform:uppercase;letter-spacing:.4px}.mp2-timeline{overflow-x:auto;padding:8px 0 16px}.mp2-timeline-inner{display:flex;align-items:center;gap:0;min-width:max-content;padding:8px 16px}.mp2-tl-node{display:flex;flex-direction:column;align-items:center;position:relative}.mp2-tl-del{background:0 0;border:none;color:#d93025;font-size:14px;cursor:pointer;padding:0 2px;line-height:1;margin-top:3px;opacity:.5;display:block}.mp2-tl-del:hover{opacity:1}.mp2-tl-circle{width:40px;height:40px;border-radius:50%;background:#1a73e8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;transition:transform .15s;cursor:pointer}.mp2-tl-circle:hover{transform:scale(1.12)}.mp2-tl-circle.zero{background:#fbbc04;color:#333}.mp2-tl-year{font-size:11px;color:#555;margin-top:4px}.mp2-tl-rate{font-size:12px;color:#1a73e8;font-weight:700;margin-top:2px;cursor:pointer}.mp2-tl-rate.zero{color:#fbbc04}.mp2-tl-line{width:32px;height:3px;background:#dde2ef;margin-bottom:24px;flex-shrink:0}.mp2-tl-input{width:60px;padding:4px;border:1.5px solid #1a73e8;border-radius:6px;text-align:center;font-size:13px}#depositTable{width:100%;border-collapse:collapse;font-size:14px}#depositTable th{background:#f2f4fb;color:#444;padding:8px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid #dde2ef;text-align:left}#depositTable td{padding:7px 10px;border-bottom:1px solid #eee}#depositTable select,#depositTable input{padding:6px 8px;border:1.5px solid #dde2ef;border-radius:6px;font-size:13px;width:100%}.mp2-btn-sm{padding:7px 12px;background:#1a73e8;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.mp2-btn-sm.danger{background:#d93025}.mp2-field{margin-bottom:12px}@media(max-width:640px){#depositTable thead{display:none}#depositTable tr{display:block;margin-bottom:12px;border:1px solid #dde2ef;border-radius:8px;padding:10px;background:#fafafa}#depositTable td{display:block;border:none;padding:4px 0}#depositTable td:before{font-weight:700;font-size:12px;color:#555;display:block;margin-bottom:2px;text-transform:uppercase}#depositTable td:nth-child(1):before{content:"Year"}#depositTable td:nth-child(2):before{content:"Month"}#depositTable td:nth-child(3):before{content:"Amount (PHP)"}#depositTable td:nth-child(4):before{content:""}.mp2-chart-wrap canvas{max-height:200px}}