a{text-decoration-thickness:1px!important;text-underline-offset:.1em}:where(.wp-site-blocks :focus){outline-width:2px;outline-style:solid}h1,h2,h3,p{text-wrap:pretty}:root{--sky-blue:#8ad4f0;--soft-green:#b8e9c4;--warm-yellow:#f7e6a8;--peach:#f9c5bd;--lavender:#d4c4fb;--deep-blue:#3a6ea5;--forest-green:#2a7f62;--sunset-orange:#ff9a76;--twilight-purple:#7e6b8f;--soft-white:#fffcf5;--charcoal:#333333}*,body{margin:0}*{padding:0;box-sizing:border-box}body{font-family:"Nunito","Helvetica",sans-serif;min-height:100vh}.container{max-width:1000px;margin:20px auto;border-radius:16px;padding:20px 30px;box-shadow:0 4px 8px rgb(0 0 0/.1);border:1px solid rgb(255 255 255/.3);position:relative;overflow:hidden}.container::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--sky-blue),var(--peach),var(--lavender))}.expense-title{font-size:2.5rem;background:linear-gradient(135deg,#48c9b0 20%,#148f77 80%);-webkit-background-clip:text;background-clip:text;color:#fff0;text-align:center;margin:0 0 20px;font-weight:700;text-shadow:2px 2px 4px rgb(0 0 0/.1);position:relative;padding-bottom:10px}.expense-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:3px;background:linear-gradient(to right,transparent,var(--peach),var(--sunset-orange),var(--peach),transparent);border-radius:3px}.calendar-section{padding:20px;background:linear-gradient(145deg,#f5fcfb,#d5f5e3);border-radius:12px;box-shadow:inset 2px 2px 5px rgb(0 0 0/.05);margin-bottom:20px}.calendar-header{display:flex;justify-content:space-between;align-items:center}.calendar-header h2{font-size:1.5rem;font-weight:700;color:var(--deep-blue);margin:0;text-shadow:1px 1px 3px rgb(0 0 0/.1);text-align:center}.calendar-header button{padding:10px 20px;border:0;border-radius:8px;background:linear-gradient(to right,#ff9e9e,#ff7b7b);color:#fff;cursor:pointer;text-decoration:uppercase;font-weight:400;box-shadow:0 2px 4px rgb(0 0 0/.1);transition:all .2s ease}.calendar-header button:hover{background:linear-gradient(to right,#ff7b7b,#ff9e9e);transform:translateY(-2px);box-shadow:0 4px 6px rgb(0 0 0/.15)}.input-section{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;background:linear-gradient(145deg,#f5fcfb,#d5f5e3);border-radius:12px;box-shadow:inset 2px 2px 5px rgb(0 0 0/.05);margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--deep-blue);font-size:.95rem}input,select{padding:10px 15px;border:2px solid var(--lavender);border-radius:8px;font-size:1rem;background:rgb(255 255 255/.8);box-shadow:0 2px 5px rgb(0 0 0/.05)}input:focus,select:focus{outline:0;border-color:var(--sunset-orange);box-shadow:0 0 8px rgb(255 154 118/.4)}.amount-input-container{display:flex;gap:10px}#amount{width:65%}.currency-selector{width:35%;padding:10px!important;font-size:12px}.action-buttons button,.input-section button{border:0;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 6px rgb(0 0 0/.1)}.input-section button{grid-column:span 3;padding:12px 30px;margin:10px auto 0;border-radius:8px;background:linear-gradient(to right,#48c9b0,#1abc9c);transition:all .2s ease}.input-section button:hover{background:linear-gradient(to right,#1abc9c,#48c9b0);transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0/.15)}.main-content{display:flex;gap:25px;margin-bottom:25px}.summary-section{flex:1;padding:20px;background:linear-gradient(145deg,#fef7f7,#fadbd8);border-radius:12px;box-shadow:0 4px 8px rgb(0 0 0/.1)}.chart-section h2,.summary-section h2,.transaction-list h2{font-size:1.5rem;color:var(--deep-blue);padding-bottom:10px;text-shadow:1px 1px 3px rgb(0 0 0/.1)}.chart-section h2,.summary-section h2{display:table;margin:0 auto 20px;font-weight:700;position:relative}.chart-section h2::after,.summary-section h2::after,.transaction-list h2::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(to right,transparent,var(--twilight-purple),transparent)}.summary-list{list-style:none;padding:0;margin:0}.summary-item{padding:12px;border:2px solid #f9c5bd;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;background:rgb(255 255 255/.85);border-radius:8px;margin:6px 0;transition:all .2s ease}.summary-item span{font-weight:700}.category-summary{margin-top:10px;padding-top:10px}.category-summary h3{color:var(--deep-blue);font-size:1.1rem;margin-bottom:10px}.category-list{list-style:none;padding:0;margin:0}.chart-section,.transaction-list{border-radius:12px;box-shadow:0 4px 8px rgb(0 0 0/.1)}.chart-section{flex:2;padding:20px 40px;background:linear-gradient(145deg,var(--soft-white),var(--lavender))}.transaction-list{padding:20px;background:linear-gradient(145deg,#f5fcfb,#d5f5e3);margin-bottom:25px;position:relative}.transaction-list h2{text-align:center;margin:0 0 15px;position:sticky;top:0;z-index:1}.transaction-content{max-height:200px;overflow-y:auto}.action-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.action-buttons button{padding:10px 20px;border-radius:6px;font-family:"Nunito",sans-serif;transition:all .3s ease;font-size:.9rem}.action-buttons button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgb(0 0 0/.15)}#saveDataBtn{background:linear-gradient(to right,#a8d8b9,#8fcb9b)}#saveDataBtn:hover{background:linear-gradient(to right,#8fcb9b,#a8d8b9)}#downloadBtn{background:linear-gradient(to right,#c3b1e1,#b399d4)}#downloadBtn:hover{background:linear-gradient(to right,#b399d4,#c3b1e1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgb(0 0 0/.05);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--deep-blue),var(--forest-green));border-radius:10px}@media only screen and (max-width:768px){.container{padding:20px 10px;margin:20px auto}.expense-title{font-size:2rem;margin-bottom:20px}.calendar-section{padding:10px}.calendar-header{flex-direction:row;gap:5px}.calendar-header h2{font-size:1.2rem}.calendar-header button{padding:6px 8px;border-radius:4px}.input-section{grid-template-columns:1fr;gap:15px;padding:20px}.input-section button{grid-column:span 1;width:100%;margin-top:5px}.amount-input-container{display:flex}#amount{width:60%}.currency-selector{width:40%}.main-content{flex-direction:column;gap:20px}.chart-section,.summary-section{padding:15px}.action-buttons{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-end}.action-buttons button{width:auto;flex:0 0 auto;min-width:90px;padding:8px 12px;font-size:.85rem}}