@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{background:#0a0a0f;color:#e2e8f0;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#e2e8f0!important;-webkit-box-shadow:inset 0 0 0 30px #1e1e2db3!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;background-image:radial-gradient(at 0 0,#ffffff08 0,#0000 50%),radial-gradient(at 80% 20%,#ffffff05 0,#0000 50%),radial-gradient(at 100% 100%,#ffffff08 0,#0000 50%);color:#e5e5e5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:gradientShift 15s ease infinite;background:radial-gradient(circle at 20% 50%,#ffffff05 0,#0000 25%),radial-gradient(circle at 80% 80%,#ffffff05 0,#0000 25%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.8}}.App{min-height:100vh;padding-bottom:2rem;position:relative;z-index:1}.app-header{animation:fadeInDown .8s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#141414b3;border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d;margin:1.5rem auto;max-width:1400px;padding:2rem;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-header h1{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:.5rem}.app-header p{color:#a0a0a0;font-size:1rem;font-weight:400}.container{animation:fadeIn 1s ease-out;margin:0 auto;max-width:1400px;padding:0 1.5rem}.main-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.left-panel,.right-panel{display:flex;flex-direction:column;gap:2rem}.card{animation:fadeIn .6s ease-out backwards;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#141414b3;border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #00000080,inset 0 1px 0 #ffffff14;transform:translateY(-2px)}.card h2{color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:-.5px;margin-bottom:1.5rem}.card h3{color:#d0d0d0;font-size:1.2rem;font-weight:500;margin-bottom:1rem}.summary-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.summary-card{animation:fadeInUp .6s ease-out backwards;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#141414b3;border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.summary-card:first-child{animation-delay:.1s}.summary-card:nth-child(2){animation-delay:.2s}.summary-card:nth-child(3){animation-delay:.3s}.summary-card:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.summary-card:hover{border-color:#ffffff1f;box-shadow:0 20px 40px #00000080,inset 0 1px 0 #ffffff14;transform:translateY(-8px) scale(1.02)}.summary-card:hover:before{opacity:1}.summary-card.pemasukan{border-left:2px solid #ffffff4d}.summary-card.pengeluaran{border-left:2px solid #64646480}.summary-card.saldo{border-left:2px solid #a0a0a066}.summary-card .icon{display:inline-block;font-size:2.5rem;margin-bottom:1rem}.summary-card .label{color:#a0a0a0;font-size:.875rem;font-weight:500;letter-spacing:2px;margin-bottom:.75rem;text-transform:uppercase}.summary-card .amount{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-1px;transition:transform .3s ease}.summary-card:hover .amount{transform:scale(1.05)}.summary-card.pemasukan .amount{color:#fff}.summary-card.pengeluaran .amount{color:#d0d0d0}.summary-card.saldo .amount{color:#e5e5e5}.form-group{margin-bottom:1.25rem}.form-group label{color:#d0d0d0;display:block;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-bottom:.75rem}.form-group input,.form-group select,.form-group textarea{background:#1e1e1e99;border:1px solid #ffffff14;border-radius:8px;color:#e5e5e5;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#707070}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#1e1e1ecc;border-color:#fff3;box-shadow:0 0 0 3px #ffffff0d,0 0 20px #ffffff1a;outline:none}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23a0a0a0' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.form-group select option{background:#1a1a1a;color:#e5e5e5}.form-group textarea{min-height:100px;resize:vertical}.button-group{display:flex;gap:1rem;margin-top:1.5rem}button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}button:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}button:hover:before{height:300px;width:300px}.btn-primary{background:#fff;box-shadow:0 4px 15px #fff3;color:#000}.btn-primary:hover{background:#f0f0f0;box-shadow:0 6px 20px #ffffff4d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-success{background:#fff;box-shadow:0 4px 15px #fff3;color:#000}.btn-success:hover{background:#f0f0f0;box-shadow:0 6px 20px #ffffff4d;transform:translateY(-2px)}.btn-secondary{background:#505050cc;border:1px solid #ffffff14;color:#e5e5e5}.btn-secondary:hover{background:#5a5a5a;border-color:#ffffff26}.btn-danger{background:#3c3c3ccc;border:1px solid #ffffff14;box-shadow:0 4px 15px #0000004d;color:#e5e5e5}.btn-danger:hover{background:#464646;box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.btn-edit{background:#fff;box-shadow:0 4px 15px #fff3;color:#000;font-size:.875rem;padding:.625rem 1.25rem}.btn-edit:hover{background:#f0f0f0;box-shadow:0 6px 20px #ffffff4d;transform:translateY(-2px)}.btn-delete{background:#3c3c3ccc;border:1px solid #ffffff14;box-shadow:0 4px 15px #0000004d;color:#e5e5e5;font-size:.875rem;padding:.625rem 1.25rem}.btn-delete:hover{background:#464646;box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.transaction-list{animation:fadeIn .8s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#141414b3;border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d;padding:2rem}.transaction-item{grid-gap:1rem;align-items:center;animation:slideInLeft .5s ease-out backwards;border-bottom:1px solid #ffffff0d;border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr auto auto;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.transaction-item:first-child{animation-delay:.05s}.transaction-item:nth-child(2){animation-delay:.1s}.transaction-item:nth-child(3){animation-delay:.15s}.transaction-item:nth-child(4){animation-delay:.2s}.transaction-item:nth-child(5){animation-delay:.25s}.transaction-item:nth-child(6){animation-delay:.3s}.transaction-item:nth-child(7){animation-delay:.35s}.transaction-item:nth-child(8){animation-delay:.4s}.transaction-item:hover{background:#ffffff08;border-color:#ffffff14;box-shadow:-2px 0 0 0 #ffffff4d,0 4px 16px #0003;transform:translateX(8px)}.transaction-item:last-child{border-bottom:none}.transaction-icon{font-size:1rem}.transaction-details{flex:1 1}.transaction-type{color:#a0a0a0;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:.25rem;text-transform:uppercase}.transaction-type.pemasukan{color:#fff}.transaction-type.pengeluaran{color:#a0a0a0}.transaction-description{color:#d0d0d0;font-size:1rem;margin-bottom:.25rem}.transaction-category{color:grey;font-size:.875rem}.transaction-amount{font-size:1.4rem;font-weight:700;letter-spacing:-.5px;transition:transform .3s ease}.transaction-item:hover .transaction-amount{transform:scale(1.05)}.transaction-amount.pemasukan{color:#fff}.transaction-amount.pengeluaran{color:#a0a0a0}.transaction-date{color:grey;font-size:.875rem}.transaction-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .3s ease}.transaction-item:hover .transaction-actions{opacity:1}.loading{align-items:center;color:#a0a0a0;display:flex;flex-direction:column;font-size:1.1rem;gap:1rem;padding:3rem;text-align:center}.loading:before{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#fff;content:"";height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.no-data{color:grey;font-size:1rem;padding:3rem;text-align:center}.filter-panel{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#141414b3;border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d;padding:2rem}.filter-grid{grid-gap:1rem;display:grid;gap:1rem}.app-footer{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#141414b3;border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d;color:#a0a0a0;margin:2rem auto 1.5rem;max-width:1400px;padding:2rem;text-align:center}.app-footer p{font-size:.9rem;margin:.5rem 0}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#14141480;border-radius:10px}::-webkit-scrollbar-thumb{background:#fff3;border:2px solid #14141480;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:1024px){.main-content{grid-template-columns:1fr}.summary-container{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.app-header{border-radius:12px;margin:1rem;padding:1.5rem}.app-header h1{font-size:2rem}.container{padding:0 1rem}.card{border-radius:12px;padding:1.5rem}.transaction-item{gap:.75rem;grid-template-columns:1fr;padding:1rem}.transaction-actions{justify-content:flex-start;opacity:1}.summary-card .amount{font-size:1.75rem}.button-group{flex-direction:column}button{width:100%}.summary-container{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.app-header h1{font-size:1.5rem}.app-header p{font-size:.875rem}.card h2{font-size:1.25rem}.summary-card{padding:1.5rem}.summary-card .amount{font-size:1.5rem}.transaction-amount{font-size:1.2rem}}
/*# sourceMappingURL=main.3aefcbf0.css.map*/