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;background-color:#d7e09a;display:flex;justify-content:center;align-items:flex-start;padding:4vh 2vw;min-height:100vh}.app-container{width:90%;max-width:600px;min-width:280px;background-color:#c1e59a;padding:clamp(15px,3vw,30px);border-radius:clamp(15px,2vw,20px);box-shadow:0 4px 10px #0000001a}.app-container .alert-setting{position:fixed!important;top:10px!important;right:10px!important;z-index:9999!important}.app-container .judul{color:#5d7d42;text-align:left;font-size:clamp(20px,4vw,24px);margin-top:0;margin-bottom:clamp(20px,4vw,24px)}.input-section{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.input-full,.input-partial{border:1px solid #5d7d42;background-color:#d2ffbc;color:#5d7d42;padding:clamp(10px,1.5vw,16px) clamp(12px,2vw,20px);border-radius:clamp(20px,3vw,25px);font-size:clamp(14px,1.5vw,16px)}.input-full:focus,.input-partial:focus{outline:2px solid #6a994e;border-color:transparent}.input-row{display:flex;align-items:center;gap:12px}.input-row{gap:clamp(8px,1.5vw,12px)}.input-partial{flex-grow:1}.input-row button{background-color:#7eac56;color:#d2ffbc;border:none;padding:12px 20px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s}.input-row button:hover{background-color:#588142}.items-list{display:flex;flex-direction:column;gap:15px}.list-item{display:flex;align-items:center;background-color:#7eac56;padding:15px 20px;border-radius:15px;color:#2a3d45;position:relative}.item-number{font-size:36px;font-weight:700;color:#d2ffbc;margin-right:20px}.item-details{flex-grow:1;display:flex;flex-direction:column}.item-name{font-size:18px;font-weight:700;color:#d2ffbc}.item-desc{font-size:14px;color:#d2ffbc;font-style:italic}.item-price{font-size:20px;font-weight:700;color:#d2ffbc;transition:opacity .2s ease}.delete-button{display:none;background-color:#5d7d42;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:700;position:absolute;right:20px;opacity:0;transition:opacity .2s ease}.list-item:hover .item-price{opacity:0}.list-item:hover .delete-button{display:block;opacity:1}.delete-button:hover{background-color:#f22}.total-container{background-color:#7eac56;color:#d2ffbc;padding:15px 20px;border-radius:15px;text-align:right;font-size:22px;font-weight:700;margin-top:99px}@media screen and (min-width: 450px){.input-row{flex-direction:row}.input-partial{flex-grow:1}.input-row button{flex-shrink:0}}