html,body{overflow:auto!important;height:100%;margin:0;padding:0;font-family:Poppins,Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,PingFang HK,PingFang-SC-Regular,PingFang,Hiragino Sans GB,STHeiti,sans-serif}input,button{font-family:Poppins,Helvetica Neue,Helvetica,Arial,sans-serif}button{min-width:120px}header[data-v-3eb66968]{line-height:1.5;max-height:100vh;background-color:#f8f9fa;padding:1rem;border-bottom:1px solid #e9ecef}.wrapper[data-v-3eb66968]{max-width:1200px;margin:0 auto}h1[data-v-3eb66968]{font-size:1.5rem;color:#333;margin:0}.change-password-container[data-v-69bf1864]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#e3c9b1,#764ba2)!important;font-family:Poppins,Helvetica Neue,Helvetica,Arial,sans-serif}.change-password-form[data-v-69bf1864]{background:#fff;padding:40px;border-radius:10px;box-shadow:0 8px 25px #0000001a;width:100%;max-width:400px}.change-password-form h2[data-v-69bf1864]{font-size:24px;font-weight:600;color:#2d3748;text-align:center;margin-bottom:30px}.form-group[data-v-69bf1864]{margin-bottom:20px}.form-group label[data-v-69bf1864]{display:block;color:#555;margin-bottom:8px;font-weight:500}.form-group input[data-v-69bf1864]{width:100%;padding:12px 15px;border:1px solid #ccc;border-radius:6px;font-size:1em;transition:border-color .3s ease;box-sizing:border-box}.form-group input[data-v-69bf1864]:focus{border-color:#4582b3;outline:none}.button-group[data-v-69bf1864]{display:flex;gap:10px;margin-top:30px}.submit-button[data-v-69bf1864],.cancel-button[data-v-69bf1864]{flex:1;padding:12px;border:none;border-radius:6px;font-size:1.1em;font-weight:500;cursor:pointer;transition:background-color .3s ease}.submit-button[data-v-69bf1864]{background-color:#4582b3;color:#fff}.submit-button[data-v-69bf1864]:hover{background-color:#0056b3}.submit-button[data-v-69bf1864]:disabled{background-color:#ccc;cursor:not-allowed}.cancel-button[data-v-69bf1864]{background-color:#dc3545;color:#fff}.cancel-button[data-v-69bf1864]:hover{background-color:#c82333}.message[data-v-69bf1864]{padding:10px;border-radius:6px;margin-bottom:20px;text-align:center;font-size:.95em}.message.success[data-v-69bf1864]{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.message.error[data-v-69bf1864]{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}@media (max-width: 480px){.change-password-form[data-v-69bf1864]{margin:20px;padding:20px}.button-group[data-v-69bf1864]{flex-direction:column}}.client-selector[data-v-8753736b]{margin-bottom:20px}.client-selector h2[data-v-8753736b]{margin:6px;font-size:15px}select[data-v-8753736b]{padding:8px;width:200px;font-size:16px}.banner-list-container[data-v-3d2e3200]{font-family:Poppins,Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,PingFang HK,PingFang-SC-Regular,PingFang,Hiragino Sans GB,STHeiti,sans-serif!important;margin:20px auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:95%}.banner-list h2[data-v-3d2e3200]{color:#333;text-align:center;margin-bottom:25px;font-size:1.8em}.loading[data-v-3d2e3200],.error[data-v-3d2e3200],.empty[data-v-3d2e3200]{padding:30px;text-align:center;font-size:1.1em;color:#555;background-color:#fff;border:1px dashed #ddd;border-radius:4px;margin-top:20px}.error[data-v-3d2e3200]{color:#d9534f;border-color:#d9534f;background-color:#f2dede}.banner-table[data-v-3d2e3200]{width:100%;border-collapse:separate;border-spacing:0;margin-top:20px;box-shadow:0 2px 4px #0000000d;border-radius:6px;overflow:hidden}.banner-table th[data-v-3d2e3200],.banner-table td[data-v-3d2e3200]{border-bottom:1px solid #e0e0e0;padding:12px 15px;text-align:left;vertical-align:middle}.banner-table th[data-v-3d2e3200]{background-color:#52b788;color:#fff;font-weight:600;font-size:.95em;text-transform:uppercase}.banner-table tr:last-child td[data-v-3d2e3200]{border-bottom:none}.banner-table tbody tr[data-v-3d2e3200]:hover{background-color:#f1f1f1}.banner-table tr[data-v-3d2e3200]:nth-child(2n){background-color:#fff}.banner-table tr[data-v-3d2e3200]:nth-child(odd){background-color:#fdfdfd}.banner-list-container h2[data-v-3d2e3200]{margin-top:5px}.csv-uploader[data-v-e37352fe]{max-width:500px;margin:30px auto;padding:25px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa;box-shadow:0 2px 6px #0000000d}h2[data-v-e37352fe]{text-align:center;margin-bottom:20px;font-size:1.75em;color:#333;margin-top:10px}.notice[data-v-e37352fe]{text-align:center;color:#666;font-style:italic}.upload-form[data-v-e37352fe]{display:flex;flex-direction:column;gap:15px}.file-input input[type=file][data-v-e37352fe]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;transition:border-color .3s ease}.file-input input[type=file][data-v-e37352fe]:focus{outline:none;border-color:#5cb85c}button[data-v-e37352fe]{padding:10px 20px;background-color:#5cb85c;color:#fff;border:none;border-radius:4px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .2s ease}button[data-v-e37352fe]:hover:not(:disabled){background-color:#4cae4c;transform:translateY(-2px)}button[data-v-e37352fe]:disabled{background-color:#ccc;cursor:not-allowed}.upload-result[data-v-e37352fe]{text-align:center;padding:12px;border-radius:4px;font-size:.95em;transition:background-color .3s ease,border-color .3s ease}.upload-result.success[data-v-e37352fe]{background-color:#e6f9e8;color:#3c763d;border:1px solid #c7e1c0}.upload-result.error[data-v-e37352fe]{background-color:#fdecea;color:#a94442;border:1px solid #f5c6cb}@media (max-width: 600px){.csv-uploader[data-v-e37352fe]{margin:20px;padding:20px}h2[data-v-e37352fe]{font-size:1.5em}}.fetch-updater[data-v-80eb0f84]{max-width:500px;margin:30px auto;padding:25px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px #0000000d}h2[data-v-80eb0f84]{text-align:center;margin-bottom:20px;font-size:1.75em;color:#333}.notice[data-v-80eb0f84]{text-align:center;color:#666;font-style:italic;margin-bottom:15px}.action-area[data-v-80eb0f84]{display:flex;flex-direction:column;align-items:center;gap:15px}button[data-v-80eb0f84]{padding:10px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .2s ease}button[data-v-80eb0f84]:hover:not(:disabled){background-color:#1976d2;transform:translateY(-2px)}button[data-v-80eb0f84]:disabled{background-color:#ccc;cursor:not-allowed}.fetch-result[data-v-80eb0f84]{width:100%;text-align:center;padding:12px;border-radius:4px;font-size:.95em;transition:background-color .3s ease,border-color .3s ease}.fetch-result.success[data-v-80eb0f84]{background-color:#e6f9e8;border:1px solid #c7e1c0;color:#3c763d}.fetch-result.error[data-v-80eb0f84]{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442}@media (max-width: 600px){.fetch-updater[data-v-80eb0f84]{margin:20px;padding:20px}h2[data-v-80eb0f84]{font-size:1.5em}button[data-v-80eb0f84]{width:100%}}.dashboard-header[data-v-35cc6299]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:0;border-bottom:1px solid #eee}.header-left[data-v-35cc6299]{display:flex;flex-direction:column}.dashboard-title[data-v-35cc6299]{font-size:2em;font-weight:600;color:#2c3e50;margin:0 0 5px}.dashboard-subtitle[data-v-35cc6299]{font-size:1em;color:#555;margin:0}.admin-email-display[data-v-35cc6299]{font-size:.9em;color:#777;margin-top:5px}.header-right[data-v-35cc6299]{display:flex;align-items:center}.banner-management[data-v-35cc6299]{font-family:Poppins,Helvetica Neue,Helvetica,Arial,sans-serif;max-width:1200px;margin:20px auto;background-color:#f9fafb;border-radius:10px;box-shadow:0 4px 12px #0000000f;padding:25px 40px}.tools-container[data-v-35cc6299]{margin:30px auto;padding:25px;background-color:#fff;border-radius:8px;box-shadow:0 3px 10px #00000014}.tools-row[data-v-35cc6299]{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;justify-content:space-between}.tool-item[data-v-35cc6299]{flex:1 1 45%;display:flex;flex-direction:column;padding:10px;border:1px solid #eee;border-radius:6px;background-color:#fdfdfd;box-shadow:0 2px 4px #0000000d}.preview-link[data-v-35cc6299]{margin-top:30px;text-align:center}.preview-link span[data-v-35cc6299]{display:inline-block;padding:12px 24px;background-color:#5cb85c;color:#fff;text-decoration:none;border-radius:6px;font-size:1em;font-weight:500;transition:background-color .3s ease,transform .3s ease}.preview-link span[data-v-35cc6299]:hover{background-color:#4cae4c;transform:translateY(-2px)}.banner-management[data-v-35cc6299]>:last-child{margin-top:0}@media (max-width: 768px){.dashboard-header[data-v-35cc6299]{flex-direction:column;align-items:flex-start}.header-right[data-v-35cc6299]{width:100%;margin-top:15px;justify-content:flex-start}.banner-management[data-v-35cc6299]{padding:15px}.dashboard-title[data-v-35cc6299]{font-size:1.7em}.tools-row[data-v-35cc6299]{flex-direction:column}.tool-item[data-v-35cc6299]{flex:1 1 100%}.preview-link span[data-v-35cc6299]{padding:10px 20px}}.select-client-prompt[data-v-35cc6299]{text-align:center;margin:20px 0;padding:15px;background-color:#e9ecef;border-radius:6px;color:#495057}.password-protection[data-v-35cc6299]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-top:50px}.password-protection h2[data-v-35cc6299]{margin-bottom:20px;color:#333}.password-protection input[type=password][data-v-35cc6299]{padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;width:100%;max-width:300px;box-sizing:border-box}.password-protection button[data-v-35cc6299]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease}.password-protection button[data-v-35cc6299]:hover{background-color:#45a049}.error-message[data-v-35cc6299]{color:#d9534f;margin-top:10px}.client-summary-table[data-v-35cc6299]{margin-top:20px;padding:20px;background-color:#fff;border-radius:6px;box-shadow:0 2px 4px #0000000d}.client-summary-table h3[data-v-35cc6299]{margin-top:0;margin-bottom:15px;font-size:1.2em;color:#333}.client-summary-table table[data-v-35cc6299]{width:100%;border-collapse:collapse}.client-summary-table th[data-v-35cc6299],.client-summary-table td[data-v-35cc6299]{padding:10px;border:1px solid #eee;text-align:left}.client-summary-table th[data-v-35cc6299]{background-color:#f8f9fa;font-weight:600}.logout-button[data-v-35cc6299]{margin-top:0;padding:5px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;min-width:auto;display:inline-block;font-size:.5em;line-height:1.4em;margin-bottom:5px}.logout-button[data-v-35cc6299]:hover{background-color:#d32f2f}.second-caption[data-v-ad25fc39],.first-caption[data-v-ad25fc39]{position:absolute}@keyframes slideInUp-ad25fc39{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp[data-v-ad25fc39]{animation-name:slideInUp-ad25fc39}.first-caption[data-v-dc273525],.second-caption[data-v-dc273525]{position:absolute;text-align:center}@keyframes slideInDown-dc273525{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown[data-v-dc273525]{animation-name:slideInDown-dc273525}.first-caption[data-v-aecbb56d],.second-caption[data-v-aecbb56d]{position:absolute;text-align:center}@keyframes slideInDown-aecbb56d{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown[data-v-aecbb56d]{animation-name:slideInDown-aecbb56d}.first-caption[data-v-34aef20a],.second-caption[data-v-34aef20a]{position:absolute;text-align:center}@keyframes slideInUp-34aef20a{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp[data-v-34aef20a]{animation-name:slideInUp-34aef20a}@keyframes slideInDown-34aef20a{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown[data-v-34aef20a]{animation-name:slideInDown-34aef20a}.first-caption[data-v-84f8453c],.second-caption[data-v-84f8453c]{position:absolute;text-align:center}@keyframes slideInUp-84f8453c{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp[data-v-84f8453c]{animation-name:slideInUp-84f8453c}.first-caption[data-v-2b6f5057],.second-caption[data-v-2b6f5057]{position:absolute;text-align:center}@keyframes slideInDown-2b6f5057{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown[data-v-2b6f5057]{animation-name:slideInDown-2b6f5057}.carousel-inner>.item[data-v-2b6f5057]{zoom:1.5777}body[data-v-2b6f5057]{overflow:hidden}.first-caption[data-v-f54864cc],.second-caption[data-v-f54864cc]{position:absolute;text-align:center}@keyframes slideInDown-f54864cc{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown[data-v-f54864cc]{animation-name:slideInDown-f54864cc}.first-caption[data-v-59227284],.second-caption[data-v-59227284]{position:absolute;text-align:center}@keyframes slideInUp-59227284{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp[data-v-59227284]{animation-name:slideInUp-59227284}@keyframes slideInDown-59227284{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown[data-v-59227284]{animation-name:slideInDown-59227284}.first-caption[data-v-8600b805],.second-caption[data-v-8600b805]{position:absolute;text-align:center}@keyframes slideInUp-8600b805{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp[data-v-8600b805]{animation-name:slideInUp-8600b805}.second-caption[data-v-fc4ed0bb],.first-caption[data-v-fc4ed0bb]{position:absolute}@keyframes slideInUp-fc4ed0bb{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp[data-v-fc4ed0bb]{animation-name:slideInUp-fc4ed0bb}.second-caption[data-v-ed0d8260],.first-caption[data-v-ed0d8260]{position:absolute}@keyframes slideInUp-ed0d8260{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp[data-v-ed0d8260]{animation-name:slideInUp-ed0d8260}.custom-img[data-v-8500211e]{max-width:100%;height:auto}.w1300[data-v-8500211e]{width:1300px}html,body{margin:0;padding:0;overflow:hidden;height:100%;width:100%}header{display:none!important}.client-banner-view{width:100%;height:100%;margin:0;padding:0;overflow:hidden;position:absolute;top:0;left:0}.carousel-container{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.loading,.error{display:flex;justify-content:center;align-items:center;height:100%;width:100%;font-size:18px;margin:0;padding:0}.error{color:red}.carousel,.carousel-inner{width:100%;height:100%;margin:0;padding:0}.item{margin:0;padding:0;position:relative;display:none}.item.active{display:block}.a50-div .productNumber{font-size:38px}.w824{width:824px}.w-100{width:100%}.visibilityhidden{visibility:hidden}.non-clickable{position:absolute;width:100%;height:100%;background:transparent;z-index:999}[data-v-13c98d7d]{box-sizing:border-box}.login-page[data-v-13c98d7d]{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative;line-height:1.6;color:#333}.login-page[data-v-13c98d7d]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(https://img02.tastymoney.hk/tm/2025/06/tastyhome-bg.jpg) center center / cover no-repeat;opacity:.1;z-index:1}.login-container[data-v-13c98d7d]{position:relative;z-index:2;width:100%;max-width:1000px}.login-box[data-v-13c98d7d]{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;overflow:hidden;min-height:600px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-section[data-v-13c98d7d]{background:linear-gradient(135deg,#ff7f00,#ff9500,#ffad33);padding:60px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;color:#fff}.info-section[data-v-13c98d7d]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.info-section[data-v-13c98d7d]>*{position:relative;z-index:1}.brand-logo[data-v-13c98d7d]{font-size:32px;font-weight:700;margin-bottom:15px;color:#fff}.brand-logo img[data-v-13c98d7d]{max-width:300px;height:auto}.info-section h3[data-v-13c98d7d]{font-size:32px;font-weight:600;margin-bottom:15px;line-height:1.3}.info-section p[data-v-13c98d7d]{font-size:18px;opacity:.9;font-weight:300}.login-form-container[data-v-13c98d7d]{padding:60px 50px;display:flex;flex-direction:column;justify-content:center;background:#fff}.login-header[data-v-13c98d7d]{text-align:center;margin-bottom:40px}.login-header h2[data-v-13c98d7d]{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:8px}.login-header p[data-v-13c98d7d]{color:#718096;font-size:16px;margin:10px 0}.login-form[data-v-13c98d7d]{width:100%}.form-group[data-v-13c98d7d]{margin-bottom:24px;position:relative;transition:transform .3s ease}.form-group[data-v-13c98d7d]:focus-within{transform:translateY(-2px)}.form-group label[data-v-13c98d7d]{display:block;margin-bottom:8px;font-weight:500;color:#4a5568;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-control[data-v-13c98d7d]{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .3s ease;background:#f8fafc}.form-control[data-v-13c98d7d]:focus{outline:none;border-color:#ff7f00;background:#fff;box-shadow:0 0 0 3px #ff7f001a;transform:translateY(-1px)}.form-control[data-v-13c98d7d]:disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.btn-primary[data-v-13c98d7d]{width:100%;padding:16px 20px;background:linear-gradient(135deg,#ff7f00,#ff9500);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #ff7f004d;position:relative}.btn-primary[data-v-13c98d7d]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff7f0066;background:linear-gradient(135deg,#e6700a,#e6850a)}.btn-primary[data-v-13c98d7d]:active:not(:disabled){transform:translateY(0)}.btn-primary[data-v-13c98d7d]:disabled{cursor:not-allowed;opacity:.7}.btn-loading[data-v-13c98d7d]{color:transparent!important}.btn-loading[data-v-13c98d7d]:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin-13c98d7d 1s linear infinite}@keyframes spin-13c98d7d{to{transform:rotate(360deg)}}.error-message[data-v-13c98d7d]{color:#e53e3e;background:linear-gradient(135deg,#fed7d7,#fbb6ce);border:1px solid #fc8181;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;animation:shake-13c98d7d .5s ease-in-out}@keyframes shake-13c98d7d{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.forgot-password[data-v-13c98d7d]{text-align:center;margin-top:20px;font-size:12px;color:#718096}.forgot-password a[data-v-13c98d7d]{color:#ff7f00;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.forgot-password a[data-v-13c98d7d]:hover{color:#e6700a;text-decoration:underline}@media (max-width: 768px){.login-page[data-v-13c98d7d]{padding:10px}.login-box[data-v-13c98d7d]{grid-template-columns:1fr;max-width:400px;margin:0 auto}.info-section[data-v-13c98d7d]{order:2;padding:40px 30px;text-align:center}.info-section h3[data-v-13c98d7d]{font-size:24px}.info-section p[data-v-13c98d7d]{font-size:16px}.login-form-container[data-v-13c98d7d]{order:1;padding:40px 30px}.login-header h2[data-v-13c98d7d]{font-size:28px}.brand-logo[data-v-13c98d7d]{font-size:24px;text-align:center}}@media (max-width: 480px){.login-form-container[data-v-13c98d7d],.info-section[data-v-13c98d7d]{padding:30px 20px}.form-control[data-v-13c98d7d],.btn-primary[data-v-13c98d7d]{padding:14px 16px}}.login-page[data-v-13c98d7d]{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;line-height:1.6;color:#333;background:url(https://img02.tastymoney.hk/tm/2025/06/tastyhome-bg.jpg) center center / cover no-repeat}.login-page[data-v-13c98d7d]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff7f00cc,#ff950099 25%,#667eeab3 75%,#764ba2cc);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.login-page[data-v-13c98d7d]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,127,0,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(102,126,234,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(118,75,162,.2) 0%,transparent 50%);z-index:1}html[data-v-9a5b00d3],body[data-v-9a5b00d3]{background:linear-gradient(135deg,#e3c9b1,#764ba2)!important}.dashboard-header[data-v-9a5b00d3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.header-left[data-v-9a5b00d3]{display:flex;flex-direction:column}.dashboard-title[data-v-9a5b00d3]{font-size:2em;font-weight:600;color:#2c3e50;margin:0 0 5px}.dashboard-subtitle[data-v-9a5b00d3]{font-size:1em;color:#555;margin:0}.header-right[data-v-9a5b00d3]{display:flex;align-items:center;gap:20px}.client-info[data-v-9a5b00d3]{color:#333;background-color:#f0f0f0;padding:8px 12px;font-size:1.2em;text-transform:uppercase}.client-id[data-v-9a5b00d3]{font-weight:700}.logout-button[data-v-9a5b00d3]{padding:10px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease}.logout-button[data-v-9a5b00d3]:hover{background-color:#c82333}.change-password-button[data-v-9a5b00d3]{padding:10px 20px;background-color:#ffc107;color:#212529;border:none;border-radius:5px;cursor:pointer;font-size:1em;text-decoration:none;transition:background-color .3s ease;display:inline-flex;align-items:center}.change-password-button[data-v-9a5b00d3]:hover{background-color:#e0a800}.banner-management[data-v-9a5b00d3]{max-width:1200px;margin:20px auto;font-family:Poppins,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#f9fafb;min-height:100vh;border-radius:10px;box-shadow:0 4px 12px #0000000f;box-sizing:border-box;padding:25px 40px}.banner-management>h1[data-v-9a5b00d3]{text-align:center;margin-bottom:30px;color:#2c3e50;font-size:2em;font-weight:600;position:relative}.banner-management>h1[data-v-9a5b00d3]:after{content:"";display:block;width:60px;height:3px;background-color:#5cb85c;margin:10px auto 0;border-radius:5px}.tools-container[data-v-9a5b00d3]{margin:30px auto;padding:25px;background-color:#fff;border-radius:8px;box-shadow:0 3px 10px #00000014}.tools-row[data-v-9a5b00d3]{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;justify-content:space-between}.tool-item[data-v-9a5b00d3]{flex:1 1 45%;display:flex;flex-direction:column;padding:10px;border:1px solid #eee;border-radius:6px;background-color:#fdfdfd;box-shadow:0 2px 4px #0000000d}.preview-link[data-v-9a5b00d3]{margin-top:30px;text-align:center}.preview-link span[data-v-9a5b00d3]{display:inline-block;padding:12px 24px;background-color:#5cb85c;color:#fff;text-decoration:none;border-radius:6px;font-size:1em;font-weight:500;transition:background-color .3s ease,transform .3s ease}.preview-link span[data-v-9a5b00d3]:hover{background-color:#4cae4c;transform:translateY(-2px)}.banner-management[data-v-9a5b00d3]>:last-child{margin-top:35px}@media (max-width: 768px){.banner-management[data-v-9a5b00d3]{padding:15px}.banner-management>h1[data-v-9a5b00d3]{font-size:1.7em}.tools-row[data-v-9a5b00d3]{flex-direction:column}.tool-item[data-v-9a5b00d3]{flex:1 1 100%}.preview-link span[data-v-9a5b00d3]{padding:10px 20px}}@media (max-width: 768px){.dashboard-header[data-v-9a5b00d3]{flex-direction:column;align-items:flex-start}.header-right[data-v-9a5b00d3]{width:100%;justify-content:space-between;margin-top:15px}.banner-management[data-v-9a5b00d3]{padding:15px}.dashboard-title[data-v-9a5b00d3]{font-size:1.7em}.tools-row[data-v-9a5b00d3]{flex-direction:column}.tool-item[data-v-9a5b00d3]{flex:1 1 100%}.preview-link span[data-v-9a5b00d3]{padding:10px 20px}}@media (max-width: 600px){.fetch-updater[data-v-9a5b00d3]{margin:20px;padding:20px}h2[data-v-9a5b00d3]{font-size:1.5em}.logout-button[data-v-9a5b00d3]{width:auto}}