.container[data-v-7f18d6c3]{min-height:100vh;width:100vw;background-color:#f7f7f7;box-sizing:border-box}.header[data-v-7f18d6c3]{margin-bottom:10px;background-image:url(/assets/bg-9bf0MW4T.png);background-size:cover;background-position:center;height:15vh;padding:20px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:10px}.school-name[data-v-7f18d6c3]{font-size:24px;font-weight:700;color:#333;margin-bottom:5px}.room-number[data-v-7f18d6c3]{font-size:16px;color:#666;margin-bottom:20px}.loading[data-v-7f18d6c3]{text-align:center;color:#666;margin-top:60px;font-size:16px}.empty[data-v-7f18d6c3]{text-align:center;color:#999;margin-top:60px;font-size:16px}.empty-icon[data-v-7f18d6c3]{font-size:40px;margin-bottom:10px}.bill-list[data-v-7f18d6c3]{width:100%}.bill-item[data-v-7f18d6c3]{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 2px 8px #00000014}.bill-row[data-v-7f18d6c3]{display:flex;justify-content:space-between;align-items:center;width:100%}.bill-title[data-v-7f18d6c3]{font-size:18px;color:#333;font-weight:600}.bill-amount[data-v-7f18d6c3]{font-size:22px;color:#e53935;font-weight:700}.meta-row[data-v-7f18d6c3]{margin-top:15px;align-items:flex-start}.bill-status[data-v-7f18d6c3]{font-size:14px;display:flex;align-items:center}.bill-status.pending[data-v-7f18d6c3]{color:#ff9800}.bill-status.pending[data-v-7f18d6c3]:before{content:"";display:block;width:16px;height:16px;margin-right:5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAADi0lEQVR4AcxWTWgUSRT+Xs9kCezGdK9kWUgm02EPm9NuhCzsQUFRUFHRo7nFmYwiKiooXhTmoCioqAdRYo8/4CGCoKIHL6KeVFSCP6CgYI0xKJo4HaNmjJMuX/VMO5PpVtKjiEW/qlfv76uuqldVGmooT9Jm/cuDTb/V4IpQgLl9pj6SMY8ZLXL0l/pfR23LvGYfj/0VBjgUIKbJ8xLoBlEUqhD+lwXtihqI6k6Fpgw41Ns6j0Azq4MSUQs1YFW1/Ev9QMDLaUSHjzS3qLXyHOsi9LfHV7dEaFeykaPmfNuK38xZ8VE7Yz6wLdM3EB/gmNUWnxEz70W0ugEjhudvjphLVbCCQ7dVG0QO5H3bap0rHXmBp7uTiNSGagfh8Ihlrq/08QF+ILmLDdqZ1Kc7Gvpyh0xzekpcZ8FZpupP2AN0ENC2w1vbCgtJSKsZ80Q+QEjZ6SlLbX0kin8Vn9PQRcB+thkCYDN/fML5OKstLfIoTSv8Rf+nuflPT+wD5BE99JSlNj9RwB3Ft60Q+cak2Kj3ZJv0pDCYXzE9NfhM6QD5uNj6avvu4OALT+oDxDitY+dbroGUQ3DQbawWwu1/pdKItgeqHblnThoFT+cDVMH1ZPa/8fy7BvdPUuKUZ/y1dlpCnANhuZSy9MewJeQmPZXdUennA/SUf6x59dbjp9rqCXHK6MnG5BsY/QOiyUhm91b7TgJ8csysrzaopW9sFHblNFbGcAEVECfqGcPBGCdr/zAnfaVRrbydiSdtPgiYdnsxXEDDkYtYsIwJvA4dnPRr8I2lOGiyQNTJtOl1b+tiFdIFlA4Nq85nIhl6/T77lhjtbZ2KkS91EYlqrxTvAhopcQUk9/CuegaJvvGx9weU8ltIrWOEsIBj9BHk2saEuMF8+T7UE9nNvKtieo/oqmWHqmDV1JAQV/Wk6GpMZvnoK2q1YvPj6p8HUO2yylP+e81B4B9yTu7k1BiY0WLeDAtk8xsnl4mft/l+DPINBOSdOts1JnSEfp05kXkEWixBxbx2A5WrYMCos5VBL5LEhqAdqy7kXK/ZUQ5T5nKEE86EswSjtK0sLXOBgHr300ucHgsbe4QvH0es+CKqk48ogn4+BreUQxU5dWf+vvLpBZWHRcnkOhBwssnkntQwm4+q4jMRbmIjTAkNSKDTDJDnZ0YBJE8yH+oLDaiOKL7rGsY/vDf0ZDYTCg3AJwAAAP//FtYO4QAAAAZJREFUAwA1GTUrbO3A9AAAAABJRU5ErkJggg==);background-size:contain;background-repeat:no-repeat;background-position:center}.bill-status.paid[data-v-7f18d6c3]{color:#4caf50}.bill-status.paid[data-v-7f18d6c3]:before{content:"";display:block;width:16px;height:16px;margin-right:5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAA1VBMVEUAAAAAgAAgnyAVqioQrzAZtTEhtTEYrzAgrzAasS4arC0csC4csDMbrS4brTIcsjEcrzAerzEeszEesDEdsC8dsDIfsTAfsTMdsC8dsDIdrjEesTAfsjEesDIesjIfsDAfsDIesTAesTMesDEdsDIfsDIesTAesTIfsTIesTEesDEfsDEesDIesTIfsTIesTEfsDIesTIfsTIfsDEesTIfsTEfsTIesTEesTIfsDEesTEesTIfsDEfsTEfsTIesTEesTIfsDEfsTEfsTIesDEfsTIfsTLomw2rAAAARnRSTlMABAgMEB8fICAnKDc3ODg/QENDREdHS0tXV1hfY2dna2tvb3eLi4+Pk5ebm5+jp6uvs7e/w8fHy8vP29vf3+fr6+/v7/P3Fr1LegAAAT9JREFUKM9t0ttagkAYheE1tDFtY2aUZBs1zdJKC9PMwcjku/9L6kDZiK0j/nlhnjWAtI6pPIy+Yf7RrigXU/8iib1xslacALbfurpq9ANgWkztfAn+aTydDCE6Tyzi9zK7kRcmWowICpsVDgKWRUlypoSFfMGDBRMj6QY8beUC6pIChvonPjOjKhzlD31/LZXhTB1s3gawI1m6GtPftldJPUaa05CkXdekNjCSmoRad/VXK6nJgxif4HnD5IFCWvET3aypwVyjdSHzBu2MqcdY3fgozjtkTAFtnUE51dSOoSozw1/PzstjYhpiJdXhYvvV1uBWkpmw2MvbfsjUkaTSEpvTfUtUWl26EWFt42P+ELnx4EYwPIynsg9LN721NAVs787zmj0LfJayGzm3QfpTz+omX7DaGc8hHHWrCf0BJT0/8LGZ+FgAAAAASUVORK5CYII=);background-size:contain;background-repeat:no-repeat;background-position:center}.bill-status.canceled[data-v-7f18d6c3]{color:#f44336}.bill-status.refunded[data-v-7f18d6c3]{color:#2196f3}.pay-btn[data-v-7f18d6c3]{background-color:#ff6b81;color:#fff;border:none;border-radius:18px;padding:6px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.pay-btn[data-v-7f18d6c3]:active{background-color:#ff4757}.paying[data-v-7f18d6c3]{color:#666;font-size:14px;margin-left:16px}@media (max-width: 600px){.school-name[data-v-7f18d6c3]{font-size:20px}.room-number[data-v-7f18d6c3]{font-size:14px}.bill-item[data-v-7f18d6c3]{padding:15px;margin-bottom:12px}.bill-title[data-v-7f18d6c3]{font-size:16px}.bill-amount[data-v-7f18d6c3]{font-size:18px}.pay-btn[data-v-7f18d6c3]{padding:5px 12px;font-size:13px}}html,body{margin:0;padding:0}