@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css);.sidebar[data-v-8287cb06]{width:250px;padding:1rem}.logo-box[data-v-8287cb06]{width:40px;height:40px}.sidebar-title[data-v-8287cb06]{font-size:.875rem;font-weight:700;color:#344767}.menu-item[data-v-8287cb06]{background-color:transparent;text-align:left;transition:all .3s ease;cursor:pointer}.menu-item[data-v-8287cb06]:hover{background-color:#f8f9fa!important}.menu-item.active[data-v-8287cb06]{background-color:#fff!important;box-shadow:0 .25rem .375rem -.0625rem hsla(0,0%,8%,.12),0 .125rem .25rem -.0625rem hsla(0,0%,8%,.07)}.icon-box[data-v-8287cb06]{width:32px;height:32px;min-width:32px}.active-icon[data-v-8287cb06]{background-color:#7dc0f0}.menu-label[data-v-8287cb06]{font-size:.875rem;font-weight:500;color:#67748e}.menu-item.active .menu-label[data-v-8287cb06]{color:#344767;font-weight:600}.account-title[data-v-8287cb06]{font-size:.75rem;font-weight:700;color:#8392ab;letter-spacing:.5px}@font-face{font-family:Kanit;src:url(/fonts/Kanit-Light.43d609d4.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Kanit-bold;src:url(/fonts/Kanit-SemiBold.05ed3faa.ttf) format("truetype");font-weight:400;font-style:bold}@font-face{font-family:Kanit-regular;src:url(/fonts/Kanit-Regular.753c9278.ttf) format("truetype");font-weight:400;font-style:bold}#app{font-family:Kanit}[data-v-8c0ddfb2]{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html[data-v-8c0ddfb2]{font-size:16px!important}body[data-v-8c0ddfb2]{font-size:1rem!important}.marker-label-danger[data-v-8c0ddfb2],.marker-label-warning[data-v-8c0ddfb2],.marker-label[data-v-8c0ddfb2]{font-size:clamp(.7rem,2.5vw,.85rem)!important}.device-name-danger[data-v-8c0ddfb2],.device-name-warning[data-v-8c0ddfb2],.device-name[data-v-8c0ddfb2]{font-size:clamp(.8rem,2.5vw,.875rem)!important}.popup-title[data-v-8c0ddfb2]{font-size:clamp(.9rem,3vw,1rem)!important}.data-label[data-v-8c0ddfb2],.data-value[data-v-8c0ddfb2]{font-size:clamp(.8rem,2.5vw,.875rem)!important}.text-bookmark-active[data-v-8c0ddfb2]{color:#fea41cbb}.active-btn[data-v-8c0ddfb2]{font-weight:700!important;background-color:#0ea4e9b1!important;color:#fff!important;border-color:#f7f7f7d6!important;transition:.3s}[data-v-8c0ddfb2]{box-sizing:border-box}.logo-badge[data-v-8c0ddfb2]{background:linear-gradient(135deg,#0ea4e9a7,#0ea4e9a7);width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(14,165,233,.3)}.logo-badge i[data-v-8c0ddfb2]{color:#fff;font-size:1.25rem}.logo-text[data-v-8c0ddfb2]{font-size:1.125rem;font-weight:600;color:#0f172a;letter-spacing:-.02em}.user-badge[data-v-8c0ddfb2]{width:2.5rem;height:2.5rem;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.user-badge[data-v-8c0ddfb2]:hover{background:#e2e8f0}.user-badge i[data-v-8c0ddfb2]{font-size:1.5rem;color:#64748b}.map-wrapper[data-v-8c0ddfb2]{position:relative;width:100%;height:calc(100vh - 4rem);overflow:hidden}.main-map[data-v-8c0ddfb2]{width:100%;height:100%;z-index:0}.marker-container[data-v-8c0ddfb2]{position:relative;display:flex;flex-direction:column;align-items:center}.marker-dot[data-v-8c0ddfb2]{background:linear-gradient(135deg,#278c5b,#3e9e70dd)}.marker-dot-warning[data-v-8c0ddfb2],.marker-dot[data-v-8c0ddfb2]{position:relative;width:2.4rem;height:2.4rem;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2f8795;box-shadow:0 4px 12px rgba(14,165,233,.4);cursor:pointer;overflow:visible}.marker-dot-warning[data-v-8c0ddfb2]{background:linear-gradient(135deg,#ff8533e1,#ff8533c8)}.marker-dot-warning[data-v-8c0ddfb2]:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background-color:#ff8533b5;transform:translate(-50%,-50%) scale(1);animation:ripple-loop-8c0ddfb2 2s ease-out infinite}.marker-dot-danger[data-v-8c0ddfb2]{position:relative;width:2.4rem;height:2.4rem;background:linear-gradient(135deg,#fb2c36c2,#fb2c36bf);border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2f8795;box-shadow:0 4px 12px rgba(14,165,233,.4);cursor:pointer;overflow:visible}.marker-dot-danger[data-v-8c0ddfb2]:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background-color:#fb2c36d6;transform:translate(-50%,-50%) scale(1);animation:ripple-loop-8c0ddfb2 2s ease-out infinite}@keyframes ripple-loop-8c0ddfb2{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}70%{transform:translate(-50%,-50%) scale(2.5);opacity:0}to{opacity:0}}.marker-dot[data-v-8c0ddfb2]:hover{transform:scale(1.1);box-shadow:0 6px 20px #278c5b}.marker-dot i[data-v-8c0ddfb2]{color:#fff;font-size:1rem}.marker-label[data-v-8c0ddfb2]{border:2px solid #278c5b;margin-top:.2rem;padding:.15rem .5rem;background:#fff;border-radius:.5rem;font-size:.79rem;font-weight:500;color:#0f172a;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.1)}.marker-label-warning[data-v-8c0ddfb2]{border:2px solid #fe924fba;border-radius:.5rem}.marker-label-danger[data-v-8c0ddfb2],.marker-label-warning[data-v-8c0ddfb2]{margin-top:.2rem;padding:.15rem .5rem;background:#fff;font-size:.75rem;font-weight:500;color:#0f172a;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.1)}.marker-label-danger[data-v-8c0ddfb2]{border:2px solid #eb5e67b1;border-radius:.5rem}.status-indicator[data-v-8c0ddfb2]{position:absolute;top:-2px;right:-2px;width:.75rem;height:.75rem;border-radius:50%;border:2px solid #fff;background:#22c55e}.popup-content[data-v-8c0ddfb2]{padding:.1rem;min-width:210px}.popup-title[data-v-8c0ddfb2]{font-size:1rem;font-weight:600;color:#0f172a;margin-bottom:1rem}.popup-data[data-v-8c0ddfb2]{display:flex;flex-direction:column;gap:.7rem;margin-bottom:.5rem}.data-item[data-v-8c0ddfb2]{display:flex;align-items:center;gap:.75rem;padding:.625rem;background:#f8fafc;border-radius:.5rem}.data-item i[data-v-8c0ddfb2]{color:#2f8795;font-size:1.125rem}.data-label[data-v-8c0ddfb2]{flex:1;font-size:.87rem;font-family:Kanit-Regular;color:#4b4b4b}.data-value[data-v-8c0ddfb2]{font-weight:600;color:#0f172a;font-size:.875rem}.status-online[data-v-8c0ddfb2]{color:#22c55e}.popup-link[data-v-8c0ddfb2]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;background:linear-gradient(135deg,#0ea4e9a7,#0ea4e9ab);color:#fff;text-decoration:none;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.popup-link[data-v-8c0ddfb2]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,165,233,.4)}.book-container[data-v-8c0ddfb2]{position:absolute;top:9.5vh;left:20rem;transform:none;z-index:501}.book-box[data-v-8c0ddfb2]{display:flex;align-items:center;gap:.75rem;padding:.4rem 1rem;min-width:200px}@media (max-width:768px){.book-container[data-v-8c0ddfb2]{top:13.5vh;left:2.2rem}.book-box[data-v-8c0ddfb2]{padding-top:1rem}}.book-box i[data-v-8c0ddfb2]{color:#94a3b8;font-size:1.125rem}.label-box[data-v-8c0ddfb2]{font-size:14px;width:200px;position:fixed!important;bottom:0;bottom:.1rem;left:.4rem;top:auto!important;max-height:none!important;border-radius:0;margin:0;box-shadow:none;z-index:500;display:flex;flex-direction:column}.label-on-box[data-v-8c0ddfb2]{display:flex;align-items:center;gap:.75rem;padding:.2rem .4rem;background:#fff;border-radius:.3rem;box-shadow:0 1px 1px rgba(0,0,0,.1)}.search-container[data-v-8c0ddfb2]{position:absolute;top:9.95vh;left:3rem;z-index:500}.search-box[data-v-8c0ddfb2]{display:flex;align-items:center;gap:.8rem;padding:.3rem 1rem;background:#fff;border-radius:3rem;box-shadow:0 4px 20px rgba(0,0,0,.1)}.search-box i[data-v-8c0ddfb2]{color:#94a3b8;font-size:1.125rem}.search-box input[data-v-8c0ddfb2]{flex:1;border:none;outline:none;font-size:.9375rem;color:#0f172a}.search-box input[data-v-8c0ddfb2]::-moz-placeholder{color:#94a3b8}.search-box input[data-v-8c0ddfb2]::placeholder{color:#94a3b8}.search-btn[data-v-8c0ddfb2]{width:2rem;height:2rem;border:none;border-radius:50%;color:#007b8b;display:flex;align-items:center;justify-content:center;transition:all .2s}.input-search-box[data-v-8c0ddfb2]{width:10rem}.search-btn[data-v-8c0ddfb2]:hover{transform:scale(1.05)}@media (max-width:768px){.label-box[data-v-8c0ddfb2]{width:135px;font-size:11px;position:fixed!important;bottom:0;bottom:.1rem;left:.4rem;top:auto!important;max-height:none!important;border-radius:0;margin:0;box-shadow:none;z-index:500;display:flex;flex-direction:column}.search-box[data-v-8c0ddfb2]{display:flex;align-items:center;gap:.5rem;padding:.2rem .5rem;border-radius:3rem;box-shadow:0 4px 20px rgba(0,0,0,.1)}.devices-panel[data-v-8c0ddfb2]{position:fixed!important;bottom:0;left:0;right:0;top:auto!important;width:100vw;height:50vh;max-height:none!important;border-radius:0;margin:0;box-shadow:none;z-index:1002;display:flex;flex-direction:column}.panel-header[data-v-8c0ddfb2]{border-radius:0}.panel-body[data-v-8c0ddfb2]{flex:1;overflow-y:auto}}.devices-panel[data-v-8c0ddfb2]{position:absolute;top:5rem;right:1.5rem;width:400px;max-height:calc(100vh - 7rem);background:#fff;border-radius:1rem;box-shadow:0 8px 32px rgba(0,0,0,.12);display:flex;flex-direction:column;z-index:508}.panel-header[data-v-8c0ddfb2]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9}.panel-header h3[data-v-8c0ddfb2]{font-size:1rem;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:.625rem}.panel-header i[data-v-8c0ddfb2]{color:#0ea5e9}.minimize-btn[data-v-8c0ddfb2]{height:2rem;border:none;background:#f1f5f9;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.minimize-btn[data-v-8c0ddfb2]:hover{background:#e2e8f0}.panel-body[data-v-8c0ddfb2]{flex:1;overflow:hidden}.devices-list[data-v-8c0ddfb2]{height:100%;overflow-y:auto;padding:.75rem}.device-item[data-v-8c0ddfb2]{background:#f8fafc}.device-item-warning[data-v-8c0ddfb2],.device-item[data-v-8c0ddfb2]{display:flex;align-items:center;gap:1rem;padding:.4rem;margin-bottom:.5rem;border-radius:.75rem;transition:all .2s}.device-item-warning[data-v-8c0ddfb2]{background:#fff3e7}.device-item-danger[data-v-8c0ddfb2]{display:flex;align-items:center;gap:1rem;padding:.4rem;margin-bottom:.5rem;background:#feeaea;border-radius:.75rem;transition:all .2s}.device-item[data-v-8c0ddfb2]:hover{transform:translateX(4px)}.device-status[data-v-8c0ddfb2]{flex-shrink:0}.status-dot[data-v-8c0ddfb2]{width:.625rem;height:.625rem;border-radius:50%;display:block}.status-dot.online[data-v-8c0ddfb2]{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}.status-dot.offline[data-v-8c0ddfb2]{background-color:#f05b5b;box-shadow:0 0 0 3px rgba(197,34,34,.2)}.device-info[data-v-8c0ddfb2]{flex:1;min-width:0}.device-name[data-v-8c0ddfb2]{color:#0f172a}.device-name-warning[data-v-8c0ddfb2],.device-name[data-v-8c0ddfb2]{font-size:.875rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-name-warning[data-v-8c0ddfb2]{color:#ff8533}.device-name-danger[data-v-8c0ddfb2]{font-size:.875rem;font-weight:500;color:#fb2c36;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-temp[data-v-8c0ddfb2]{font-size:.8rem;color:#323232}.device-level[data-v-8c0ddfb2]{display:flex;flex-direction:column;align-items:flex-end}.level-value[data-v-8c0ddfb2]{font-size:1.125rem;font-weight:600;color:#0ea5e9;line-height:1}.level-unit[data-v-8c0ddfb2]{font-size:.85rem;color:#313131;font-family:Kanit-Regular}.device-actions[data-v-8c0ddfb2]{flex-shrink:0}.action-btn[data-v-8c0ddfb2]{width:2rem;height:2rem;background:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#64748b;text-decoration:none;transition:all .2s}.action-btn[data-v-8c0ddfb2]:hover{background:#0ea5e9;color:#fff}.expand-btn[data-v-8c0ddfb2]{position:fixed!important;bottom:1rem;right:.5rem;padding:.6rem 1.25rem;background:#fff;border:none;border-radius:3rem;box-shadow:0 4px 20px rgba(0,0,0,.1);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;color:#0f172a;transition:all .2s;z-index:500}.expand-btn[data-v-8c0ddfb2]:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.12)}.expand-btn i[data-v-8c0ddfb2]{font-size:1.25rem}.slide-enter-active[data-v-8c0ddfb2],.slide-leave-active[data-v-8c0ddfb2]{transition:all .3s ease}.slide-enter-from[data-v-8c0ddfb2],.slide-leave-to[data-v-8c0ddfb2]{transform:translateX(100%);opacity:0}@media (max-width:768px){.devices-panel[data-v-8c0ddfb2]{width:calc(100% - .4rem);right:.2rem;left:.2rem}.search-box[data-v-8c0ddfb2]{min-width:calc(100vw - 4rem)}.nav-container[data-v-8c0ddfb2]{padding:0 1rem}.logo-text[data-v-8c0ddfb2]{font-size:1rem}}.devices-list[data-v-8c0ddfb2]::-webkit-scrollbar{width:6px}.devices-list[data-v-8c0ddfb2]::-webkit-scrollbar-track{background:transparent}.devices-list[data-v-8c0ddfb2]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.devices-list[data-v-8c0ddfb2]::-webkit-scrollbar-thumb:hover{background:#94a3b8}body[data-v-2bf72a4a]{box-sizing:border-box;margin:0;padding:0}body[data-v-2bf72a4a],html[data-v-2bf72a4a]{overflow-x:hidden}.bg-gradient[data-v-2bf72a4a]{background-color:#fff;min-height:100vh;width:100%}.nav-title[data-v-2bf72a4a]{font-size:.875rem;font-weight:500}.breadcrumb[data-v-2bf72a4a]{font-size:.75rem;color:#64748b}.breadcrumb-active[data-v-2bf72a4a]{font-weight:600;color:#0f172a}.user-info-section[data-v-2bf72a4a]{display:flex;flex-direction:column;justify-content:center}.user-email[data-v-2bf72a4a]{font-size:.75rem;color:#64748b}.user-role[data-v-2bf72a4a]{font-size:.8rem;font-family:Kanit-Regular;color:#0f172a}.content-grid[data-v-2bf72a4a]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%}.left-column[data-v-2bf72a4a],.right-column[data-v-2bf72a4a]{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.card[data-v-2bf72a4a]{background:hsla(0,0%,100%,.9);backdrop-filter:blur(20px);border-radius:1.5rem;padding:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.5);transition:all .3s ease;width:100%;overflow:hidden}.card[data-v-2bf72a4a]:hover{box-shadow:0 8px 25px rgba(0,0,0,.12);transform:translateY(-2px)}.location-header[data-v-2bf72a4a]{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.location-header h3[data-v-2bf72a4a]{font-size:1rem;font-weight:700;color:#0f172a;margin:0;word-break:break-word}.info-item[data-v-2bf72a4a]{font-size:.8rem;color:#64748b;margin:.5rem 0;display:flex;align-items:flex-start;gap:.5rem;word-break:break-word}.info-item i[data-v-2bf72a4a]{color:#94a3b8;margin-top:2px;flex-shrink:0}.chart-header-mobile[data-v-2bf72a4a],.chart-header[data-v-2bf72a4a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.chart-title[data-v-2bf72a4a]{display:flex;align-items:center;gap:.5rem;font-family:Kanit-regular;flex-wrap:wrap}.chart-title h3[data-v-2bf72a4a]{font-size:.95rem;font-weight:700;color:#0f172a;margin:0}.time-selector[data-v-2bf72a4a]{display:flex;gap:.25rem;background:#f1f5f9;padding:.25rem;border-radius:9999px;flex-wrap:wrap;min-width:0;justify-content:center;align-items:center}.time-btn[data-v-2bf72a4a]{padding:.375rem .6rem;font-size:.7rem;font-weight:500;border:none;background:transparent;color:#64748b;border-radius:9999px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.time-btn[data-v-2bf72a4a]:hover{color:#0f172a}.time-btn.active[data-v-2bf72a4a]{background:linear-gradient(135deg,#0ea4e9a7,#0ea4e9e2);color:#fff;box-shadow:0 4px 10px rgba(6,182,212,.3)}.apexchart-responsive[data-v-2bf72a4a]{width:100%!important;overflow-x:auto}.fullscreen-text[data-v-2bf72a4a]{font-size:.85rem}.sensor-grid[data-v-2bf72a4a]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}.sensor-card-s[data-v-2bf72a4a],.sensor-card[data-v-2bf72a4a]{border-radius:1.5rem;padding:1.25rem;box-shadow:0 8px 20px rgba(0,0,0,.1);position:relative;overflow:hidden;transition:all .3s ease;min-width:0}.sensor-card[data-v-2bf72a4a]:hover{transform:scale(1.05);box-shadow:0 12px 30px rgba(0,0,0,.15)}.sensor-bg-decoration[data-v-2bf72a4a]{position:absolute;top:0;right:0;width:8rem;height:8rem;background:hsla(0,0%,100%,.1);border-radius:50%;margin-top:-4rem;margin-right:-4rem}.sensor-content[data-v-2bf72a4a]{position:relative;z-index:1}.water-level-card[data-v-2bf72a4a]{background:linear-gradient(135deg,#0ea4e9a7,#06b5d4b7 50%,#0ea4e9a7);color:#fff}.PM-card[data-v-2bf72a4a],.rain-card[data-v-2bf72a4a],.temp-box-card[data-v-2bf72a4a],.water-temp-card[data-v-2bf72a4a]{background:#eff7fd;color:#383535}.s-card[data-v-2bf72a4a]{background:#f6a37d21}.sensor-update[data-v-2bf72a4a]{font-size:.7rem;opacity:.8;margin-bottom:.5rem}.sensor-icon[data-v-2bf72a4a]{font-size:1.5rem;margin-bottom:.5rem;display:block}.sensor-value[data-v-2bf72a4a]{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem;word-break:break-word}.sensor-unit[data-v-2bf72a4a]{font-size:.8rem;font-weight:500}.sensor-label[data-v-2bf72a4a]{font-family:Kanit-bold;font-size:.95rem;opacity:1;margin-top:.25rem;color:#5f5f5f;word-break:break-word}.danger-text[data-v-2bf72a4a]{color:#fb2c36}.cyan-text[data-v-2bf72a4a]{color:#078ad3}.orange-text[data-v-2bf72a4a]{color:#f86e2f}.green-text[data-v-2bf72a4a]{color:#19b394}.purple-text[data-v-2bf72a4a]{color:#8666e5}.red-text[data-v-2bf72a4a]{color:#e74d4d}.status-card[data-v-2bf72a4a]{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem!important}.status-section[data-v-2bf72a4a]{flex:1}.status-title[data-v-2bf72a4a]{font-family:Kanit-bold;font-weight:700;font-size:.8rem;color:#475569;margin-bottom:.5rem}.status-value[data-v-2bf72a4a]{text-align:center;font-size:1.5rem;font-weight:700}.status-normal[data-v-2bf72a4a]{color:#278c5b}.status-warning[data-v-2bf72a4a]{color:#ff8533}.status-danger[data-v-2bf72a4a]{color:#fb2c36}.signal-icon[data-v-2bf72a4a]{text-align:center}.signal-icon i[data-v-2bf72a4a]{font-size:3.5rem;transition:.3s}.bi-reception-4[data-v-2bf72a4a]{color:#2ecc71}.bi-reception-3[data-v-2bf72a4a]{color:#27ae60}.bi-reception-2[data-v-2bf72a4a]{color:#f1c40f}.bi-reception-1[data-v-2bf72a4a]{color:#e67e22}.bi-reception-0[data-v-2bf72a4a]{color:#e74c3c}.tank-card[data-v-2bf72a4a]{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem!important}.tank-header[data-v-2bf72a4a]{font-family:Kanit-bold;display:flex;align-items:center;gap:.2rem;font-weight:700;font-size:.875rem;color:#475569;margin-bottom:.2rem}.tank-visual[data-v-2bf72a4a]{display:flex;justify-content:center;align-items:flex-end;height:7rem}.tank-container[data-v-2bf72a4a]{position:relative;width:5rem;height:100%;background:linear-gradient(180deg,#e2e8f0 0,#cbd5e1);border-radius:1rem;overflow:hidden;box-shadow:inset 0 2px 8px rgba(0,0,0,.1)}.tank-fill[data-v-2bf72a4a]{position:absolute;bottom:0;width:100%;background:linear-gradient(0deg,#06b6d4 0,#7bbff0);transition:height .5s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem}.tank-value[data-v-2bf72a4a]{color:#fff;font-weight:700;font-size:.875rem}.control-card[data-v-2bf72a4a]{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem!important}.control-inputs[data-v-2bf72a4a]{display:flex;flex-direction:column;gap:1rem}.input-group[data-v-2bf72a4a]{display:flex;flex-direction:column;gap:.5rem}.input-group label[data-v-2bf72a4a]{font-size:.8rem;font-weight:600;color:#475569}.input-wrapper[data-v-2bf72a4a]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.input-value[data-v-2bf72a4a]{font-size:1.1rem;font-family:Kanit-bold;color:#0f172a;font-weight:700}.input-unit[data-v-2bf72a4a]{font-size:.85rem;color:#64748b}.status-badge-danger[data-v-2bf72a4a],.status-badge-normal[data-v-2bf72a4a],.status-badge-warning[data-v-2bf72a4a]{padding:.4rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap}.status-badge-normal[data-v-2bf72a4a]{background-color:#278c5b}.status-badge-warning[data-v-2bf72a4a]{background-color:#ff8533}.status-badge-danger[data-v-2bf72a4a]{background-color:#fb2c36}.text-cyan[data-v-2bf72a4a]{color:#06b6d4}.text-green[data-v-2bf72a4a]{color:#10b981}.marker-container[data-v-2bf72a4a]{position:relative;display:flex;flex-direction:column;align-items:center}.marker-dot-danger[data-v-2bf72a4a],.marker-dot-warning[data-v-2bf72a4a],.marker-dot[data-v-2bf72a4a]{position:relative;width:2.1rem;height:2.1rem;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 4px 12px rgba(14,165,233,.4);cursor:pointer}.marker-dot[data-v-2bf72a4a]{background:linear-gradient(135deg,#278c5b,#3e9e70dd)}.marker-dot-warning[data-v-2bf72a4a]{background:linear-gradient(135deg,#ff8533e1,#ff8533c8)}.marker-dot-warning[data-v-2bf72a4a]:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background-color:#ff8533b5;transform:translate(-50%,-50%) scale(1);animation:ripple-loop-2bf72a4a 2s ease-out infinite}.marker-dot-danger[data-v-2bf72a4a]{background:linear-gradient(135deg,#fb2c36c2,#fb2c36bf)}.marker-dot-danger[data-v-2bf72a4a]:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background-color:#fb2c36d6;transform:translate(-50%,-50%) scale(1);animation:ripple-loop-2bf72a4a 2s ease-out infinite}@keyframes ripple-loop-2bf72a4a{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}70%{transform:translate(-50%,-50%) scale(2.5);opacity:0}to{opacity:0}}.marker-label-danger[data-v-2bf72a4a],.marker-label-warning[data-v-2bf72a4a],.marker-label[data-v-2bf72a4a]{margin-top:.2rem;padding:.2rem .5rem;background:#fff;border-radius:.5rem;font-size:.7rem;font-weight:500;color:#0f172a;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.1)}.marker-label[data-v-2bf72a4a]{border:2px solid #278c5b}.marker-label-warning[data-v-2bf72a4a]{border:2px solid #fe924fba}.marker-label-danger[data-v-2bf72a4a]{border:2px solid #eb5e67b1}@media (max-width:575.98px){.container-fluid[data-v-2bf72a4a]{padding-left:.5rem;padding-right:.5rem}.content-grid[data-v-2bf72a4a]{grid-template-columns:1fr;gap:1rem}.card[data-v-2bf72a4a]{padding:1rem;border-radius:1rem}.chart-header-mobile[data-v-2bf72a4a]{flex-direction:column;align-items:flex-start;gap:.5rem}.time-selector[data-v-2bf72a4a]{width:100%;gap:.15rem;font-size:.65rem}.time-btn[data-v-2bf72a4a]{padding:.3rem .5rem;font-size:.65rem}.sensor-grid[data-v-2bf72a4a]{grid-template-columns:1fr;gap:.75rem}.sensor-card-s[data-v-2bf72a4a],.sensor-card[data-v-2bf72a4a]{padding:1rem}.sensor-value[data-v-2bf72a4a]{font-size:1.75rem}.sensor-label[data-v-2bf72a4a]{font-size:.85rem}.sensor-update[data-v-2bf72a4a]{font-size:.65rem}.tank-visual[data-v-2bf72a4a]{height:5rem}.tank-container[data-v-2bf72a4a]{width:3.5rem}.tank-max-text[data-v-2bf72a4a],.tank-min-text[data-v-2bf72a4a]{font-size:.7rem}.control-inputs[data-v-2bf72a4a]{gap:.75rem}.input-group label[data-v-2bf72a4a]{font-size:.75rem}.input-value[data-v-2bf72a4a]{font-size:1rem}.input-unit[data-v-2bf72a4a]{font-size:.8rem}.status-badge-danger[data-v-2bf72a4a],.status-badge-normal[data-v-2bf72a4a],.status-badge-warning[data-v-2bf72a4a]{padding:.3rem .6rem;font-size:.7rem}.location-header h3[data-v-2bf72a4a]{font-size:.95rem}.info-item[data-v-2bf72a4a]{font-size:.75rem}.chart-title h3[data-v-2bf72a4a]{font-size:.9rem}.fullscreen-text[data-v-2bf72a4a]{font-size:.8rem}.nav-title[data-v-2bf72a4a]{font-size:.75rem}.breadcrumb[data-v-2bf72a4a]{font-size:.65rem}}@media (min-width:576px) and (max-width:767.98px){.container-fluid[data-v-2bf72a4a]{padding-left:.75rem;padding-right:.75rem}.content-grid[data-v-2bf72a4a]{grid-template-columns:1fr;gap:1.25rem}.sensor-grid[data-v-2bf72a4a]{grid-template-columns:repeat(2,1fr);gap:.9rem}.card[data-v-2bf72a4a]{padding:1.1rem}.sensor-value[data-v-2bf72a4a]{font-size:1.9rem}.time-selector[data-v-2bf72a4a]{gap:.2rem}.time-btn[data-v-2bf72a4a]{padding:.35rem .55rem;font-size:.7rem}}@media (min-width:768px) and (max-width:991.98px){.content-grid[data-v-2bf72a4a]{grid-template-columns:1fr;gap:1.5rem}.sensor-grid[data-v-2bf72a4a]{grid-template-columns:repeat(2,1fr);gap:1rem}.chart-header-mobile[data-v-2bf72a4a]{flex-direction:column;align-items:flex-start}.time-selector[data-v-2bf72a4a]{width:100%}}@media (min-width:992px) and (max-width:1199.98px){.content-grid[data-v-2bf72a4a]{grid-template-columns:1fr 1fr}.sensor-grid[data-v-2bf72a4a]{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.content-grid[data-v-2bf72a4a]{grid-template-columns:1fr 1fr;gap:1.5rem}.sensor-grid[data-v-2bf72a4a]{grid-template-columns:repeat(3,1fr);gap:1rem}.chart-header-mobile[data-v-2bf72a4a]{flex-direction:row;justify-content:space-between;align-items:center}}.table-responsive[data-v-02fac24d]{max-width:100%;overflow-x:auto}.w-100[data-v-02fac24d]{width:100%!important}.table-responsive[data-v-6788b3fd]{max-width:100%;overflow-x:auto}.w-100[data-v-6788b3fd]{width:100%!important}.dashboard[data-v-05237c46]{min-height:100vh;background-color:#f5f6fa}.header[data-v-05237c46]{background:#fff;padding:20px 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.container[data-v-05237c46]{max-width:1400px;margin:0 auto;padding:0 40px}.header-content[data-v-05237c46]{display:flex;justify-content:space-between;align-items:center}.header h1[data-v-05237c46]{font-size:24px;font-weight:600;margin:0;color:#1a1a1a}.search-box[data-v-05237c46]{position:relative;width:300px}.search-box input[data-v-05237c46]{width:100%;padding:10px 10px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;outline:none}.search-box input[data-v-05237c46]:focus{border-color:#6366f1}.search-box i[data-v-05237c46]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.main-content[data-v-05237c46]{padding-top:40px;padding-bottom:40px}.stats-grid[data-v-05237c46]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.stat-card[data-v-05237c46]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:transform .2s}.stat-card[data-v-05237c46]:hover{transform:translateY(-2px)}.stat-content[data-v-05237c46]{display:flex;align-items:flex-start;gap:16px}.stat-icon[data-v-05237c46]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.icon-green[data-v-05237c46]{background:#d4f4dd;color:#00ac4f}.icon-purple[data-v-05237c46]{background:#e5d9f2;color:#8b5cf6}.stat-info[data-v-05237c46]{flex:1}.stat-label[data-v-05237c46]{color:#9ca3af;font-size:14px;margin-bottom:8px}.stat-value[data-v-05237c46]{font-size:32px;font-weight:600;color:#1a1a1a;margin:8px 0}.stat-change[data-v-05237c46]{font-size:13px;font-weight:500}.change-up[data-v-05237c46]{color:#00ac4f}.change-down[data-v-05237c46]{color:#fa5a7d}.avatar-group[data-v-05237c46]{display:flex;margin-top:8px}.avatar[data-v-05237c46]{width:32px;height:32px;border-radius:50%;border:2px solid #fff;margin-left:-8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:18px}.avatar[data-v-05237c46]:first-child{margin-left:0}.customers-section[data-v-05237c46]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.section-header[data-v-05237c46]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title[data-v-05237c46]{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 8px 0}.active-members[data-v-05237c46]{color:#16c098;font-size:14px;font-weight:500;text-decoration:underline}.search-sort-bar[data-v-05237c46]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sort-wrapper[data-v-05237c46]{display:flex;align-items:center;gap:12px}.sort-wrapper label[data-v-05237c46]{color:#9ca3af;font-size:14px;margin:0}.sort-select[data-v-05237c46]{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#6b7280;background:#fff;cursor:pointer;outline:none}.sort-select[data-v-05237c46]:focus{border-color:#6366f1}.table-wrapper[data-v-05237c46]{overflow-x:auto}.customers-table[data-v-05237c46]{width:100%;border-collapse:separate;border-spacing:0}.customers-table thead th[data-v-05237c46]{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb}.customers-table tbody td[data-v-05237c46]{padding:16px;font-size:14px;color:#1a1a1a;border-bottom:1px solid #f3f4f6}.customers-table tbody tr[data-v-05237c46]:hover{background:#f9fafb}.status-badge[data-v-05237c46]{padding:4px 12px;border-radius:4px;font-size:13px;font-weight:500;display:inline-block;min-width:70px;text-align:center}.status-active[data-v-05237c46]{background:#d4f4dd;color:#00ac4f;border:1px solid #00ac4f}.status-inactive[data-v-05237c46]{background:#ffe2e5;color:#fa5a7d;border:1px solid #fa5a7d}.pagination[data-v-05237c46]{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.pagination-info[data-v-05237c46]{color:#9ca3af;font-size:14px}.pagination-controls[data-v-05237c46]{display:flex;gap:8px}.page-btn[data-v-05237c46]{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#6b7280;transition:all .2s}.page-btn[data-v-05237c46]:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.page-btn[data-v-05237c46]:disabled{opacity:.5;cursor:not-allowed}.page-btn.active[data-v-05237c46]{background:#6366f1;color:#fff;border-color:#6366f1}@media (max-width:768px){.stats-grid[data-v-05237c46]{grid-template-columns:1fr}.search-sort-bar[data-v-05237c46]{flex-direction:column;gap:16px;align-items:stretch}.search-box[data-v-05237c46]{width:100%}.table-wrapper[data-v-05237c46]{overflow-x:scroll}}[data-v-05237c46]{box-sizing:border-box}.header-card[data-v-31a3dd64]{background:linear-gradient(135deg,#66b3ea,#4b68a2);padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,.15);color:#fff}.icon-wrapper[data-v-31a3dd64]{width:60px;height:60px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;backdrop-filter:blur(10px)}.header-card h3[data-v-31a3dd64]{color:#fff;margin:0}.header-card p[data-v-31a3dd64]{color:hsla(0,0%,100%,.9)}.form-card[data-v-31a3dd64]{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,.06)}.form-section[data-v-31a3dd64]{height:100%}.section-title[data-v-31a3dd64]{color:#2d3748;font-weight:600;font-size:1.1rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.custom-label[data-v-31a3dd64]{display:block;font-weight:500;color:#4a5568;margin-bottom:.5rem;font-size:.95rem}.custom-input[data-v-31a3dd64]{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fafafa}.custom-input[data-v-31a3dd64]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.custom-input[data-v-31a3dd64]::-moz-placeholder{color:#a0aec0}.custom-input[data-v-31a3dd64]::placeholder{color:#a0aec0}textarea.custom-input[data-v-31a3dd64]{resize:vertical;min-height:120px}select.custom-input[data-v-31a3dd64]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234a5568' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.info-box[data-v-31a3dd64]{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1.25rem;border-radius:10px;display:flex;align-items:flex-start;border-left:4px solid #f59e0b}.info-box i[data-v-31a3dd64]{font-size:1.5rem;margin-top:.1rem}.info-box strong[data-v-31a3dd64]{color:#92400e;display:block}.info-box p[data-v-31a3dd64]{color:#78350f;font-size:.9rem}.button-row[data-v-31a3dd64]{display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:2px solid #e2e8f0}.btn-clear[data-v-31a3dd64]{padding:.85rem 2rem;border:2px solid #e2e8f0;background:#fff;color:#718096;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.btn-clear[data-v-31a3dd64]:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748;transform:translateY(-1px)}.btn-create[data-v-31a3dd64]{padding:.85rem 2.5rem;border:none;background:linear-gradient(135deg,#6cbbe2,#4ba295);color:#fff;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 4px 15px hsla(0,0%,77%,.3)}.btn-create[data-v-31a3dd64]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px hsla(0,0%,43%,.4)}.btn-create[data-v-31a3dd64]:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none}@media (max-width:991px){.form-card[data-v-31a3dd64],.header-card[data-v-31a3dd64]{padding:1.5rem}.button-row[data-v-31a3dd64]{flex-direction:column-reverse}.btn-clear[data-v-31a3dd64],.btn-create[data-v-31a3dd64]{width:100%;justify-content:center}}.edit_btn[data-v-94ec9bd2]{background:#d4f4dd;color:#00ac4f;border:1px solid #00ac4f}.remove_btn[data-v-94ec9bd2]{background:#ffe2e5;color:#fa5a7d;border:1px solid #fa5a7d}.dashboard[data-v-94ec9bd2]{min-height:100vh;background-color:#f5f6fa}.header[data-v-94ec9bd2]{background:#fff;padding:20px 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.container[data-v-94ec9bd2]{max-width:1400px;margin:0 auto;padding:0 0}.header-content[data-v-94ec9bd2]{display:flex;justify-content:space-between;align-items:center}.header h1[data-v-94ec9bd2]{font-size:24px;font-weight:600;margin:0;color:#1a1a1a}.search-box[data-v-94ec9bd2]{position:relative;width:300px}.search-box input[data-v-94ec9bd2]{width:100%;padding:10px 10px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;outline:none}.search-box input[data-v-94ec9bd2]:focus{border-color:#6366f1}.search-box i[data-v-94ec9bd2]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.main-content[data-v-94ec9bd2]{padding-top:40px;padding-bottom:40px}.stats-grid[data-v-94ec9bd2]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.stat-card[data-v-94ec9bd2]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:transform .2s}.stat-card[data-v-94ec9bd2]:hover{transform:translateY(-2px)}.stat-content[data-v-94ec9bd2]{display:flex;align-items:flex-start;gap:16px}.stat-icon[data-v-94ec9bd2]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.icon-green[data-v-94ec9bd2]{background:#d4f4dd;color:#00ac4f}.icon-purple[data-v-94ec9bd2]{background:#e5d9f2;color:#8b5cf6}.stat-info[data-v-94ec9bd2]{flex:1}.stat-label[data-v-94ec9bd2]{color:#9ca3af;font-size:14px;margin-bottom:8px}.stat-value[data-v-94ec9bd2]{font-size:32px;font-weight:600;color:#1a1a1a;margin:8px 0}.stat-change[data-v-94ec9bd2]{font-size:13px;font-weight:500}.change-up[data-v-94ec9bd2]{color:#00ac4f}.change-down[data-v-94ec9bd2]{color:#fa5a7d}.avatar-group[data-v-94ec9bd2]{display:flex;margin-top:8px}.avatar[data-v-94ec9bd2]{width:32px;height:32px;border-radius:50%;border:2px solid #fff;margin-left:-8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:18px}.avatar[data-v-94ec9bd2]:first-child{margin-left:0}.customers-section[data-v-94ec9bd2]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.section-header[data-v-94ec9bd2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title[data-v-94ec9bd2]{font-size:22px;color:#1a1a1a;margin:0 0 8px 0}.active-members[data-v-94ec9bd2]{color:#16c098;font-size:14px;font-weight:500;text-decoration:underline}.search-sort-bar[data-v-94ec9bd2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sort-wrapper[data-v-94ec9bd2]{display:flex;align-items:center;gap:12px}.sort-wrapper label[data-v-94ec9bd2]{color:#9ca3af;font-size:14px;margin:0}.sort-select[data-v-94ec9bd2]{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#6b7280;background:#fff;cursor:pointer;outline:none}.sort-select[data-v-94ec9bd2]:focus{border-color:#6366f1}.table-wrapper[data-v-94ec9bd2]{overflow-x:auto}.customers-table[data-v-94ec9bd2]{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0}.customers-table thead th[data-v-94ec9bd2]{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb}.customers-table tbody td[data-v-94ec9bd2]{padding:16px;font-size:14px;color:#1a1a1a;border-bottom:1px solid #f3f4f6}.customers-table tbody tr[data-v-94ec9bd2]:hover{background:#f9fafb}.status-badge[data-v-94ec9bd2]{padding:4px 12px;border-radius:4px;font-size:13px;font-weight:500;display:inline-block;min-width:70px;text-align:center}.status-active[data-v-94ec9bd2]{background:#d4f4dd;color:#00ac4f;border:1px solid #00ac4f}.status-inactive[data-v-94ec9bd2]{background:#ffe2e5;color:#fa5a7d;border:1px solid #fa5a7d}.pagination[data-v-94ec9bd2]{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.pagination-info[data-v-94ec9bd2]{color:#9ca3af;font-size:14px}.pagination-controls[data-v-94ec9bd2]{display:flex;gap:8px}.page-btn[data-v-94ec9bd2]{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#6b7280;transition:all .2s}.page-btn[data-v-94ec9bd2]:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.page-btn[data-v-94ec9bd2]:disabled{opacity:.5;cursor:not-allowed}.page-btn.active[data-v-94ec9bd2]{background:#6366f1;color:#fff;border-color:#6366f1}@media (max-width:768px){.stats-grid[data-v-94ec9bd2]{grid-template-columns:1fr}.search-sort-bar[data-v-94ec9bd2]{flex-direction:column;gap:16px;align-items:stretch}.search-box[data-v-94ec9bd2]{width:100%}.table-wrapper[data-v-94ec9bd2]{overflow-x:scroll}}[data-v-94ec9bd2]{box-sizing:border-box}body[data-v-94ec9bd2]{margin:0;padding:0}.header-card[data-v-94ec9bd2]{background:linear-gradient(135deg,#66b3ea,#4b68a2);padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,.15);color:#fff}.icon-wrapper[data-v-94ec9bd2]{width:60px;height:60px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;backdrop-filter:blur(10px)}.header-card h3[data-v-94ec9bd2]{color:#fff;margin:0}.header-card p[data-v-94ec9bd2]{color:hsla(0,0%,100%,.9)}.form-card[data-v-94ec9bd2]{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,.06)}.form-section[data-v-94ec9bd2]{height:100%}.section-title[data-v-94ec9bd2]{color:#2d3748;font-weight:600;font-size:1.1rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.custom-label[data-v-94ec9bd2]{display:block;font-weight:500;color:#4a5568;margin-bottom:.5rem;font-size:.95rem}.custom-input[data-v-94ec9bd2]{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fafafa}.custom-input[data-v-94ec9bd2]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.custom-input[data-v-94ec9bd2]::-moz-placeholder{color:#a0aec0}.custom-input[data-v-94ec9bd2]::placeholder{color:#a0aec0}textarea.custom-input[data-v-94ec9bd2]{resize:vertical;min-height:120px}select.custom-input[data-v-94ec9bd2]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234a5568' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.info-box[data-v-94ec9bd2]{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1.25rem;border-radius:10px;display:flex;align-items:flex-start;border-left:4px solid #f59e0b}.info-box i[data-v-94ec9bd2]{font-size:1.5rem;margin-top:.1rem}.info-box strong[data-v-94ec9bd2]{color:#92400e;display:block}.info-box p[data-v-94ec9bd2]{color:#78350f;font-size:.9rem}.button-row[data-v-94ec9bd2]{display:flex;justify-content:space-between;gap:1rem}.btn-clear[data-v-94ec9bd2]{padding:.85rem 2rem;border:2px solid #e2e8f0;background:#fff;color:#718096;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.btn-clear[data-v-94ec9bd2]:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748;transform:translateY(-1px)}.btn-create[data-v-94ec9bd2]{padding:.85rem 2.5rem;border:none;background:linear-gradient(135deg,#6cbbe2,#4ba295);color:#fff;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 4px 15px hsla(0,0%,77%,.3)}.btn-create[data-v-94ec9bd2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px hsla(0,0%,43%,.4)}.btn-create[data-v-94ec9bd2]:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none}@media (max-width:991px){.form-card[data-v-94ec9bd2],.header-card[data-v-94ec9bd2]{padding:1.5rem}.button-row[data-v-94ec9bd2]{flex-direction:column-reverse}.btn-clear[data-v-94ec9bd2],.btn-create[data-v-94ec9bd2]{width:100%;justify-content:center}}.header-card[data-v-257a00f2]{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,.15);color:#fff}.icon-wrapper[data-v-257a00f2]{width:60px;height:60px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;backdrop-filter:blur(10px)}.header-card h3[data-v-257a00f2]{color:#fff;margin:0}.header-card p[data-v-257a00f2]{color:hsla(0,0%,100%,.9)}.form-card[data-v-257a00f2]{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,.06)}.section-header[data-v-257a00f2]{display:flex;align-items:center;color:#2d3748;font-weight:600}.section-header i[data-v-257a00f2]{color:#667eea;font-size:1.3rem}.section-divider[data-v-257a00f2]{height:2px;background:linear-gradient(90deg,#e2e8f0,transparent);margin:2rem 0}.custom-label[data-v-257a00f2]{display:block;font-weight:500;color:#4a5568;margin-bottom:.5rem;font-size:.95rem}.custom-input[data-v-257a00f2]{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fafafa}.custom-input[data-v-257a00f2]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.custom-input[data-v-257a00f2]::-moz-placeholder{color:#a0aec0}.custom-input[data-v-257a00f2]::placeholder{color:#a0aec0}textarea.custom-input[data-v-257a00f2]{resize:vertical}select.custom-input[data-v-257a00f2]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234a5568' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.config-box[data-v-257a00f2]{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-top:1rem}.config-header[data-v-257a00f2]{display:flex;align-items:center;color:#2d3748;font-size:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.config-header i[data-v-257a00f2]{color:#667eea}.config-item[data-v-257a00f2]{margin-bottom:1rem}.config-label[data-v-257a00f2]{display:block;font-weight:500;color:#4a5568;margin-bottom:.4rem;font-size:.85rem}.custom-input-small[data-v-257a00f2]{width:100%;padding:.65rem .85rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .3s ease;background:#fff}.custom-input-small[data-v-257a00f2]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}select.custom-input-small[data-v-257a00f2]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234a5568' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.5rem}.input-group-custom[data-v-257a00f2]{display:flex;gap:.5rem}.input-group-custom .custom-input-small[data-v-257a00f2]{flex:1}.btn-copy[data-v-257a00f2]{padding:.65rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.btn-copy[data-v-257a00f2]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.info-box[data-v-257a00f2]{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1.25rem;border-radius:10px;display:flex;align-items:start;border-left:4px solid #f59e0b;margin-top:1rem}.info-box i[data-v-257a00f2]{font-size:1.5rem;margin-top:.1rem}.info-box strong[data-v-257a00f2]{color:#92400e;display:block}.info-box p[data-v-257a00f2]{color:#78350f;font-size:.9rem}.button-row[data-v-257a00f2]{display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:2px solid #e2e8f0}.btn-clear[data-v-257a00f2]{padding:.85rem 2rem;border:2px solid #e2e8f0;background:#fff;color:#718096;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.btn-clear[data-v-257a00f2]:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748;transform:translateY(-1px)}.btn-create[data-v-257a00f2]{padding:.85rem 2.5rem;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-create[data-v-257a00f2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-create[data-v-257a00f2]:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none}@media (max-width:991px){.form-card[data-v-257a00f2],.header-card[data-v-257a00f2]{padding:1.5rem}.button-row[data-v-257a00f2]{flex-direction:column-reverse}.btn-clear[data-v-257a00f2],.btn-create[data-v-257a00f2]{width:100%;justify-content:center}.input-group-custom[data-v-257a00f2]{flex-direction:column}.btn-copy[data-v-257a00f2]{width:100%}}.edit_btn[data-v-95aa0c9e]{background:#d4f4dd;color:#00ac4f;border:1px solid #00ac4f}.remove_btn[data-v-95aa0c9e]{background:#ffe2e5;color:#fa5a7d;border:1px solid #fa5a7d}.dashboard[data-v-95aa0c9e]{min-height:100vh;background-color:#f5f6fa}.header[data-v-95aa0c9e]{background:#fff;padding:20px 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.container[data-v-95aa0c9e]{max-width:1400px;margin:0 auto;padding:0 0}.header-content[data-v-95aa0c9e]{display:flex;justify-content:space-between;align-items:center}.header h1[data-v-95aa0c9e]{font-size:24px;font-weight:600;margin:0;color:#1a1a1a}.search-box[data-v-95aa0c9e]{position:relative;width:300px}.search-box input[data-v-95aa0c9e]{width:100%;padding:10px 10px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;outline:none}.search-box input[data-v-95aa0c9e]:focus{border-color:#6366f1}.search-box i[data-v-95aa0c9e]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.main-content[data-v-95aa0c9e]{padding-top:40px;padding-bottom:40px}.stats-grid[data-v-95aa0c9e]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.stat-card[data-v-95aa0c9e]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:transform .2s}.stat-card[data-v-95aa0c9e]:hover{transform:translateY(-2px)}.stat-content[data-v-95aa0c9e]{display:flex;align-items:flex-start;gap:16px}.stat-icon[data-v-95aa0c9e]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.icon-green[data-v-95aa0c9e]{background:#d4f4dd;color:#00ac4f}.icon-purple[data-v-95aa0c9e]{background:#e5d9f2;color:#8b5cf6}.stat-info[data-v-95aa0c9e]{flex:1}.stat-label[data-v-95aa0c9e]{color:#9ca3af;font-size:14px;margin-bottom:8px}.stat-value[data-v-95aa0c9e]{font-size:32px;font-weight:600;color:#1a1a1a;margin:8px 0}.stat-change[data-v-95aa0c9e]{font-size:13px;font-weight:500}.change-up[data-v-95aa0c9e]{color:#00ac4f}.change-down[data-v-95aa0c9e]{color:#fa5a7d}.avatar-group[data-v-95aa0c9e]{display:flex;margin-top:8px}.avatar[data-v-95aa0c9e]{width:32px;height:32px;border-radius:50%;border:2px solid #fff;margin-left:-8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:18px}.avatar[data-v-95aa0c9e]:first-child{margin-left:0}.customers-section[data-v-95aa0c9e]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.section-header[data-v-95aa0c9e]{justify-content:space-between;margin-bottom:24px}.section-title[data-v-95aa0c9e]{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 8px 0}.active-members[data-v-95aa0c9e]{color:#16c098;font-size:14px;font-weight:500;text-decoration:underline}.search-sort-bar[data-v-95aa0c9e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sort-wrapper[data-v-95aa0c9e]{display:flex;align-items:center;gap:12px}.sort-wrapper label[data-v-95aa0c9e]{color:#9ca3af;font-size:14px;margin:0}.sort-select[data-v-95aa0c9e]{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#6b7280;background:#fff;cursor:pointer;outline:none}.sort-select[data-v-95aa0c9e]:focus{border-color:#6366f1}.table-wrapper[data-v-95aa0c9e]{overflow-x:auto}.customers-table[data-v-95aa0c9e]{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0}.customers-table thead th[data-v-95aa0c9e]{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb}.customers-table tbody td[data-v-95aa0c9e]{padding:16px;font-size:14px;color:#1a1a1a;border-bottom:1px solid #f3f4f6}.customers-table tbody tr[data-v-95aa0c9e]:hover{background:#f9fafb}.status-badge[data-v-95aa0c9e]{padding:4px 12px;border-radius:4px;font-size:13px;font-weight:500;display:inline-block;min-width:70px;text-align:center}.status-active[data-v-95aa0c9e]{background:#d4f4dd;color:#00ac4f;border:1px solid #00ac4f}.status-inactive[data-v-95aa0c9e]{background:#ffe2e5;color:#fa5a7d;border:1px solid #fa5a7d}.pagination[data-v-95aa0c9e]{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.pagination-info[data-v-95aa0c9e]{color:#9ca3af;font-size:14px}.pagination-controls[data-v-95aa0c9e]{display:flex;gap:8px}.page-btn[data-v-95aa0c9e]{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#6b7280;transition:all .2s}.page-btn[data-v-95aa0c9e]:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.page-btn[data-v-95aa0c9e]:disabled{opacity:.5;cursor:not-allowed}.page-btn.active[data-v-95aa0c9e]{background:#6366f1;color:#fff;border-color:#6366f1}@media (max-width:768px){.stats-grid[data-v-95aa0c9e]{grid-template-columns:1fr}.search-sort-bar[data-v-95aa0c9e]{flex-direction:column;gap:16px;align-items:stretch}.search-box[data-v-95aa0c9e]{width:100%}.table-wrapper[data-v-95aa0c9e]{overflow-x:scroll}}.header-card[data-v-95aa0c9e]{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,.15);color:#fff}.icon-wrapper[data-v-95aa0c9e]{width:60px;height:60px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;backdrop-filter:blur(10px)}.header-card h3[data-v-95aa0c9e]{color:#fff;margin:0}.header-card p[data-v-95aa0c9e]{color:hsla(0,0%,100%,.9)}.section-header[data-v-95aa0c9e]{display:flex;align-items:center;color:#2d3748;font-weight:600}.section-header i[data-v-95aa0c9e]{color:#667eea;font-size:1.3rem}.section-divider[data-v-95aa0c9e]{height:2px;background:linear-gradient(90deg,#e2e8f0,transparent);margin:2rem 0}.custom-label[data-v-95aa0c9e]{display:block;font-weight:500;color:#4a5568;margin-bottom:.5rem;font-size:.95rem}.custom-input[data-v-95aa0c9e]{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fafafa}.custom-input[data-v-95aa0c9e]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.custom-input[data-v-95aa0c9e]::-moz-placeholder{color:#a0aec0}.custom-input[data-v-95aa0c9e]::placeholder{color:#a0aec0}textarea.custom-input[data-v-95aa0c9e]{resize:vertical}select.custom-input[data-v-95aa0c9e]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234a5568' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.config-box[data-v-95aa0c9e]{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-top:1rem}.config-header[data-v-95aa0c9e]{display:flex;align-items:center;color:#2d3748;font-size:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.config-header i[data-v-95aa0c9e]{color:#667eea}.config-item[data-v-95aa0c9e]{margin-bottom:1rem}.config-label[data-v-95aa0c9e]{display:block;font-weight:500;color:#4a5568;margin-bottom:.4rem;font-size:.85rem}.custom-input-small[data-v-95aa0c9e]{width:100%;padding:.65rem .85rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .3s ease;background:#fff}.custom-input-small[data-v-95aa0c9e]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}select.custom-input-small[data-v-95aa0c9e]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234a5568' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.5rem}.input-group-custom[data-v-95aa0c9e]{display:flex;gap:.5rem}.input-group-custom .custom-input-small[data-v-95aa0c9e]{flex:1}.btn-copy[data-v-95aa0c9e]{padding:.65rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.btn-copy[data-v-95aa0c9e]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.info-box[data-v-95aa0c9e]{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1.25rem;border-radius:10px;display:flex;align-items:start;border-left:4px solid #f59e0b;margin-top:1rem}.info-box i[data-v-95aa0c9e]{font-size:1.5rem;margin-top:.1rem}.info-box strong[data-v-95aa0c9e]{color:#92400e;display:block}.info-box p[data-v-95aa0c9e]{color:#78350f;font-size:.9rem}.button-row[data-v-95aa0c9e]{display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:2px solid #e2e8f0}.btn-clear[data-v-95aa0c9e]{padding:.85rem 2rem;border:2px solid #e2e8f0;background:#fff;color:#718096;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.btn-clear[data-v-95aa0c9e]:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748;transform:translateY(-1px)}.btn-create[data-v-95aa0c9e]{padding:.85rem 2.5rem;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-create[data-v-95aa0c9e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-create[data-v-95aa0c9e]:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none}@media (max-width:991px){.form-card[data-v-95aa0c9e],.header-card[data-v-95aa0c9e]{padding:1.5rem}.button-row[data-v-95aa0c9e]{flex-direction:column-reverse}.btn-clear[data-v-95aa0c9e],.btn-create[data-v-95aa0c9e]{width:100%;justify-content:center}.input-group-custom[data-v-95aa0c9e]{flex-direction:column}.btn-copy[data-v-95aa0c9e]{width:100%}}.header-card[data-v-49f84fb8]{background:linear-gradient(135deg,#66b3ea,#4b68a2);padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,.15);color:#fff}.icon-wrapper[data-v-49f84fb8]{width:60px;height:60px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;backdrop-filter:blur(10px)}.header-card h3[data-v-49f84fb8]{color:#fff;margin:0}.header-card p[data-v-49f84fb8]{color:hsla(0,0%,100%,.9)}.form-card[data-v-49f84fb8]{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,.06)}.form-section[data-v-49f84fb8]{height:100%}.section-title[data-v-49f84fb8]{color:#2d3748;font-weight:600;font-size:1.1rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.custom-label[data-v-49f84fb8]{display:block;font-weight:500;color:#4a5568;margin-bottom:.5rem;font-size:.95rem}.custom-input[data-v-49f84fb8]{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fafafa}.custom-input[data-v-49f84fb8]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.custom-input[data-v-49f84fb8]::-moz-placeholder{color:#a0aec0}.custom-input[data-v-49f84fb8]::placeholder{color:#a0aec0}textarea.custom-input[data-v-49f84fb8]{resize:vertical}.add-item-section[data-v-49f84fb8]{background:#f7fafc;padding:1.5rem;border-radius:12px;border:2px solid #e2e8f0;margin-top:1.5rem}.item-form[data-v-49f84fb8]{margin-top:1rem}.form-label-small[data-v-49f84fb8]{display:block;font-weight:500;color:#4a5568;margin-bottom:.4rem;font-size:.85rem}.custom-input-small[data-v-49f84fb8]{width:100%;padding:.65rem .85rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .3s ease;background:#fff}.custom-input-small[data-v-49f84fb8]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}select.custom-input-small[data-v-49f84fb8]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234a5568' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.5rem}.btn-add-item[data-v-49f84fb8]{padding:.65rem 1.5rem;border:none;background:linear-gradient(135deg,#66b3ea,#4b68a2);color:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;font-size:.9rem}.btn-add-item[data-v-49f84fb8]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.items-container[data-v-49f84fb8]{background:#f7fafc;border-radius:12px;padding:1.5rem;min-height:300px;max-height:300px;overflow-y:auto;border:2px solid #e2e8f0}.empty-state[data-v-49f84fb8]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#a0aec0;text-align:center}.empty-state i[data-v-49f84fb8]{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p[data-v-49f84fb8]{margin:0;font-weight:500;font-size:1rem}.empty-state small[data-v-49f84fb8]{font-size:.85rem}.items-grid[data-v-49f84fb8]{display:grid;gap:.75rem}.item-card[data-v-49f84fb8]{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.item-card[data-v-49f84fb8]:hover{border-color:#cbd5e0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.item-content[data-v-49f84fb8]{flex:1}.item-label[data-v-49f84fb8]{font-weight:600;color:#2d3748;margin-bottom:.5rem;display:flex;align-items:center}.item-label i[data-v-49f84fb8]{color:#667eea;font-size:.9rem}.item-details[data-v-49f84fb8]{display:flex;gap:.5rem;flex-wrap:wrap}.badge-custom[data-v-49f84fb8]{background:linear-gradient(135deg,#66b3ea,#4b68a2);color:#fff;padding:.25rem .65rem;border-radius:6px;font-size:.75rem;font-weight:500}.btn-remove[data-v-49f84fb8]{background:#fed7d7;border:none;color:#c53030;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-remove[data-v-49f84fb8]:hover{background:#fc8181;color:#fff;transform:scale(1.1)}.items-container[data-v-49f84fb8]::-webkit-scrollbar{width:8px}.items-container[data-v-49f84fb8]::-webkit-scrollbar-track{background:#e2e8f0;border-radius:10px}.items-container[data-v-49f84fb8]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.items-container[data-v-49f84fb8]::-webkit-scrollbar-thumb:hover{background:#a0aec0}.button-row[data-v-49f84fb8]{display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:2px solid #e2e8f0}.btn-clear[data-v-49f84fb8]{padding:.85rem 2rem;border:2px solid #e2e8f0;background:#fff;color:#718096;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.btn-clear[data-v-49f84fb8]:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748;transform:translateY(-1px)}.btn-create[data-v-49f84fb8]{padding:.85rem 2.5rem;border:none;background:linear-gradient(135deg,#66b3ea,#4b68a2);color:#fff;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-create[data-v-49f84fb8]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-create[data-v-49f84fb8]:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none}@media (max-width:991px){.form-card[data-v-49f84fb8],.header-card[data-v-49f84fb8]{padding:1.5rem}.button-row[data-v-49f84fb8]{flex-direction:column-reverse}.btn-clear[data-v-49f84fb8],.btn-create[data-v-49f84fb8]{width:100%;justify-content:center}}.edit_btn[data-v-f4206e90]{background:#d4f4dd;color:#00ac4f;border:1px solid #00ac4f}.remove_btn[data-v-f4206e90]{background:#ffe2e5;color:#fa5a7d;border:1px solid #fa5a7d}.dashboard[data-v-f4206e90]{min-height:100vh;background-color:#f5f6fa}.header[data-v-f4206e90]{background:#fff;padding:20px 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.container[data-v-f4206e90]{max-width:1400px;margin:0 auto;padding:0 0}.header-content[data-v-f4206e90]{display:flex;justify-content:space-between;align-items:center}.header h1[data-v-f4206e90]{font-size:24px;font-weight:600;margin:0;color:#1a1a1a}.search-box[data-v-f4206e90]{position:relative;width:300px}.search-box input[data-v-f4206e90]{width:100%;padding:10px 10px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;outline:none}.search-box input[data-v-f4206e90]:focus{border-color:#6366f1}.search-box i[data-v-f4206e90]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.main-content[data-v-f4206e90]{padding-top:40px;padding-bottom:40px}.stats-grid[data-v-f4206e90]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.stat-card[data-v-f4206e90]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:transform .2s}.stat-card[data-v-f4206e90]:hover{transform:translateY(-2px)}.stat-content[data-v-f4206e90]{display:flex;align-items:flex-start;gap:16px}.stat-icon[data-v-f4206e90]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.icon-green[data-v-f4206e90]{background:#d4f4dd;color:#00ac4f}.icon-purple[data-v-f4206e90]{background:#e5d9f2;color:#8b5cf6}.stat-info[data-v-f4206e90]{flex:1}.stat-label[data-v-f4206e90]{color:#9ca3af;font-size:14px;margin-bottom:8px}.stat-value[data-v-f4206e90]{font-size:32px;font-weight:600;color:#1a1a1a;margin:8px 0}.stat-change[data-v-f4206e90]{font-size:13px;font-weight:500}.change-up[data-v-f4206e90]{color:#00ac4f}.change-down[data-v-f4206e90]{color:#fa5a7d}.avatar-group[data-v-f4206e90]{display:flex;margin-top:8px}.avatar[data-v-f4206e90]{width:32px;height:32px;border-radius:50%;border:2px solid #fff;margin-left:-8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:18px}.avatar[data-v-f4206e90]:first-child{margin-left:0}.customers-section[data-v-f4206e90]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.section-header[data-v-f4206e90]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title[data-v-f4206e90]{font-size:22px;color:#1a1a1a;margin:0 0 8px 0}.active-members[data-v-f4206e90]{color:#16c098;font-size:14px;font-weight:500;text-decoration:underline}.search-sort-bar[data-v-f4206e90]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sort-wrapper[data-v-f4206e90]{display:flex;align-items:center;gap:12px}.sort-wrapper label[data-v-f4206e90]{color:#9ca3af;font-size:14px;margin:0}.sort-select[data-v-f4206e90]{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#6b7280;background:#fff;cursor:pointer;outline:none}.sort-select[data-v-f4206e90]:focus{border-color:#6366f1}.table-wrapper[data-v-f4206e90]{overflow-x:auto}.customers-table[data-v-f4206e90]{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0}.customers-table thead th[data-v-f4206e90]{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb}.customers-table tbody td[data-v-f4206e90]{padding:16px;font-size:14px;color:#1a1a1a;border-bottom:1px solid #f3f4f6}.customers-table tbody tr[data-v-f4206e90]:hover{background:#f9fafb}.status-badge[data-v-f4206e90]{padding:4px 12px;border-radius:4px;font-size:13px;font-weight:500;display:inline-block;min-width:70px;text-align:center}.status-active[data-v-f4206e90]{background:#d4f4dd;color:#00ac4f;border:1px solid #00ac4f}.status-inactive[data-v-f4206e90]{background:#ffe2e5;color:#fa5a7d;border:1px solid #fa5a7d}.pagination[data-v-f4206e90]{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.pagination-info[data-v-f4206e90]{color:#9ca3af;font-size:14px}.pagination-controls[data-v-f4206e90]{display:flex;gap:8px}.page-btn[data-v-f4206e90]{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#6b7280;transition:all .2s}.page-btn[data-v-f4206e90]:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.page-btn[data-v-f4206e90]:disabled{opacity:.5;cursor:not-allowed}.page-btn.active[data-v-f4206e90]{background:#6366f1;color:#fff;border-color:#6366f1}@media (max-width:768px){.stats-grid[data-v-f4206e90]{grid-template-columns:1fr}.search-sort-bar[data-v-f4206e90]{flex-direction:column;gap:16px;align-items:stretch}.search-box[data-v-f4206e90]{width:100%}.table-wrapper[data-v-f4206e90]{overflow-x:scroll}}.header-card[data-v-f4206e90]{background:linear-gradient(135deg,#66b3ea,#4b68a2);padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,.15);color:#fff}.icon-wrapper[data-v-f4206e90]{width:60px;height:60px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;backdrop-filter:blur(10px)}.header-card h3[data-v-f4206e90]{color:#fff;margin:0}.header-card p[data-v-f4206e90]{color:hsla(0,0%,100%,.9)}.form-card[data-v-f4206e90]{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,.06)}.form-section[data-v-f4206e90]{height:100%}.section-title[data-v-f4206e90]{color:#2d3748;font-weight:600;font-size:1.1rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.custom-label[data-v-f4206e90]{display:block;font-weight:500;color:#4a5568;margin-bottom:.5rem;font-size:.95rem}.custom-input[data-v-f4206e90]{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fafafa}.custom-input[data-v-f4206e90]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.custom-input[data-v-f4206e90]::-moz-placeholder{color:#a0aec0}.custom-input[data-v-f4206e90]::placeholder{color:#a0aec0}textarea.custom-input[data-v-f4206e90]{resize:vertical}.add-item-section[data-v-f4206e90]{background:#f7fafc;padding:1.5rem;border-radius:12px;border:2px solid #e2e8f0;margin-top:1.5rem}.item-form[data-v-f4206e90]{margin-top:1rem}.form-label-small[data-v-f4206e90]{display:block;font-weight:500;color:#4a5568;margin-bottom:.4rem;font-size:.85rem}.custom-input-small[data-v-f4206e90]{width:100%;padding:.65rem .85rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .3s ease;background:#fff}.custom-input-small[data-v-f4206e90]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}select.custom-input-small[data-v-f4206e90]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234a5568' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.5rem}.btn-add-item[data-v-f4206e90]{padding:.65rem 1.5rem;border:none;background:linear-gradient(135deg,#66b3ea,#4b68a2);color:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;font-size:.9rem}.btn-add-item[data-v-f4206e90]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.items-container[data-v-f4206e90]{background:#f7fafc;border-radius:12px;padding:1.5rem;min-height:300px;max-height:300px;overflow-y:auto;border:2px solid #e2e8f0}.empty-state[data-v-f4206e90]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#a0aec0;text-align:center}.empty-state i[data-v-f4206e90]{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p[data-v-f4206e90]{margin:0;font-weight:500;font-size:1rem}.empty-state small[data-v-f4206e90]{font-size:.85rem}.items-grid[data-v-f4206e90]{display:grid;gap:.75rem}.item-card[data-v-f4206e90]{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.item-card[data-v-f4206e90]:hover{border-color:#cbd5e0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.item-content[data-v-f4206e90]{flex:1}.item-label[data-v-f4206e90]{font-weight:600;color:#2d3748;margin-bottom:.5rem;display:flex;align-items:center}.item-label i[data-v-f4206e90]{color:#667eea;font-size:.9rem}.item-details[data-v-f4206e90]{display:flex;gap:.5rem;flex-wrap:wrap}.badge-custom[data-v-f4206e90]{background:linear-gradient(135deg,#66b3ea,#4b68a2);color:#fff;padding:.25rem .65rem;border-radius:6px;font-size:.75rem;font-weight:500}.btn-remove[data-v-f4206e90]{background:#fed7d7;border:none;color:#c53030;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-remove[data-v-f4206e90]:hover{background:#fc8181;color:#fff;transform:scale(1.1)}.items-container[data-v-f4206e90]::-webkit-scrollbar{width:8px}.items-container[data-v-f4206e90]::-webkit-scrollbar-track{background:#e2e8f0;border-radius:10px}.items-container[data-v-f4206e90]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.items-container[data-v-f4206e90]::-webkit-scrollbar-thumb:hover{background:#a0aec0}.button-row[data-v-f4206e90]{display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:2px solid #e2e8f0}.btn-clear[data-v-f4206e90]{padding:.85rem 2rem;border:2px solid #e2e8f0;background:#fff;color:#718096;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.btn-clear[data-v-f4206e90]:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748;transform:translateY(-1px)}.btn-create[data-v-f4206e90]{padding:.85rem 2.5rem;border:none;background:linear-gradient(135deg,#66b3ea,#4b68a2);color:#fff;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-create[data-v-f4206e90]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-create[data-v-f4206e90]:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none}@media (max-width:991px){.form-card[data-v-f4206e90],.header-card[data-v-f4206e90]{padding:1.5rem}.button-row[data-v-f4206e90]{flex-direction:column-reverse}.btn-clear[data-v-f4206e90],.btn-create[data-v-f4206e90]{width:100%;justify-content:center}}.edit_btn[data-v-6d28b8e4]{background:#d4f4dd;color:#00ac4f;border:1px solid #00ac4f}.remove_btn[data-v-6d28b8e4]{background:#ffe2e5;color:#fa5a7d;border:1px solid #fa5a7d}.dashboard[data-v-6d28b8e4]{min-height:100vh;background-color:#f5f6fa}.header[data-v-6d28b8e4]{background:#fff;padding:20px 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.container[data-v-6d28b8e4]{max-width:1400px;margin:0 auto;padding:0 20px}.header-content[data-v-6d28b8e4]{display:flex;justify-content:space-between;align-items:center}.header h1[data-v-6d28b8e4]{font-size:24px;font-weight:600;margin:0;color:#1a1a1a}.search-box[data-v-6d28b8e4]{position:relative;width:300px}.search-box input[data-v-6d28b8e4]{width:100%;padding:10px 10px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;outline:none}.search-box input[data-v-6d28b8e4]:focus{border-color:#6366f1}.search-box i[data-v-6d28b8e4]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.main-content[data-v-6d28b8e4]{padding-top:40px;padding-bottom:40px}.customers-section[data-v-6d28b8e4]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.section-header[data-v-6d28b8e4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title[data-v-6d28b8e4]{font-size:22px;color:#1a1a1a;margin:0 0 8px 0}.table-wrapper[data-v-6d28b8e4]{overflow-x:auto}.customers-table[data-v-6d28b8e4]{width:100%;border-collapse:separate;border-spacing:0}.customers-table thead th[data-v-6d28b8e4]{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb}.customers-table tbody td[data-v-6d28b8e4]{padding:16px;font-size:14px;color:#1a1a1a;border-bottom:1px solid #f3f4f6}.customers-table tbody tr[data-v-6d28b8e4]:hover{background:#f9fafb}.pagination[data-v-6d28b8e4]{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.pagination-info[data-v-6d28b8e4]{color:#9ca3af;font-size:14px}.pagination-controls[data-v-6d28b8e4]{display:flex;gap:8px}.page-btn[data-v-6d28b8e4]{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#6b7280;transition:all .2s}.page-btn[data-v-6d28b8e4]:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.page-btn[data-v-6d28b8e4]:disabled{opacity:.5;cursor:not-allowed}.page-btn.active[data-v-6d28b8e4]{background:#6366f1;color:#fff;border-color:#6366f1}.form-section[data-v-6d28b8e4]{height:100%}.section-title[data-v-6d28b8e4]{color:#2d3748;font-weight:600;font-size:1.1rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.custom-label[data-v-6d28b8e4]{display:block;font-weight:500;color:#4a5568;margin-bottom:.5rem;font-size:.95rem}.custom-input[data-v-6d28b8e4]{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fafafa}.custom-input[data-v-6d28b8e4]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.custom-input[data-v-6d28b8e4]::-moz-placeholder{color:#a0aec0}.custom-input[data-v-6d28b8e4]::placeholder{color:#a0aec0}textarea.custom-input[data-v-6d28b8e4]{resize:vertical;min-height:120px}select.custom-input[data-v-6d28b8e4]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234a5568' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-text[data-v-6d28b8e4]{display:block;margin-top:.5rem;color:#718096;font-size:.85rem}.button-row[data-v-6d28b8e4]{display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:2px solid #e2e8f0}.btn-clear[data-v-6d28b8e4]{padding:.85rem 2rem;border:2px solid #e2e8f0;background:#fff;color:#718096;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.btn-clear[data-v-6d28b8e4]:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748;transform:translateY(-1px)}.btn-create[data-v-6d28b8e4]{padding:.85rem 2.5rem;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-create[data-v-6d28b8e4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-create[data-v-6d28b8e4]:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none}@media (max-width:991px){.button-row[data-v-6d28b8e4]{flex-direction:column-reverse}.btn-clear[data-v-6d28b8e4],.btn-create[data-v-6d28b8e4]{width:100%;justify-content:center}}@media (max-width:768px){.search-box[data-v-6d28b8e4]{width:100%}.table-wrapper[data-v-6d28b8e4]{overflow-x:scroll}}.header-card[data-v-0f571cad]{background:linear-gradient(135deg,#66c2ea,#4b7ca2);padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,.15);color:#fff}.icon-wrapper[data-v-0f571cad]{width:60px;height:60px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;backdrop-filter:blur(10px)}.header-card h3[data-v-0f571cad]{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.header-card p[data-v-0f571cad]{color:#fff;font-size:.95rem}.content-card[data-v-0f571cad]{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,.06)}.toolbar-section[data-v-0f571cad]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.toolbar-actions[data-v-0f571cad]{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.search-box[data-v-0f571cad]{position:relative;flex:1;min-width:250px;max-width:400px}.search-box i[data-v-0f571cad]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#718096;font-size:.95rem}.search-input[data-v-0f571cad]{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fafafa}.search-input[data-v-0f571cad]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.custom-select[data-v-0f571cad]{padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;background:#fafafa;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234a5568' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.custom-select[data-v-0f571cad]:focus{outline:none;border-color:#667eea;background-color:#fff}.btn-primary[data-v-0f571cad],.btn-secondary[data-v-0f571cad]{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;font-size:.95rem;white-space:nowrap}.btn-primary[data-v-0f571cad]{background:linear-gradient(135deg,#66c2ea,#4b7ca2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-primary[data-v-0f571cad]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-secondary[data-v-0f571cad]{background:#fff;color:#718096;border:2px solid #e2e8f0}.btn-secondary[data-v-0f571cad]:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.btn-primary[data-v-0f571cad]:disabled,.btn-secondary[data-v-0f571cad]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sm[data-v-0f571cad]{padding:.5rem 1rem;font-size:.85rem}.alert[data-v-0f571cad]{padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center}.alert-danger[data-v-0f571cad]{background:#fee;color:#c53030;border-left:4px solid #fc8181}.table-container[data-v-0f571cad]{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.modern-table[data-v-0f571cad]{width:100%;border-collapse:collapse;background:#fff}.modern-table thead[data-v-0f571cad]{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.modern-table th[data-v-0f571cad]{padding:1rem;text-align:left;font-weight:600;color:#2d3748;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.modern-table td[data-v-0f571cad]{padding:1rem;border-bottom:1px solid #f1f5f9;color:#4a5568;font-size:.95rem}.modern-table tbody tr[data-v-0f571cad]{transition:all .2s ease}.modern-table tbody tr[data-v-0f571cad]:hover{background:#f8fafc}.modern-table tbody tr:last-child td[data-v-0f571cad]{border-bottom:none}.row-number[data-v-0f571cad]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e2e8f0;color:#4a5568;border-radius:8px;font-weight:600;font-size:.85rem}.btn-action[data-v-0f571cad]{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.btn-action-danger[data-v-0f571cad]{background:#fee;color:#c53030}.btn-action-danger[data-v-0f571cad]:hover:not(:disabled){background:#fc8181;color:#fff;transform:translateY(-1px)}.btn-action-success[data-v-0f571cad]{background:#c6f6d5;color:#22543d}.btn-action-success[data-v-0f571cad]:hover:not(:disabled){background:#48bb78;color:#fff;transform:translateY(-1px)}.btn-action-disabled[data-v-0f571cad]{background:#e2e8f0;color:#a0aec0;cursor:not-allowed}.pagination-section[data-v-0f571cad]{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:2px solid #e2e8f0}.pagination-info[data-v-0f571cad]{color:#718096;font-size:.95rem;display:flex;align-items:center}.pagination-info strong[data-v-0f571cad]{color:#2d3748;margin:0 .25rem}.pagination-controls[data-v-0f571cad]{display:flex;gap:.5rem;align-items:center}.page-btn[data-v-0f571cad]{padding:.5rem 1rem;border:2px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.page-btn[data-v-0f571cad]:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.page-btn[data-v-0f571cad]:disabled{opacity:.4;cursor:not-allowed}.page-current[data-v-0f571cad]{padding:.5rem 1rem;background:linear-gradient(135deg,#66c2ea,#4b7ca2);color:#fff;border-radius:8px;font-size:.9rem;font-weight:600}.modal-backdrop[data-v-0f571cad]{position:fixed;inset:0;z-index:1060;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.5);backdrop-filter:blur(8px)}.modal-container[data-v-0f571cad]{width:min(920px,95vw);max-height:85vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-0f571cad]{padding:1.5rem 2rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(180deg,#fff,#fafbfc);display:flex;justify-content:space-between;align-items:center}.modal-icon[data-v-0f571cad]{width:48px;height:48px;background:linear-gradient(135deg,#66c2ea,#4b7ca2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem}.modal-header h5[data-v-0f571cad]{color:#2d3748;font-weight:600;font-size:1.1rem}.modal-close[data-v-0f571cad]{width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#718096;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.modal-close[data-v-0f571cad]:hover{background:#f7fafc;color:#2d3748}.modal-toolbar[data-v-0f571cad]{padding:1.25rem 2rem;border-bottom:1px solid #e2e8f0;background:#fff;display:flex;gap:1rem;align-items:center}.modal-body[data-v-0f571cad]{flex:1;padding:1.5rem 2rem;overflow:auto}.modal-table-container[data-v-0f571cad]{border:1px solid #e2e8f0;border-radius:12px;overflow:auto;max-height:50vh}.modal-table-container .modern-table thead th[data-v-0f571cad]{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.modal-footer[data-v-0f571cad]{padding:1rem 2rem;border-top:2px solid #e2e8f0;background:linear-gradient(0deg,#fff,#fafbfc);display:flex;justify-content:space-between;align-items:center;gap:1rem}.modal-fade-enter-active[data-v-0f571cad],.modal-fade-leave-active[data-v-0f571cad]{transition:all .3s ease}.modal-fade-enter-from[data-v-0f571cad],.modal-fade-leave-to[data-v-0f571cad]{opacity:0}.modal-fade-enter-active .modal-container[data-v-0f571cad],.modal-fade-leave-active .modal-container[data-v-0f571cad]{transition:all .3s ease}.modal-fade-enter-from .modal-container[data-v-0f571cad],.modal-fade-leave-to .modal-container[data-v-0f571cad]{opacity:0;transform:scale(.95) translateY(20px)}@media (max-width:991px){.header-card[data-v-0f571cad]{padding:1.5rem}.header-card h3[data-v-0f571cad]{font-size:1.25rem}.icon-wrapper[data-v-0f571cad]{width:50px;height:50px;font-size:1.5rem}.content-card[data-v-0f571cad]{padding:1.5rem}.toolbar-section[data-v-0f571cad]{flex-direction:column;align-items:stretch}.toolbar-actions[data-v-0f571cad]{flex-direction:column;width:100%}.toolbar-actions button[data-v-0f571cad],.toolbar-actions select[data-v-0f571cad]{width:100%}.search-box[data-v-0f571cad]{max-width:100%}.pagination-section[data-v-0f571cad]{flex-direction:column;gap:1rem;text-align:center}.pagination-controls[data-v-0f571cad]{width:100%;justify-content:center}.modal-container[data-v-0f571cad]{width:100%;max-height:95vh;margin:10px;border-radius:12px}.modal-body[data-v-0f571cad],.modal-footer[data-v-0f571cad],.modal-header[data-v-0f571cad],.modal-toolbar[data-v-0f571cad]{padding-left:1rem;padding-right:1rem}.modal-toolbar[data-v-0f571cad]{flex-direction:column;align-items:stretch}.modal-toolbar .search-box[data-v-0f571cad]{max-width:100%}.modal-toolbar .d-flex[data-v-0f571cad]{width:100%;justify-content:space-between}.modal-footer[data-v-0f571cad]{flex-direction:column;align-items:stretch}.modal-footer .pagination-controls[data-v-0f571cad]{order:-1}.modal-footer button[data-v-0f571cad]{width:100%}.table-container[data-v-0f571cad]{overflow-x:auto}.modern-table[data-v-0f571cad]{min-width:600px}}@media (max-width:576px){.header-card[data-v-0f571cad]{padding:1rem}.header-card h3[data-v-0f571cad]{font-size:1.1rem}.content-card[data-v-0f571cad]{padding:1rem}.modern-table td[data-v-0f571cad],.modern-table th[data-v-0f571cad]{padding:.75rem;font-size:.85rem}.btn-primary[data-v-0f571cad],.btn-secondary[data-v-0f571cad]{padding:.65rem 1.25rem;font-size:.9rem}.page-btn[data-v-0f571cad]{padding:.4rem .8rem;font-size:.85rem}}.spinner-border[data-v-0f571cad]{width:2rem;height:2rem;border-width:.25rem}.text-muted[data-v-0f571cad]{color:#718096!important}.text-center[data-v-0f571cad]{text-align:center}.py-5[data-v-0f571cad]{padding-top:3rem!important;padding-bottom:3rem!important}.mt-2[data-v-0f571cad]{margin-top:.5rem!important}.mb-0[data-v-0f571cad]{margin-bottom:0!important}.mb-3[data-v-0f571cad]{margin-bottom:1rem!important}.ms-3[data-v-0f571cad]{margin-left:1rem!important}.ms-auto[data-v-0f571cad]{margin-left:auto!important}.gap-2[data-v-0f571cad]{gap:.5rem}.gap-3[data-v-0f571cad]{gap:1rem}.flex-grow-1[data-v-0f571cad]{flex-grow:1}.d-flex[data-v-0f571cad]{display:flex}.align-items-center[data-v-0f571cad]{align-items:center}.justify-content-between[data-v-0f571cad]{justify-content:space-between}.visually-hidden[data-v-0f571cad]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.header-card[data-v-fbd53aee]{background:linear-gradient(135deg,#66c2ea,#4b7ca2);padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,.15);color:#fff}.icon-wrapper[data-v-fbd53aee]{width:60px;height:60px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;backdrop-filter:blur(10px)}.header-card h3[data-v-fbd53aee]{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.header-card p[data-v-fbd53aee]{color:hsla(0,0%,100%,.9);font-size:.95rem}.content-card[data-v-fbd53aee]{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,.06)}.toolbar-section[data-v-fbd53aee]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.toolbar-actions[data-v-fbd53aee]{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.search-box[data-v-fbd53aee]{position:relative;flex:1;min-width:250px;max-width:400px}.search-box i[data-v-fbd53aee]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#718096;font-size:.95rem}.search-input[data-v-fbd53aee]{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fafafa}.search-input[data-v-fbd53aee]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.custom-select[data-v-fbd53aee]{padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;background:#fafafa;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234a5568' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.custom-select[data-v-fbd53aee]:focus{outline:none;border-color:#667eea;background-color:#fff}.btn-primary[data-v-fbd53aee],.btn-secondary[data-v-fbd53aee]{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;font-size:.95rem;white-space:nowrap}.btn-primary[data-v-fbd53aee]{background:linear-gradient(135deg,#66c2ea,#4b7ca2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-primary[data-v-fbd53aee]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-secondary[data-v-fbd53aee]{background:#fff;color:#718096;border:2px solid #e2e8f0}.btn-secondary[data-v-fbd53aee]:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.btn-primary[data-v-fbd53aee]:disabled,.btn-secondary[data-v-fbd53aee]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sm[data-v-fbd53aee]{padding:.5rem 1rem;font-size:.85rem}.alert[data-v-fbd53aee]{padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center}.alert-danger[data-v-fbd53aee]{background:#fee;color:#c53030;border-left:4px solid #fc8181}.table-container[data-v-fbd53aee]{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.modern-table[data-v-fbd53aee]{width:100%;border-collapse:collapse;background:#fff}.modern-table thead[data-v-fbd53aee]{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.modern-table th[data-v-fbd53aee]{padding:1rem;text-align:left;font-weight:600;color:#2d3748;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.modern-table td[data-v-fbd53aee]{padding:1rem;border-bottom:1px solid #f1f5f9;color:#4a5568;font-size:.95rem}.modern-table tbody tr[data-v-fbd53aee]{transition:all .2s ease}.modern-table tbody tr[data-v-fbd53aee]:hover{background:#f8fafc}.modern-table tbody tr:last-child td[data-v-fbd53aee]{border-bottom:none}.row-number[data-v-fbd53aee]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e2e8f0;color:#4a5568;border-radius:8px;font-weight:600;font-size:.85rem}.badge-role[data-v-fbd53aee]{padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.badge-role-admin[data-v-fbd53aee]{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff}.badge-role-mod[data-v-fbd53aee]{background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff}.badge-role-user[data-v-fbd53aee]{background:linear-gradient(135deg,#68d391,#48bb78);color:#fff}.badge-role-default[data-v-fbd53aee]{background:#e2e8f0;color:#4a5568}.btn-action[data-v-fbd53aee]{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.btn-action-danger[data-v-fbd53aee]{background:#fee;color:#c53030}.btn-action-danger[data-v-fbd53aee]:hover:not(:disabled){background:#fc8181;color:#fff;transform:translateY(-1px)}.btn-action-success[data-v-fbd53aee]{background:#c6f6d5;color:#22543d}.btn-action-success[data-v-fbd53aee]:hover:not(:disabled){background:#48bb78;color:#fff;transform:translateY(-1px)}.btn-action-disabled[data-v-fbd53aee]{background:#e2e8f0;color:#a0aec0;cursor:not-allowed}.pagination-section[data-v-fbd53aee]{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:2px solid #e2e8f0}.pagination-info[data-v-fbd53aee]{color:#718096;font-size:.95rem;display:flex;align-items:center}.pagination-info strong[data-v-fbd53aee]{color:#2d3748;margin:0 .25rem}.pagination-controls[data-v-fbd53aee]{display:flex;gap:.5rem;align-items:center}.page-btn[data-v-fbd53aee]{padding:.5rem 1rem;border:2px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.page-btn[data-v-fbd53aee]:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.page-btn[data-v-fbd53aee]:disabled{opacity:.4;cursor:not-allowed}.page-current[data-v-fbd53aee]{padding:.5rem 1rem;background:linear-gradient(135deg,#66c2ea,#4b7ca2);color:#fff;border-radius:8px;font-size:.9rem;font-weight:600}.modal-backdrop[data-v-fbd53aee]{position:fixed;inset:0;z-index:1060;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.5);backdrop-filter:blur(8px)}.modal-container[data-v-fbd53aee]{width:min(920px,95vw);max-height:85vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-fbd53aee]{padding:1.5rem 2rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(180deg,#fff,#fafbfc);display:flex;justify-content:space-between;align-items:center}.modal-icon[data-v-fbd53aee]{width:48px;height:48px;background:linear-gradient(135deg,#66c2ea,#4b7ca2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem}.modal-header h5[data-v-fbd53aee]{color:#2d3748;font-weight:600;font-size:1.1rem}.modal-close[data-v-fbd53aee]{width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#718096;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.modal-close[data-v-fbd53aee]:hover{background:#f7fafc;color:#2d3748}.modal-toolbar[data-v-fbd53aee]{padding:1.25rem 2rem;border-bottom:1px solid #e2e8f0;background:#fff;display:flex;gap:1rem;align-items:center}.modal-body[data-v-fbd53aee]{flex:1;padding:1.5rem 2rem;overflow:auto}.modal-table-container[data-v-fbd53aee]{border:1px solid #e2e8f0;border-radius:12px;overflow:auto;max-height:50vh}.modal-table-container .modern-table thead th[data-v-fbd53aee]{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.modal-footer[data-v-fbd53aee]{padding:1rem 2rem;border-top:2px solid #e2e8f0;background:linear-gradient(0deg,#fff,#fafbfc);display:flex;justify-content:space-between;align-items:center;gap:1rem}.modal-fade-enter-active[data-v-fbd53aee],.modal-fade-leave-active[data-v-fbd53aee]{transition:all .3s ease}.modal-fade-enter-from[data-v-fbd53aee],.modal-fade-leave-to[data-v-fbd53aee]{opacity:0}.modal-fade-enter-active .modal-container[data-v-fbd53aee],.modal-fade-leave-active .modal-container[data-v-fbd53aee]{transition:all .3s ease}.modal-fade-enter-from .modal-container[data-v-fbd53aee],.modal-fade-leave-to .modal-container[data-v-fbd53aee]{opacity:0;transform:scale(.95) translateY(20px)}.spinner-border[data-v-fbd53aee]{width:2rem;height:2rem;border-width:.25rem}@media (max-width:991px){.header-card[data-v-fbd53aee]{padding:1.5rem}.header-card h3[data-v-fbd53aee]{font-size:1.25rem}.icon-wrapper[data-v-fbd53aee]{width:50px;height:50px;font-size:1.5rem}.content-card[data-v-fbd53aee]{padding:1.5rem}.toolbar-section[data-v-fbd53aee]{flex-direction:column;align-items:stretch}.toolbar-actions[data-v-fbd53aee]{flex-direction:column;width:100%}.toolbar-actions button[data-v-fbd53aee],.toolbar-actions select[data-v-fbd53aee]{width:100%}.search-box[data-v-fbd53aee]{max-width:100%}.pagination-section[data-v-fbd53aee]{flex-direction:column;gap:1rem;text-align:center}.pagination-controls[data-v-fbd53aee]{width:100%;justify-content:center}.modal-container[data-v-fbd53aee]{width:100%;max-height:95vh;margin:10px;border-radius:12px}.modal-body[data-v-fbd53aee],.modal-footer[data-v-fbd53aee],.modal-header[data-v-fbd53aee],.modal-toolbar[data-v-fbd53aee]{padding-left:1rem;padding-right:1rem}.modal-toolbar[data-v-fbd53aee]{flex-direction:column;align-items:stretch}.modal-toolbar .search-box[data-v-fbd53aee]{max-width:100%}.modal-toolbar .d-flex[data-v-fbd53aee]{width:100%;justify-content:space-between}.modal-footer[data-v-fbd53aee]{flex-direction:column;align-items:stretch}.modal-footer .pagination-controls[data-v-fbd53aee]{order:-1}.modal-footer button[data-v-fbd53aee]{width:100%}.table-container[data-v-fbd53aee]{overflow-x:auto}.modern-table[data-v-fbd53aee]{min-width:700px}}@media (max-width:576px){.header-card[data-v-fbd53aee]{padding:1rem}.header-card h3[data-v-fbd53aee]{font-size:1.1rem}.content-card[data-v-fbd53aee]{padding:1rem}.modern-table td[data-v-fbd53aee],.modern-table th[data-v-fbd53aee]{padding:.75rem;font-size:.85rem}.btn-primary[data-v-fbd53aee],.btn-secondary[data-v-fbd53aee]{padding:.65rem 1.25rem;font-size:.9rem}.page-btn[data-v-fbd53aee]{padding:.4rem .8rem;font-size:.85rem}.badge-role[data-v-fbd53aee]{padding:.3rem .6rem;font-size:.75rem}}.text-muted[data-v-fbd53aee]{color:#718096!important}.text-center[data-v-fbd53aee]{text-align:center}.text-primary[data-v-fbd53aee]{color:#667eea!important}.py-5[data-v-fbd53aee]{padding-top:3rem!important;padding-bottom:3rem!important}.mt-2[data-v-fbd53aee]{margin-top:.5rem!important}.mb-0[data-v-fbd53aee]{margin-bottom:0!important}.mb-1[data-v-fbd53aee]{margin-bottom:.25rem!important}.mb-3[data-v-fbd53aee]{margin-bottom:1rem!important}.ms-2[data-v-fbd53aee]{margin-left:.5rem!important}.ms-3[data-v-fbd53aee]{margin-left:1rem!important}.ms-auto[data-v-fbd53aee]{margin-left:auto!important}.me-1[data-v-fbd53aee]{margin-right:.25rem!important}.me-2[data-v-fbd53aee]{margin-right:.5rem!important}.gap-2[data-v-fbd53aee]{gap:.5rem}.gap-3[data-v-fbd53aee]{gap:1rem}.flex-grow-1[data-v-fbd53aee]{flex-grow:1}.d-flex[data-v-fbd53aee]{display:flex}.align-items-center[data-v-fbd53aee]{align-items:center}.justify-content-between[data-v-fbd53aee]{justify-content:space-between}.opacity-90[data-v-fbd53aee]{opacity:.9}.bg-white[data-v-fbd53aee]{background-color:#fff}.bg-opacity-25[data-v-fbd53aee]{opacity:.25}.badge[data-v-fbd53aee]{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.visually-hidden[data-v-fbd53aee]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.header-card[data-v-1bf23db6]{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,.15);color:#fff}.icon-wrapper[data-v-1bf23db6]{width:60px;height:60px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;backdrop-filter:blur(10px)}.header-card h3[data-v-1bf23db6]{color:#fff;margin:0}.header-card p[data-v-1bf23db6]{color:hsla(0,0%,100%,.9)}.form-card[data-v-1bf23db6]{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,.06)}.form-section[data-v-1bf23db6]{height:100%}.section-title[data-v-1bf23db6]{color:#2d3748;font-weight:600;font-size:1.1rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.custom-label[data-v-1bf23db6]{display:block;font-weight:500;color:#4a5568;margin-bottom:.5rem;font-size:.95rem}.custom-input[data-v-1bf23db6]{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fafafa}.custom-input[data-v-1bf23db6]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.custom-input[data-v-1bf23db6]::-moz-placeholder{color:#a0aec0}.custom-input[data-v-1bf23db6]::placeholder{color:#a0aec0}textarea.custom-input[data-v-1bf23db6]{resize:vertical;min-height:120px}select.custom-input[data-v-1bf23db6]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234a5568' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-text[data-v-1bf23db6]{display:block;margin-top:.5rem;color:#718096;font-size:.85rem}.feature-box[data-v-1bf23db6]{background:linear-gradient(135deg,#e0e7ff,#ddd6fe);padding:1.5rem;border-radius:12px;display:flex;gap:1rem;align-items:start;border-left:4px solid #667eea;margin-top:1.5rem}.feature-icon[data-v-1bf23db6]{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.feature-content h6[data-v-1bf23db6]{color:#2d3748;font-weight:600;margin:0}.feature-content p[data-v-1bf23db6]{color:#4a5568;font-size:.9rem;line-height:1.5}.info-box[data-v-1bf23db6]{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1.25rem;border-radius:10px;display:flex;align-items:start;border-left:4px solid #f59e0b;margin-top:1rem}.info-box i[data-v-1bf23db6]{font-size:1.5rem;margin-top:.1rem;flex-shrink:0}.info-box strong[data-v-1bf23db6]{color:#92400e;display:block}.info-box ul[data-v-1bf23db6]{padding-left:1.25rem;color:#78350f;font-size:.9rem}.info-box ul li[data-v-1bf23db6]{margin-bottom:.25rem}.button-row[data-v-1bf23db6]{display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:2px solid #e2e8f0}.btn-clear[data-v-1bf23db6]{padding:.85rem 2rem;border:2px solid #e2e8f0;background:#fff;color:#718096;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.btn-clear[data-v-1bf23db6]:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748;transform:translateY(-1px)}.btn-create[data-v-1bf23db6]{padding:.85rem 2.5rem;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-create[data-v-1bf23db6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-create[data-v-1bf23db6]:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none}@media (max-width:991px){.form-card[data-v-1bf23db6],.header-card[data-v-1bf23db6]{padding:1.5rem}.button-row[data-v-1bf23db6]{flex-direction:column-reverse}.btn-clear[data-v-1bf23db6],.btn-create[data-v-1bf23db6]{width:100%;justify-content:center}.feature-box[data-v-1bf23db6]{flex-direction:column;text-align:center}.feature-icon[data-v-1bf23db6]{margin:0 auto}}.table td[data-v-2a7566d0],.table th[data-v-2a7566d0]{vertical-align:middle}.profile-container[data-v-79aedf24]{max-width:1400px;margin:0 auto;padding:1rem;min-height:100vh}.profile-header[data-v-79aedf24]{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #e5e5e5}.profile-icon[data-v-79aedf24]{width:70px;height:70px;background:#2d3748;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1.5rem}.profile-icon i[data-v-79aedf24]{font-size:2.5rem;color:#fff}.profile-header h4[data-v-79aedf24]{font-weight:700;color:#1a202c;margin:0}.info-card[data-v-79aedf24]{background:#f5f6fa;border-radius:12px;padding:2rem;height:100%;border:1px solid #e5e5e5;display:flex;flex-direction:column}.card-title[data-v-79aedf24]{display:flex;align-items:center;font-size:1.1rem;font-weight:600;color:#1a202c;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e5e5}.card-title i[data-v-79aedf24]{font-size:1.3rem;margin-right:.5rem;color:#4a5568}.form-group[data-v-79aedf24]{margin-bottom:1.5rem}.form-label[data-v-79aedf24]{font-weight:600;color:#2d3748;margin-bottom:.5rem;display:flex;align-items:center}.form-label i[data-v-79aedf24]{margin-right:.5rem;color:#718096}.modern-input[data-v-79aedf24],.modern-textarea[data-v-79aedf24]{border:2px solid #e5e5e5;border-radius:8px;padding:.75rem 1rem;transition:all .3s ease;font-size:.95rem;background:#fff}.modern-input[data-v-79aedf24]:focus,.modern-textarea[data-v-79aedf24]:focus{border-color:#4a5568;box-shadow:0 0 0 3px rgba(74,85,104,.1);outline:none;background:#fff}.modern-textarea[data-v-79aedf24]{resize:vertical;min-height:120px}.password-section[data-v-79aedf24]{background:#fff;border-radius:12px;padding:1.5rem;margin-top:1.5rem;border:2px solid #e5e5e5}.btn-change-password[data-v-79aedf24]{border-radius:8px;padding:.5rem 1.25rem;font-weight:500;transition:all .3s ease;border-width:2px}.btn-change-password[data-v-79aedf24]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);background:#2d3748;color:#fff;border-color:#2d3748}.action-buttons[data-v-79aedf24]{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.btn-cancel[data-v-79aedf24],.btn-save[data-v-79aedf24]{padding:.75rem 2rem;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border-width:2px}.btn-save[data-v-79aedf24]{background:#2d3748;border-color:#2d3748;color:#fff}.btn-save[data-v-79aedf24]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2);background:#1a202c;border-color:#1a202c}.btn-cancel[data-v-79aedf24]{background:#fff;border:2px solid #e5e5e5;color:#4a5568}.btn-cancel[data-v-79aedf24]:hover{background:#f5f6fa;border-color:#cbd5e0}.modern-modal[data-v-79aedf24]{border-radius:16px;border:1px solid #e5e5e5;overflow:hidden}.modern-modal .modal-header[data-v-79aedf24]{background:#fff;color:#000;border:none;padding:1.5rem 2rem}.modern-modal .modal-title[data-v-79aedf24]{font-weight:600;display:flex;align-items:center;gap:.5rem}.modern-modal .modal-header p[data-v-79aedf24]{color:#e2e8f0}.modern-modal .modal-header .btn-close[data-v-79aedf24]{filter:brightness(0) invert(1)}.modern-modal .modal-body[data-v-79aedf24]{padding:2rem;background:#fff}.modern-modal .modal-footer[data-v-79aedf24]{border-top:2px solid #e5e5e5;padding:1.25rem 2rem;background:#f5f6fa}.alert[data-v-79aedf24]{border-radius:8px;border:none;font-weight:500}@media (max-width:768px){.profile-container[data-v-79aedf24]{padding:1rem}.profile-content[data-v-79aedf24],.profile-header[data-v-79aedf24]{padding:1.5rem}.profile-icon[data-v-79aedf24]{width:50px;height:50px;margin-right:1rem}.profile-icon i[data-v-79aedf24]{font-size:1.8rem}.action-buttons[data-v-79aedf24]{flex-direction:column-reverse}.btn-cancel[data-v-79aedf24],.btn-save[data-v-79aedf24]{width:100%;justify-content:center}}.login-container[data-v-7e2aa14e]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#e4e4e421;padding:20px;position:relative;overflow:hidden}.login-container[data-v-7e2aa14e]:before{width:500px;height:500px;top:-250px;right:-250px}.login-container[data-v-7e2aa14e]:after,.login-container[data-v-7e2aa14e]:before{content:"";position:absolute;background:linear-gradient(135deg,#0ea4e9a7,#0ea4e9a7);border-radius:50%;opacity:.1}.login-container[data-v-7e2aa14e]:after{width:400px;height:400px;bottom:-200px;left:-200px}.login-card[data-v-7e2aa14e]{background:#fff;border-radius:24px;padding:50px 40px;width:100%;max-width:440px;position:relative;z-index:1;border:1px solid rgba(0,0,0,.05)}.login-header[data-v-7e2aa14e]{text-align:center;margin-bottom:40px}.login-header h1[data-v-7e2aa14e]{background:linear-gradient(135deg,#0ea4e9a7,#0ea4e9a7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:32px;margin-bottom:12px;font-weight:700;letter-spacing:-.5px}.login-header p[data-v-7e2aa14e]{color:#8b8b8b;font-size:15px;font-weight:400}.login-form[data-v-7e2aa14e]{display:flex;flex-direction:column}.form-group[data-v-7e2aa14e]{margin-bottom:20px}.form-group label[data-v-7e2aa14e]{display:block;color:#333;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[data-v-7e2aa14e]{width:100%;padding:14px 18px;border:2px solid #f0f0f0;border-radius:12px;font-size:15px;transition:all .3s ease;box-sizing:border-box;background-color:#fafafa}.form-group input[data-v-7e2aa14e]:focus{outline:none;border-color:#0ea4e9a7;box-shadow:0 0 0 4px rgba(102,126,234,.08);background-color:#fff}.form-group input[data-v-7e2aa14e]:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.error-message[data-v-7e2aa14e]{background-color:#fee;color:#c33;padding:12px;border-radius:8px;font-size:14px;margin-bottom:20px;border:1px solid #fcc}.success-message[data-v-7e2aa14e]{background-color:#efe;color:#3c3;padding:12px;border-radius:8px;font-size:14px;margin-bottom:20px;border:1px solid #cfc}.login-button[data-v-7e2aa14e]{width:100%;padding:16px;background:linear-gradient(135deg,#0ea4e9a7,#0ea4e9a7);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0ea4e9a7;margin-top:10px}.login-button[data-v-7e2aa14e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #0ea4e9a7}.login-button[data-v-7e2aa14e]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #0ea4e9a7}.login-button[data-v-7e2aa14e]:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width:480px){.login-card[data-v-7e2aa14e]{padding:30px 20px}.login-header h1[data-v-7e2aa14e]{font-size:24px}}