[data-v-6c1caab6]{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body[data-v-6c1caab6]{background:#f0f2f5;line-height:1.6}.app-container[data-v-6c1caab6]{min-height:100vh;display:flex;flex-direction:column}.header[data-v-6c1caab6]{background:linear-gradient(135deg,#1a73e8,#0050b3);color:#fff;padding:2rem 5%;text-align:center}.header-content[data-v-6c1caab6]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.user-button-container[data-v-6c1caab6]{position:relative}.user-button[data-v-6c1caab6]{display:inline-block;padding:.8rem 2rem;background:#1a73e8;color:#fff;border-radius:25px;text-decoration:none;font-weight:500;transition:background .3s ease;border:none;cursor:pointer}.user-button[data-v-6c1caab6]:hover{background:#0d47a1}.dropdown[data-v-6c1caab6]{position:absolute;top:100%;left:0;min-width:160px;background-color:#fff;border-radius:5px;box-shadow:0 4px 6px #0000001a;z-index:100}.dropdown-item[data-v-6c1caab6]{display:block;width:100%;padding:.8rem 1.5rem;text-align:left;background:none;border:none;cursor:pointer;transition:background .3s ease;white-space:nowrap;color:#333}.dropdown-item[data-v-6c1caab6]:hover{background:#f0f0f0}.scrollable-container[data-v-6c1caab6]{flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.main-container[data-v-6c1caab6]{max-width:1200px;margin:2rem auto;padding:0 5%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;transition:grid-template-columns .3s ease}.module-card[data-v-6c1caab6]{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease;text-align:center}.module-card[data-v-6c1caab6]:hover{transform:translateY(-10px)}.module-icon[data-v-6c1caab6]{font-size:3rem;margin-bottom:1rem;color:#1a73e8}.module-title[data-v-6c1caab6]{font-size:1.5rem;margin-bottom:.5rem;color:#212121}.module-description[data-v-6c1caab6]{color:#555;margin-bottom:1.5rem}.cta-button[data-v-6c1caab6]{display:inline-block;padding:.8rem 2rem;background:#1a73e8;color:#fff;border-radius:25px;text-decoration:none;font-weight:500;transition:background .3s ease;border:none;cursor:pointer}.cta-button[data-v-6c1caab6]:hover{background:#0d47a1}.progress-bar-container[data-v-6c1caab6]{height:10px;background-color:#f0f0f0;border-radius:5px;margin-top:10px;overflow:hidden}.progress-bar[data-v-6c1caab6]{height:100%;background-color:#007bff;border-radius:5px;transition:width .2s ease}.change-password-modal[data-v-6c1caab6]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-overlay[data-v-6c1caab6]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.modal-content[data-v-6c1caab6]{position:relative;background:#fff;padding:2rem;border-radius:8px;width:100%;max-width:400px;z-index:10000;box-shadow:0 4px 20px #00000026}.input-group[data-v-6c1caab6]{margin-bottom:1.5rem}.input-group label[data-v-6c1caab6]{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.input-group input[data-v-6c1caab6]{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.modal-actions[data-v-6c1caab6]{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.confirm-button[data-v-6c1caab6]{padding:.8rem 1.5rem;background:#1a73e8;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.confirm-button[data-v-6c1caab6]:hover{background:#0d47a1}.cancel-button[data-v-6c1caab6]{padding:.8rem 1.5rem;background:#f0f0f0;color:#333;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.cancel-button[data-v-6c1caab6]:hover{background:#ddd}.modal-fade-enter-active[data-v-6c1caab6],.modal-fade-leave-active[data-v-6c1caab6]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-6c1caab6],.modal-fade-leave-to[data-v-6c1caab6]{opacity:0}.quick-nav-icons[data-v-6c1caab6]{display:flex;align-items:center;margin-right:15px}.notification-badge[data-v-6c1caab6]{position:absolute;top:-8px;right:-8px;background-color:#ff4d4f;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;padding:0}.nav-icon[data-v-6c1caab6]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:8px;border-radius:50%;color:#fff;background-color:#fff3;transition:all .3s ease}.nav-icon[data-v-6c1caab6]:hover{background-color:#ffffff4d;transform:translateY(-2px)}.nav-icon svg[data-v-6c1caab6]{transition:all .3s ease}.nav-icon:hover svg[data-v-6c1caab6]{transform:scale(1.1)}.user-button-container[data-v-6c1caab6]{position:relative;display:flex;align-items:center}.module-image[data-v-6c1caab6]{max-width:15%;max-height:15%;border-radius:50%;object-fit:contain}.container[data-v-e802e453]{display:flex;flex-direction:column;height:100vh;padding:20px}.scrollable-container[data-v-e802e453]{flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.content-wrapper[data-v-e802e453]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:20px;width:100%;transition:width .3s ease}.section[data-v-e802e453]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;justify-content:space-between}.section h2[data-v-e802e453]{margin:5px 0;font-size:24px}.sales-amount-wrapper[data-v-e802e453]{text-align:center;margin-bottom:10px}.sales-amount[data-v-e802e453]{display:flex;flex-direction:column;align-items:center}.value.large[data-v-e802e453]{font-size:32px;font-weight:700}.value.large.centered[data-v-e802e453]{text-align:center}.rate.large[data-v-e802e453]{font-size:32px;font-weight:700}.rate.large.centered[data-v-e802e453]{text-align:center}.sales-target-wrapper[data-v-e802e453]{display:flex;justify-content:center;gap:20px;margin-top:10px}.sales-item[data-v-e802e453]{display:flex;flex-direction:column;align-items:center}.label[data-v-e802e453]{color:#666;font-size:18px}.value[data-v-e802e453]{font-weight:600;font-size:18px}.rate[data-v-e802e453]{font-weight:700;color:#28a745;justify-self:end}#salesTop10Chart[data-v-e802e453],#areaFlowChart[data-v-e802e453],#pricePerCustomerAndOrderChart[data-v-e802e453]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000001a;min-height:300px}.progress-bar-container[data-v-e802e453]{height:10px;background-color:#f0f0f0;border-radius:5px;margin-top:10px;overflow:hidden}.progress-bar[data-v-e802e453]{height:100%;background-color:#007bff;border-radius:5px;transition:width .2s ease}.login-status[data-v-62ec3625]{position:absolute;top:20px;right:20px}.icon-wrapper[data-v-62ec3625]{cursor:pointer;font-size:24px}.dropdown-menu[data-v-62ec3625]{position:absolute;top:30px;right:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;box-shadow:0 2px 4px #0000001a;z-index:1}.dropdown-menu p[data-v-62ec3625]{margin:5px 0}.dropdown-menu button[data-v-62ec3625]{width:100%;padding:5px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.dropdown-menu button[data-v-62ec3625]:hover{background-color:#0056b3}[data-v-65349ba6]{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html[data-v-65349ba6],body[data-v-65349ba6]{overflow:hidden}.login-page[data-v-65349ba6]{min-height:100vh;background-image:url(/assets/%E7%99%BB%E5%BD%95%E8%83%8C%E6%99%AF-BtVL2GlG.png);background-size:90%;background-position:center;background-attachment:fixed;display:flex;justify-content:center;align-items:center;padding-right:200px;position:relative}.login-container[data-v-65349ba6]{max-width:1200px;padding:80px 120px;border-radius:15px;background-color:#fff;box-shadow:0 8px 20px #00000026;animation:fadeInUp-65349ba6 .5s ease;margin-left:auto;transform:translateY(30px)}@keyframes fadeInUp-65349ba6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-title[data-v-65349ba6]{font-size:28px;color:#333;margin-bottom:30px;text-align:center}.input-group[data-v-65349ba6]{margin-bottom:25px}.input-label[data-v-65349ba6]{display:block;margin-bottom:10px;font-size:16px;color:#666;font-weight:500}.input-field[data-v-65349ba6]{width:100%;padding:15px;border:1px solid #ccc;border-radius:8px;font-size:16px;outline:none;transition:border-color .3s ease}.input-field[data-v-65349ba6]:focus{border-color:#007bff}.login-button[data-v-65349ba6]{width:100%;padding:15px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.login-button[data-v-65349ba6]:hover{background-color:#0056b3}.register-text[data-v-65349ba6]{margin-top:20px;font-size:14px;color:#999;text-align:center}.register-link[data-v-65349ba6]{color:#007bff;text-decoration:none;transition:color .3s ease}.register-link[data-v-65349ba6]:hover{color:#0056b3}