body{margin:0;font-family:Arial,sans-serif}#app{height:100vh}.layout-container{display:flex;height:100vh}.sidebar{width:250px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:20px 0;box-shadow:2px 0 10px rgba(0,0,0,.1);position:relative;display:flex;flex-direction:column;box-sizing:border-box}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4facfe,#00f2fe 50%,#fff);opacity:.9;z-index:-1}.logo{font-size:26px;font-weight:700;text-align:center;padding:25px 0;border-bottom:1px solid hsla(0,0%,100%,.2);margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px;white-space:nowrap}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sidebar-footer{flex-shrink:0;padding:16px 15px calc(12px + env(safe-area-inset-bottom, 0px));border-top:1px solid hsla(0,0%,100%,.2);margin-top:auto}.nav-item{display:flex;align-items:center;flex-wrap:nowrap;padding:16px 25px;color:#fff;text-decoration:none;transition:all .3s ease;margin:5px 15px;border-radius:10px;font-weight:500;position:relative;overflow:hidden;white-space:nowrap}.nav-item i{margin-right:12px;font-size:16px;width:20px;text-align:center}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.nav-item:hover{background-color:hsla(0,0%,100%,.15);transform:translateX(5px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.nav-item:hover:before{left:100%}.nav-item.router-link-active{background:linear-gradient(135deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.15));box-shadow:0 4px 15px rgba(0,0,0,.2);transform:translateX(5px)}.nav-item.router-link-active:after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 10px hsla(0,0%,100%,.8)}.main-content{flex:1;background-color:#f5f6fa}.main-content,.user-info{display:flex;flex-direction:column}.user-info{align-items:stretch;gap:10px}.user-info span{text-align:center;font-weight:600;word-break:break-all}.logout-btn{padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.logout-btn:hover{background-color:#d32f2f}.content{flex:1;padding:0;overflow-y:auto}.mobile-menu-btn{display:none;position:fixed;top:15px;left:15px;z-index:1001;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;border-radius:8px;padding:12px;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all .3s ease}.mobile-menu-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,.3)}.mobile-menu-btn i{font-size:18px}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}@media (max-width:768px){.mobile-menu-btn,.mobile-overlay{display:block}.layout-container{position:relative}.sidebar{position:fixed;top:0;left:-250px;height:100vh;height:100dvh;max-height:100dvh;min-height:0;z-index:1000;transition:left .3s ease;width:250px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-nav{flex:0 0 auto;min-height:auto;overflow:visible}.sidebar.mobile-open{left:0}.main-content{width:100%;margin-left:0}.user-info{align-items:stretch;gap:8px}.user-info span{font-size:14px}.logout-btn{padding:6px 12px;font-size:12px}.content{padding:0}}@media (max-width:1024px) and (min-width:769px){.sidebar{width:200px}.logo{font-size:22px;padding:20px 0}.nav-item{padding:14px 20px;margin:4px 12px}.nav-item i{margin-right:10px;font-size:14px}}@media (max-width:480px){.mobile-menu-btn{top:10px;left:10px;padding:10px}.user-info span{font-size:12px}.logout-btn{padding:4px 8px;font-size:11px}.content{padding:0}.sidebar{width:280px;left:-280px}.nav-item{padding:16px 20px;font-size:14px}.logo{font-size:20px;padding:20px 0}}@media (hover:none) and (pointer:coarse){.nav-item{padding:18px 25px;margin:6px 15px}.nav-item:hover{transform:none}.nav-item:active{background-color:hsla(0,0%,100%,.2);transform:scale(.98)}.mobile-menu-btn:active{transform:scale(.95)}.logout-btn{padding:10px 16px;min-height:44px}}.login-container[data-v-70de32c3]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:20px;box-sizing:border-box}.login-container form[data-v-70de32c3]{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:100%;max-width:450px}h2[data-v-70de32c3]{text-align:center;margin-bottom:30px;color:#333;font-size:24px;font-weight:500}.form-group[data-v-70de32c3]{margin-bottom:20px}label[data-v-70de32c3]{display:block;margin-bottom:5px;font-weight:500;color:#555;font-size:14px}input[data-v-70de32c3]{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s ease;background:#fff;box-sizing:border-box}input[data-v-70de32c3]:focus{outline:none;border-color:#007bff}button[data-v-70de32c3]{width:100%;padding:12px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease}button[data-v-70de32c3]:hover{background:#0056b3}button[data-v-70de32c3]:disabled{background:#6c757d;cursor:not-allowed}.error-message[data-v-70de32c3]{color:#dc3545;margin-top:10px;padding:10px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;font-size:14px}.register-link[data-v-70de32c3]{text-align:center;margin-top:20px;color:#666;font-size:14px}.register-link a[data-v-70de32c3]{color:#007bff;text-decoration:none}.register-link a[data-v-70de32c3]:hover{text-decoration:underline}@media (max-width:480px){.login-container[data-v-70de32c3]{padding:15px}.login-container form[data-v-70de32c3]{padding:30px 20px}h2[data-v-70de32c3]{font-size:20px}button[data-v-70de32c3],input[data-v-70de32c3]{font-size:14px}}.register-container[data-v-3cb0fde2]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:20px;box-sizing:border-box}.register-container form[data-v-3cb0fde2]{background:#fff;max-width:450px;width:100%;padding:40px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}h2[data-v-3cb0fde2]{text-align:center;margin-bottom:30px;color:#333;font-size:24px;font-weight:500}.form-group[data-v-3cb0fde2]{margin-bottom:20px}label[data-v-3cb0fde2]{display:block;margin-bottom:5px;font-weight:500;color:#555;font-size:14px}input[data-v-3cb0fde2]{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s ease;background:#fff;box-sizing:border-box}input[data-v-3cb0fde2]:focus{outline:none;border-color:#007bff}.email-input-group[data-v-3cb0fde2]{display:flex;gap:10px}.email-input-group input[data-v-3cb0fde2]{flex:1}.send-code-btn[data-v-3cb0fde2]{padding:12px 16px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;min-width:100px;transition:background-color .3s ease}.send-code-btn[data-v-3cb0fde2]:hover:not(:disabled){background:#218838}.send-code-btn[data-v-3cb0fde2]:disabled{background:#6c757d;cursor:not-allowed}button[type=submit][data-v-3cb0fde2]{width:100%;padding:12px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease}button[type=submit][data-v-3cb0fde2]:hover:not(:disabled){background:#0056b3}button[type=submit][data-v-3cb0fde2]:disabled{background:#6c757d;cursor:not-allowed}.error-message[data-v-3cb0fde2]{color:#dc3545;margin-top:10px;padding:10px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;font-size:14px}.success-message[data-v-3cb0fde2]{color:#155724;margin-top:10px;padding:10px;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;font-size:14px}.field-error[data-v-3cb0fde2]{color:#dc3545;font-size:14px;margin-top:5px}.login-link[data-v-3cb0fde2]{text-align:center;margin-top:15px}.login-link a[data-v-3cb0fde2]{color:#007bff;text-decoration:none}.login-link a[data-v-3cb0fde2]:hover{text-decoration:underline}.key-management[data-v-553682d0]{padding:20px;max-width:1400px;margin:0 auto}h1[data-v-553682d0]{color:#2c3e50;margin-bottom:30px;font-size:28px}h2[data-v-553682d0]{color:#2c3e50;margin-bottom:20px;font-size:22px}.admin-section[data-v-553682d0]{margin-bottom:40px}.header-actions[data-v-553682d0]{margin-bottom:20px;display:flex;gap:12px}.batch-generate-btn[data-v-553682d0],.generate-btn[data-v-553682d0]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.batch-generate-btn[data-v-553682d0]:hover,.generate-btn[data-v-553682d0]:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(79,172,254,.4)}.filters[data-v-553682d0]{margin-bottom:20px}.filters select[data-v-553682d0]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.loading[data-v-553682d0]{text-align:center;padding:40px}.spinner[data-v-553682d0]{border:4px solid #f3f3f3;border-top:4px solid #4facfe;border-radius:50%;width:40px;height:40px;animation:spin-553682d0 1s linear infinite;margin:0 auto 20px}@keyframes spin-553682d0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message[data-v-553682d0]{background-color:#fee;color:#c33;padding:20px;border-radius:8px;text-align:center;margin-bottom:20px}.retry-btn[data-v-553682d0]{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-left:10px}.empty-state[data-v-553682d0]{text-align:center;padding:60px 20px;color:#6c757d}.empty-state i[data-v-553682d0]{font-size:48px;margin-bottom:16px;opacity:.5}.key-table[data-v-553682d0]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1)}.key-table table[data-v-553682d0]{width:100%;border-collapse:collapse}.key-table td[data-v-553682d0],.key-table th[data-v-553682d0]{padding:12px;text-align:left;border-bottom:1px solid #e9ecef}.key-table th[data-v-553682d0]{background-color:#f8f9fa;font-weight:600;color:#2c3e50}.key-code[data-v-553682d0]{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace}.code-text[data-v-553682d0]{flex:1;word-break:break-all}.toggle-btn[data-v-553682d0]{background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.toggle-btn[data-v-553682d0]:hover{color:#495057;background-color:#e9ecef}.status-badge[data-v-553682d0]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-active[data-v-553682d0]{background-color:#d4edda;color:#155724}.status-used[data-v-553682d0]{background-color:#f8d7da;color:#721c24}.actions[data-v-553682d0]{display:flex;gap:8px}.delete-btn[data-v-553682d0],.edit-btn[data-v-553682d0]{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s ease}.edit-btn[data-v-553682d0]{color:#007bff}.edit-btn[data-v-553682d0]:hover:not(:disabled){background-color:#e3f2fd}.edit-btn[data-v-553682d0]:disabled{color:#6c757d;cursor:not-allowed}.delete-btn[data-v-553682d0]{color:#dc3545}.delete-btn[data-v-553682d0]:hover{background-color:#ffebee}.pagination[data-v-553682d0]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.page-btn[data-v-553682d0]{background:#4facfe;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease}.page-btn[data-v-553682d0]:hover:not(:disabled){background:#3d8bfe}.page-btn[data-v-553682d0]:disabled{background:#6c757d;cursor:not-allowed}.page-info[data-v-553682d0]{font-weight:500;color:#2c3e50}.user-section[data-v-553682d0]{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.use-key-form[data-v-553682d0]{display:flex;gap:12px;align-items:center}.key-input[data-v-553682d0]{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:Courier New,monospace}.use-btn[data-v-553682d0]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.use-btn[data-v-553682d0]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px rgba(40,167,69,.4)}.use-btn[data-v-553682d0]:disabled{opacity:.6;cursor:not-allowed}.modal-overlay[data-v-553682d0]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-553682d0]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-553682d0]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-553682d0]{margin:0;color:#2c3e50}.close-btn[data-v-553682d0]{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-body[data-v-553682d0]{padding:24px}.form-group[data-v-553682d0]{margin-bottom:20px}.form-group label[data-v-553682d0]{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.checkbox-label[data-v-553682d0]{display:flex!important;align-items:center;gap:8px;cursor:pointer}.form-group input[data-v-553682d0],.form-group textarea[data-v-553682d0]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-group input[type=checkbox][data-v-553682d0]{width:auto}.form-group input[data-v-553682d0]:focus,.form-group textarea[data-v-553682d0]:focus{outline:none;border-color:#4facfe;box-shadow:0 0 0 3px rgba(79,172,254,.1)}.modal-footer[data-v-553682d0]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e9ecef}.cancel-btn[data-v-553682d0]{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.cancel-btn[data-v-553682d0]:hover{background:#5a6268}.confirm-btn[data-v-553682d0]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .3s ease}.confirm-btn[data-v-553682d0]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px rgba(79,172,254,.4)}.confirm-btn[data-v-553682d0]:disabled{opacity:.6;cursor:not-allowed}.query-stats[data-v-e847932e]{padding:2rem;background-color:#f4f7f9}h1[data-v-e847932e]{text-align:center;color:#333;margin-bottom:2rem}.stats-container[data-v-e847932e]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.stats-card[data-v-e847932e]{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05)}h2[data-v-e847932e]{color:#444;margin-bottom:1.5rem;border-bottom:2px solid #eee;padding-bottom:.5rem}.form-group[data-v-e847932e]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.date-picker[data-v-e847932e]{padding:.5rem;border:1px solid #ccc;border-radius:4px}.action-btn[data-v-e847932e]{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.action-btn[data-v-e847932e]:hover{background-color:#0056b3}.action-btn[data-v-e847932e]:disabled{background-color:#aaa;cursor:not-allowed}.loading-spinner[data-v-e847932e]{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin-e847932e 1s linear infinite;margin:2rem auto}@keyframes spin-e847932e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message[data-v-e847932e]{color:#d9534f;background-color:#f2dede;border:1px solid #ebccd1;padding:1rem;border-radius:4px;margin-top:1rem}.stats-table-container[data-v-e847932e]{margin-top:1.5rem;overflow-x:auto}.stats-table[data-v-e847932e]{width:100%;border-collapse:collapse}.stats-table td[data-v-e847932e],.stats-table th[data-v-e847932e]{padding:.75rem;text-align:left;border-bottom:1px solid #ddd}.stats-table th[data-v-e847932e]{background-color:#f8f9fa}@media (max-width:768px){.query-stats[data-v-e847932e],.stats-section[data-v-e847932e]{padding:15px}.stats-controls[data-v-e847932e]{flex-direction:column;gap:15px}.control-group[data-v-e847932e]{width:100%}.date-inputs[data-v-e847932e]{flex-direction:column;gap:10px}.date-inputs input[data-v-e847932e]{width:100%}.action-btn[data-v-e847932e]{width:100%;justify-content:center}.stats-table-container[data-v-e847932e]{margin-top:1rem}.stats-table[data-v-e847932e]{font-size:14px}.stats-table td[data-v-e847932e],.stats-table th[data-v-e847932e]{padding:.5rem}}@media (max-width:480px){.query-stats[data-v-e847932e]{padding:10px}.stats-section[data-v-e847932e]{padding:12px}.stats-section h2[data-v-e847932e]{font-size:18px}.stats-table[data-v-e847932e]{font-size:12px}.stats-table td[data-v-e847932e],.stats-table th[data-v-e847932e]{padding:.4rem .3rem}.stats-table-container[data-v-e847932e]{-webkit-overflow-scrolling:touch}.stats-table[data-v-e847932e]{min-width:400px}}.product-management[data-v-547726ef]{padding:20px}.toolbar[data-v-547726ef]{margin-bottom:20px;display:flex;justify-content:flex-end}.add-btn[data-v-547726ef]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:background-color .3s}.add-btn[data-v-547726ef]:hover{background-color:#388e3c}.product-list[data-v-547726ef]{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px}.loading[data-v-547726ef]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.spinner[data-v-547726ef]{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2196f3;animation:spin-547726ef 1s linear infinite;margin-bottom:15px}@keyframes spin-547726ef{to{transform:rotate(1turn)}}.error-message[data-v-547726ef]{color:#d32f2f;text-align:center;padding:20px 0}.retry-btn[data-v-547726ef]{padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:10px}.empty-state[data-v-547726ef]{text-align:center;padding:40px 0;color:#666}.empty-state i[data-v-547726ef]{font-size:48px;margin-bottom:15px;color:#ccc}.products-grid[data-v-547726ef]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.product-card[data-v-547726ef]{border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:box-shadow .3s}.product-card[data-v-547726ef]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.product-info h3[data-v-547726ef]{margin:0 0 15px 0;color:#333;font-size:18px}.product-details[data-v-547726ef]{margin-bottom:20px}.detail-item[data-v-547726ef]{display:flex;justify-content:space-between;margin-bottom:8px}.label[data-v-547726ef]{color:#666;font-weight:500}.value[data-v-547726ef]{font-weight:700}.price[data-v-547726ef]{color:#e91e63}.count[data-v-547726ef]{color:#2196f3}.product-actions[data-v-547726ef]{display:flex;gap:10px}.delete-btn[data-v-547726ef],.edit-btn[data-v-547726ef]{flex:1;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:5px;transition:background-color .3s}.edit-btn[data-v-547726ef]{background-color:#ff9800;color:#fff}.edit-btn[data-v-547726ef]:hover{background-color:#f57c00}.delete-btn[data-v-547726ef]{background-color:#f44336;color:#fff}.delete-btn[data-v-547726ef]:hover{background-color:#d32f2f}.modal-overlay[data-v-547726ef]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-547726ef]{background-color:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 5px 15px rgba(0,0,0,.3);overflow:hidden;animation:modal-appear-547726ef .3s ease-out}@keyframes modal-appear-547726ef{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-547726ef]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.modal-header h3[data-v-547726ef]{margin:0;color:#333}.close-btn[data-v-547726ef]{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.modal-body[data-v-547726ef]{padding:20px}.form-group[data-v-547726ef]{margin-bottom:20px}.form-group label[data-v-547726ef]{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-input[data-v-547726ef]{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.form-input[data-v-547726ef]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px rgba(33,150,243,.2)}.modal-footer[data-v-547726ef]{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.cancel-btn[data-v-547726ef],.confirm-btn[data-v-547726ef],.delete-confirm-btn[data-v-547726ef]{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;border:none}.cancel-btn[data-v-547726ef]{background-color:#f1f1f1;color:#333}.confirm-btn[data-v-547726ef]{background-color:#2196f3;color:#fff}.confirm-btn[data-v-547726ef]:disabled{background-color:#bdbdbd;cursor:not-allowed}.delete-confirm-btn[data-v-547726ef]{background-color:#f44336;color:#fff}.delete-confirm-btn[data-v-547726ef]:disabled{background-color:#bdbdbd;cursor:not-allowed}.delete-modal[data-v-547726ef]{max-width:400px}.delete-content[data-v-547726ef]{text-align:center;padding:20px 0}.warning-icon[data-v-547726ef]{font-size:48px;color:#ff9800;margin-bottom:15px}.delete-content p[data-v-547726ef]{margin:10px 0;color:#333}.warning-text[data-v-547726ef]{color:#f44336!important;font-size:14px}@media (max-width:768px){.product-management[data-v-547726ef]{padding:15px}.header[data-v-547726ef]{flex-direction:column;gap:15px;align-items:stretch}.add-btn[data-v-547726ef]{width:100%;justify-content:center}.products-grid[data-v-547726ef]{grid-template-columns:1fr;gap:15px}.product-card[data-v-547726ef]{padding:15px}.product-actions[data-v-547726ef]{flex-direction:column;gap:8px}.delete-btn[data-v-547726ef],.edit-btn[data-v-547726ef]{width:100%;justify-content:center}.modal[data-v-547726ef]{padding:15px}.modal-content[data-v-547726ef]{margin:0;max-width:none;width:100%;max-height:90vh;overflow-y:auto}.form-group[data-v-547726ef]{margin-bottom:15px}.form-actions[data-v-547726ef]{flex-direction:column;gap:10px}.cancel-btn[data-v-547726ef],.confirm-btn[data-v-547726ef],.delete-confirm-btn[data-v-547726ef]{width:100%}}@media (max-width:480px){.product-management[data-v-547726ef]{padding:10px}.product-list[data-v-547726ef]{padding:15px}.product-card[data-v-547726ef]{padding:12px}.product-info h3[data-v-547726ef]{font-size:16px}.modal-content[data-v-547726ef]{padding:15px}.modal h2[data-v-547726ef]{font-size:18px}input[type=number][data-v-547726ef],input[type=text][data-v-547726ef]{font-size:16px}}.user-management[data-v-4815563f]{padding:20px}.page-header[data-v-4815563f]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}h1[data-v-4815563f]{margin:0 0 8px;color:#2c3e50}.page-description[data-v-4815563f]{margin:0;color:#6b7280}.filter-card[data-v-4815563f],.table-card[data-v-4815563f]{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(15,23,42,.08);padding:20px;margin-bottom:20px}.filter-grid[data-v-4815563f],.modal-grid[data-v-4815563f]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.form-group[data-v-4815563f]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-4815563f]{color:#374151;font-weight:600}.form-group input[data-v-4815563f],.form-group select[data-v-4815563f]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box}.form-group input[data-v-4815563f]:focus,.form-group select[data-v-4815563f]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.filter-actions[data-v-4815563f],.modal-footer[data-v-4815563f],.pagination-actions[data-v-4815563f]{display:flex;gap:12px}.filter-actions[data-v-4815563f]{margin-top:16px}.primary-btn[data-v-4815563f],.refresh-btn[data-v-4815563f],.retry-btn[data-v-4815563f],.secondary-btn[data-v-4815563f],.table-action-btn[data-v-4815563f]{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.primary-btn[data-v-4815563f],.refresh-btn[data-v-4815563f],.table-action-btn[data-v-4815563f]{background:linear-gradient(135deg,#4facfe,#00c6ff);color:#fff}.secondary-btn[data-v-4815563f]{background:#e5e7eb;color:#374151}.retry-btn[data-v-4815563f]{background:#ef4444;color:#fff}.primary-btn[data-v-4815563f]:disabled,.refresh-btn[data-v-4815563f]:disabled,.secondary-btn[data-v-4815563f]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-4815563f],.modal-error[data-v-4815563f]{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fef2f2;color:#b91c1c;padding:14px 16px;border-radius:10px;margin-bottom:16px}.empty-state[data-v-4815563f],.loading-state[data-v-4815563f]{text-align:center;padding:40px 20px;color:#6b7280}.spinner[data-v-4815563f]{width:36px;height:36px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;margin:0 auto 12px;animation:spin-4815563f 1s linear infinite}@keyframes spin-4815563f{to{transform:rotate(1turn)}}.table-wrapper[data-v-4815563f]{overflow-x:auto}.user-table[data-v-4815563f]{width:100%;border-collapse:collapse;min-width:1100px}.user-table td[data-v-4815563f],.user-table th[data-v-4815563f]{padding:14px 12px;border-bottom:1px solid #e5e7eb;vertical-align:top;text-align:left}.user-table th[data-v-4815563f]{color:#475569;font-size:13px;font-weight:700;background:#f8fafc}.stats-cell[data-v-4815563f],.user-cell[data-v-4815563f]{display:flex;flex-direction:column;gap:6px}.user-cell strong[data-v-4815563f]{color:#111827}.stats-cell span[data-v-4815563f],.user-cell span[data-v-4815563f]{color:#6b7280;font-size:13px}.tag[data-v-4815563f]{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.tag-default[data-v-4815563f]{background:#e0f2fe;color:#0369a1}.tag-admin[data-v-4815563f]{background:#ede9fe;color:#6d28d9}.tag-success[data-v-4815563f]{background:#dcfce7;color:#15803d}.tag-danger[data-v-4815563f]{background:#fee2e2;color:#b91c1c}.tag-muted[data-v-4815563f]{background:#f3f4f6;color:#6b7280}.mono[data-v-4815563f]{font-family:Consolas,Courier New,monospace}.pagination[data-v-4815563f]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.pagination-info[data-v-4815563f]{color:#6b7280;font-size:14px}.modal-overlay[data-v-4815563f]{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-content[data-v-4815563f]{width:100%;max-width:820px;background:#fff;border-radius:16px;box-shadow:0 20px 45px rgba(15,23,42,.2);overflow:hidden}.modal-header[data-v-4815563f]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-4815563f]{margin:0;color:#111827}.close-btn[data-v-4815563f]{border:none;background:transparent;font-size:28px;cursor:pointer;color:#6b7280;line-height:1}.modal-body[data-v-4815563f]{padding:24px}.modal-footer[data-v-4815563f]{justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb}@media (max-width:1024px){.filter-grid[data-v-4815563f],.modal-grid[data-v-4815563f]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.user-management[data-v-4815563f]{padding:15px}.page-header[data-v-4815563f],.pagination[data-v-4815563f]{flex-direction:column;align-items:stretch}.filter-grid[data-v-4815563f],.modal-grid[data-v-4815563f]{grid-template-columns:1fr}.filter-actions[data-v-4815563f],.modal-footer[data-v-4815563f],.pagination-actions[data-v-4815563f]{flex-direction:column}.primary-btn[data-v-4815563f],.refresh-btn[data-v-4815563f],.retry-btn[data-v-4815563f],.secondary-btn[data-v-4815563f]{width:100%}.modal-overlay[data-v-4815563f]{padding:12px}.modal-body[data-v-4815563f],.modal-footer[data-v-4815563f],.modal-header[data-v-4815563f]{padding-left:16px;padding-right:16px}}.support-management[data-v-a51298a2]{height:100%;padding:0}.panel-header h2[data-v-a51298a2]{margin:0;color:#1f2937}.message-panel-subtitle[data-v-a51298a2],.panel-subtitle[data-v-a51298a2]{margin:8px 0 0;color:#6b7280}.layout-grid[data-v-a51298a2]{height:100%;display:flex;gap:0}.card[data-v-a51298a2]{background:#fff;border-radius:0;box-shadow:none;padding:20px}.conversation-panel[data-v-a51298a2],.message-panel[data-v-a51298a2]{display:flex;flex-direction:column;min-width:0}.conversation-panel[data-v-a51298a2]{flex:0 0 360px;border-right:1px solid #e5e7eb}.message-panel[data-v-a51298a2]{flex:1 1 auto}.panel-header[data-v-a51298a2]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-header-main[data-v-a51298a2]{min-width:0}.back-btn[data-v-a51298a2]{border:none;background:transparent;color:#2563eb;padding:0;margin-bottom:8px;font-size:14px;font-weight:600;cursor:pointer}.back-btn[data-v-a51298a2]:hover{color:#1d4ed8}.search-bar[data-v-a51298a2]{display:flex;gap:12px;margin-bottom:16px}.reply-box textarea[data-v-a51298a2],.search-bar input[data-v-a51298a2]{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:12px 14px;font-size:14px;box-sizing:border-box}.reply-box textarea[data-v-a51298a2]:focus,.search-bar input[data-v-a51298a2]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.conversation-list[data-v-a51298a2]{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.conversation-item[data-v-a51298a2]{position:relative;width:100%;border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:14px;cursor:pointer;text-align:left;transition:all .2s ease}.conversation-unread-dot[data-v-a51298a2]{position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:#ef4444}.conversation-item.is-active[data-v-a51298a2],.conversation-item[data-v-a51298a2]:hover{border-color:#60a5fa;background:#eff6ff;box-shadow:0 8px 20px rgba(59,130,246,.12)}.conversation-meta[data-v-a51298a2],.conversation-top[data-v-a51298a2],.pagination[data-v-a51298a2],.reply-footer[data-v-a51298a2]{display:flex;justify-content:space-between;align-items:center;gap:12px}.conversation-meta[data-v-a51298a2]{margin-top:8px;color:#6b7280;font-size:13px}.conversation-time[data-v-a51298a2]{color:#94a3b8;font-size:12px;white-space:nowrap}.conversation-preview[data-v-a51298a2]{margin:10px 0 0;color:#374151;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-loading-more[data-v-a51298a2]{text-align:center;color:#6b7280;font-size:13px;padding:12px 0 4px}.sender-tag[data-v-a51298a2],.status-badge[data-v-a51298a2]{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:600}.sender-tag[data-v-a51298a2]{padding:2px 8px;margin-right:8px}.tag-admin[data-v-a51298a2]{background:#ede9fe;color:#6d28d9}.tag-user[data-v-a51298a2]{background:#dbeafe;color:#1d4ed8}.status-badge[data-v-a51298a2]{min-width:88px;padding:6px 10px}.status-online[data-v-a51298a2]{background:#dcfce7;color:#15803d}.status-offline[data-v-a51298a2]{background:#fee2e2;color:#b91c1c}.message-list[data-v-a51298a2]{flex:1;overflow-y:auto;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:14px;padding:16px}.message-item[data-v-a51298a2]{display:flex;margin-bottom:14px}.message-item.from-admin[data-v-a51298a2]{justify-content:flex-end}.message-item.from-user[data-v-a51298a2]{justify-content:flex-start}.message-bubble[data-v-a51298a2]{max-width:min(70%,680px);padding:12px 14px;border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.from-admin .message-bubble[data-v-a51298a2]{background:linear-gradient(135deg,#4facfe,#00c6ff);color:#fff;border-bottom-right-radius:4px}.from-user .message-bubble[data-v-a51298a2]{background:#fff;color:#1f2937;border-bottom-left-radius:4px}.message-content[data-v-a51298a2]{white-space:pre-wrap;word-break:break-word;line-height:1.6}.message-media[data-v-a51298a2]{margin-top:10px}.image-media img[data-v-a51298a2],.video-media video[data-v-a51298a2]{display:block;max-width:min(320px,100%);max-height:320px;border-radius:10px;background:rgba(15,23,42,.08)}.video-media video[data-v-a51298a2]{width:min(320px,100%)}.media-expired[data-v-a51298a2],.media-meta[data-v-a51298a2]{margin-top:8px;font-size:12px}.media-expired[data-v-a51298a2]{color:#dc2626}.media-meta[data-v-a51298a2]{display:flex;flex-wrap:wrap;gap:8px;color:hsla(0,0%,100%,.8)}.from-user .media-meta[data-v-a51298a2]{color:#6b7280}.message-time[data-v-a51298a2]{margin-top:8px;font-size:12px;opacity:.72}.reply-box[data-v-a51298a2]{margin-top:16px;border-top:1px solid #e5e7eb;padding-top:16px}.media-input[data-v-a51298a2]{display:none}.reply-box textarea[data-v-a51298a2]{resize:vertical;min-height:110px}.reply-footer[data-v-a51298a2]{margin-top:10px}.reply-actions[data-v-a51298a2]{display:flex;align-items:center;gap:12px}.input-count[data-v-a51298a2]{color:#94a3b8;font-size:13px}.primary-btn[data-v-a51298a2],.retry-btn[data-v-a51298a2],.secondary-btn[data-v-a51298a2]{border:none;border-radius:10px;padding:10px 16px;font-size:14px;cursor:pointer;transition:all .2s ease}.primary-btn[data-v-a51298a2]{background:linear-gradient(135deg,#4facfe,#00c6ff);color:#fff}.secondary-btn[data-v-a51298a2]{background:#e5e7eb;color:#374151}.retry-btn[data-v-a51298a2]{background:#ef4444;color:#fff}.primary-btn[data-v-a51298a2]:disabled,.secondary-btn[data-v-a51298a2]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-a51298a2]{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fef2f2;color:#b91c1c;border-radius:12px;padding:14px 16px;margin-bottom:16px}.empty-state[data-v-a51298a2],.loading-state[data-v-a51298a2],.placeholder-state[data-v-a51298a2]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;text-align:center;padding:40px 20px}.placeholder-state[data-v-a51298a2]{flex:1}.spinner[data-v-a51298a2]{width:36px;height:36px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;margin-bottom:12px;animation:spin-a51298a2 1s linear infinite}.message-loading[data-v-a51298a2]{flex:1}@keyframes spin-a51298a2{to{transform:rotate(1turn)}}@media (max-width:1200px){.conversation-panel[data-v-a51298a2]{flex-basis:320px}}@media (max-width:900px){.layout-grid[data-v-a51298a2]{flex-direction:column;min-height:auto}.pagination[data-v-a51298a2],.panel-header[data-v-a51298a2],.reply-actions[data-v-a51298a2],.reply-footer[data-v-a51298a2],.search-bar[data-v-a51298a2]{flex-direction:column;align-items:stretch}.message-bubble[data-v-a51298a2]{max-width:100%}}@media (max-width:768px){.layout-grid[data-v-a51298a2]{display:flex}.conversation-panel[data-v-a51298a2]{border-right:none}.card[data-v-a51298a2]{padding:16px}.mobile-panel[data-v-a51298a2]{min-height:calc(100vh - 120px);min-height:calc(100dvh - 120px)}.conversation-meta[data-v-a51298a2],.conversation-top[data-v-a51298a2]{flex-direction:column;align-items:flex-start}.message-panel .panel-header[data-v-a51298a2]{align-items:flex-start}}