.mobile-bill-list[data-v-a3374bf0]{min-height:100vh;background:#f5f5f5;padding-bottom:80px}.navbar[data-v-a3374bf0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.nav-center[data-v-a3374bf0],.navbar[data-v-a3374bf0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-center[data-v-a3374bf0]{gap:12px}.logo[data-v-a3374bf0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo img[data-v-a3374bf0]{width:32px;height:32px;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.nav-center h1[data-v-a3374bf0]{margin:0;font-size:20px;font-weight:600}.search-bar[data-v-a3374bf0]{padding:15px 20px;background:#fff;border-bottom:1px solid #eee}.search-input[data-v-a3374bf0]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f8f9fa;border-radius:12px;padding:0 15px}.search-input i[data-v-a3374bf0]{color:#999;margin-right:10px}.search-input input[data-v-a3374bf0]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px 0;border:none;background:transparent;font-size:16px;outline:none}.icon-clear[data-v-a3374bf0]{cursor:pointer;margin-left:10px;margin-right:0}.filter-bar[data-v-a3374bf0]{background:#fff;padding:10px 20px;border-bottom:1px solid #eee}.filter-tabs[data-v-a3374bf0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.filter-tab[data-v-a3374bf0]{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:20px;font-size:14px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.filter-tab.active[data-v-a3374bf0]{background:#667eea;color:#fff;border-color:#667eea}.bill-list[data-v-a3374bf0]{padding:0 20px}.empty-state[data-v-a3374bf0]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-a3374bf0]{font-size:48px;margin-bottom:20px}.add-btn-secondary[data-v-a3374bf0]{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;margin-top:20px}.bill-item[data-v-a3374bf0]{background:#fff;border-radius:12px;padding:16px;margin:10px 0;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.bill-header[data-v-a3374bf0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:12px}.bill-info h3[data-v-a3374bf0]{margin:0 0 4px 0;font-size:16px;font-weight:600;color:#333}.bill-no[data-v-a3374bf0]{margin:0;font-size:14px;color:#666}.bill-amount[data-v-a3374bf0]{text-align:right}.amount[data-v-a3374bf0]{display:block;font-size:18px;font-weight:600;color:#333;margin-bottom:4px}.status[data-v-a3374bf0]{font-size:12px;padding:2px 8px;border-radius:10px;font-weight:500}.status-unused[data-v-a3374bf0]{background:#e3f2fd;color:#1976d2}.status-used[data-v-a3374bf0]{background:#e8f5e8;color:#388e3c}.status-invalid[data-v-a3374bf0]{background:#ffebee;color:#d32f2f}.bill-details[data-v-a3374bf0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:8px}.detail-item[data-v-a3374bf0]{font-size:14px}.label[data-v-a3374bf0]{color:#666;margin-right:4px}.value[data-v-a3374bf0]{color:#333}.bill-attachment[data-v-a3374bf0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:12px;color:#667eea;margin-top:8px}.loading-state[data-v-a3374bf0]{text-align:center;padding:60px 20px;color:#999}.loading-spinner[data-v-a3374bf0]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;-webkit-animation:spin-a3374bf0 1s linear infinite;animation:spin-a3374bf0 1s linear infinite;margin:0 auto 20px}.fab[data-v-a3374bf0]{position:fixed;bottom:30px;right:30px;width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;-webkit-box-shadow:0 4px 20px rgba(102,126,234,.4);box-shadow:0 4px 20px rgba(102,126,234,.4);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:1000}.fab[data-v-a3374bf0]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 6px 25px rgba(102,126,234,.5);box-shadow:0 6px 25px rgba(102,126,234,.5)}.refresh-indicator[data-v-a3374bf0]{position:fixed;top:80px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;padding:10px 20px;border-radius:20px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;z-index:1000}.refresh-spinner[data-v-a3374bf0]{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;-webkit-animation:spin-a3374bf0 1s linear infinite;animation:spin-a3374bf0 1s linear infinite}@-webkit-keyframes spin-a3374bf0{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-a3374bf0{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-search[data-v-a3374bf0]:before{content:"\1F50D"}.icon-clear[data-v-a3374bf0]:before{content:"\2716\FE0F"}.icon-plus[data-v-a3374bf0]:before{content:"+"}.icon-attachment[data-v-a3374bf0]:before{content:"\1F4CE"}.mobile-message[data-v-a3374bf0]{position:fixed;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:12px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;-webkit-animation:slideDown .3s ease;animation:slideDown .3s ease}.mobile-message.success[data-v-a3374bf0]{background:#4caf50}.mobile-message.error[data-v-a3374bf0]{background:#f44336}.mobile-message.info[data-v-a3374bf0]{background:#2196f3}@media (max-width:480px){.navbar[data-v-a3374bf0]{padding:12px 15px}.nav-center h1[data-v-a3374bf0]{font-size:18px}.logo img[data-v-a3374bf0]{width:28px;height:28px}.bill-list[data-v-a3374bf0],.filter-bar[data-v-a3374bf0],.search-bar[data-v-a3374bf0]{padding-left:15px;padding-right:15px}.fab[data-v-a3374bf0]{bottom:20px;right:20px}}