--- --- *{margin:0;padding:0;box-sizing:border-box}html{max-width:600px;margin:auto}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f2f2f7;color:#1c1c1e;line-height:1.6;font-size:16px;padding:0}.app-container{max-width:600px;padding:16px}.app-header{background-color:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);text-align:center;margin-bottom:16px}.app-header h1{font-size:20px;font-weight:600}.app-main{background-color:#fff;padding:16px;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.05);min-height:60vh;display:flex;flex-direction:column}.app-footer{text-align:center;font-size:14px;color:#888;margin-top:24px}button{display:inline-block;background-color:#4285f4;color:#fff;padding:12px 18px;font-size:16px;font-weight:bold;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease;width:100%;margin-top:12px}button:hover{background-color:#357ae8}button:disabled{background-color:#aaa}button .tombol-floating{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background-color:#007bff;color:#fff;border:none;border-radius:50%;font-size:28px;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:pointer;transition:background-color .3s ease;z-index:1000}button .tombol-floating:hover{background-color:rgba(0,0,0,.5)}button .tombol-floating i{font-size:20px;line-height:1}.float{position:fixed;background:#e8353f;width:50px;height:50px;border-radius:50px;bottom:110px;right:400px}input,textarea,select{width:92%;padding:12px;margin-top:8px;margin-bottom:16px;border:1px solid #ccc;border-radius:10px;font-size:16px;background-color:#f9f9f9}.card{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:16px}.login-box{background:#fff;padding:24px;margin:auto;border-radius:16px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;width:90%;max-width:360px}.login-box h2{margin-bottom:20px}.tombol-aksi{display:flex;gap:8px;margin-top:8px}.icon-btn{background:rgba(0,55,115,.7882352941);border:none;border-radius:5px;padding:8px;font-size:16px;cursor:pointer;transition:background .2s}.icon-btn:hover{background:#007bff}.icon-btn i{pointer-events:none}.btn-grup{display:flex;gap:20px;justify-content:space-between;align-items:center;align-content:center}.btn-grup button.logout{background:crimson;width:42px;padding:12px;margin:0}.btn-grup button.modal{width:42px;padding:12px;margin:0}.tab-wrapper{display:flex;gap:20px;margin-bottom:16px}.tab{padding:8px 16px;border:none;border-radius:8px;background:rgba(0,0,0,.2);cursor:pointer;color:rgba(237,20,61,.631372549)}.tab.active{background:#007bff;color:#fff}@media(max-width: 480px){body{font-size:15px}#daftarHutang{grid-template-columns:1fr !important;gap:0px !important}.app-container{padding:12px}.login-box{padding:16px;width:-webkit-fill-available}button{padding:10px 14px;font-size:15px}input,textarea,select{padding:10px;font-size:15px}.float{bottom:50px;right:20px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}.modal-box{background:#fff;padding:20px;border-radius:12px;width:90%;max-width:400px}#daftarHutang{display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:auto}h3#modalTitle{margin:0 0 20px}.confirm-box{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.2);max-width:310px;width:100%;text-align:center;font-family:sans-serif}.confirm-buttons{display:flex;gap:50px;justify-content:space-around;margin-top:16px}.confirm-buttons button{padding:8px 20px;border:none;border-radius:6px;cursor:pointer}#confirmYes{background-color:#4caf50;color:#fff}#confirmNo{background-color:#e8353f}.fade-in{animation:fadeIn .2s ease-out forwards}.fade-out{animation:fadeOut .2s ease-in forwards}@keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}.hide-after-anim{display:none !important}/*# sourceMappingURL=main.css.map */