.toast-container[data-v-a4ef7058]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast[data-v-a4ef7058]{display:flex;align-items:center;gap:12px;min-width:320px;max-width:420px;padding:14px 16px;border-radius:12px;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;transition:all .2s ease}.toast[data-v-a4ef7058]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f,0 3px 8px #0000000f}.toast-success[data-v-a4ef7058]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac;color:#166534}.toast-success .toast-icon[data-v-a4ef7058]{color:#16a34a;background:#bbf7d0}.toast-error[data-v-a4ef7058]{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5;color:#991b1b}.toast-error .toast-icon[data-v-a4ef7058]{color:#dc2626;background:#fecaca}.toast-warning[data-v-a4ef7058]{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047;color:#854d0e}.toast-warning .toast-icon[data-v-a4ef7058]{color:#ca8a04;background:#fef08a}.toast-info[data-v-a4ef7058]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd;color:#1e40af}.toast-info .toast-icon[data-v-a4ef7058]{color:#2563eb;background:#bfdbfe}.toast-icon[data-v-a4ef7058]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon svg[data-v-a4ef7058]{width:18px;height:18px}.toast-content[data-v-a4ef7058]{flex:1;min-width:0}.toast-message[data-v-a4ef7058]{font-size:14px;font-weight:500;line-height:1.4;word-break:break-word}.toast-close[data-v-a4ef7058]{width:24px;height:24px;border:none;background:#0000000d;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease;color:currentColor;opacity:.6}.toast-close[data-v-a4ef7058]:hover{opacity:1;background:#0000001a;transform:scale(1.1)}.toast-close svg[data-v-a4ef7058]{width:14px;height:14px}.toast-enter-active[data-v-a4ef7058],.toast-leave-active[data-v-a4ef7058]{transition:all .3s ease}.toast-enter-from[data-v-a4ef7058]{opacity:0;transform:translateY(-20px) translate(30px)}.toast-leave-to[data-v-a4ef7058]{opacity:0;transform:translate(30px)}.toast-move[data-v-a4ef7058]{transition:transform .3s ease}@media(max-width:768px){.toast-container[data-v-a4ef7058]{top:16px;right:16px;left:16px}.toast[data-v-a4ef7058]{min-width:auto;max-width:none}}@media(max-width:480px){.toast-container[data-v-a4ef7058]{top:12px;right:12px;left:12px}.toast[data-v-a4ef7058]{padding:12px 14px;gap:10px}.toast-icon[data-v-a4ef7058]{width:28px;height:28px}.toast-icon svg[data-v-a4ef7058]{width:16px;height:16px}.toast-message[data-v-a4ef7058]{font-size:13px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}html,body,#app{height:100%;margin:0}*{box-sizing:border-box}.wrapper[data-v-cc976e89]{max-width:420px;margin:64px auto}.card[data-v-cc976e89]{background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 1px 2px #1018280a;padding:16px}.form[data-v-cc976e89]{display:flex;flex-direction:column;gap:10px}.field[data-v-cc976e89]{display:flex;flex-direction:column;gap:6px}.field>span[data-v-cc976e89]{font-size:12px;color:#667085}.field input[data-v-cc976e89]{padding:10px;border:1px solid #d8dde6;border-radius:8px}.btn[data-v-cc976e89]{height:40px;padding:0 12px;border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:8px;cursor:pointer;font-weight:500}.btn[data-v-cc976e89]:disabled{opacity:.7;cursor:default}.error[data-v-cc976e89]{color:#c00}@media(max-width:768px){.wrapper[data-v-cc976e89]{max-width:100%;margin:32px 16px;padding:0 12px}.card[data-v-cc976e89]{padding:14px}h2[data-v-cc976e89]{font-size:20px;text-align:center}}@media(max-width:480px){.wrapper[data-v-cc976e89]{margin:20px 12px;padding:0 8px}.card[data-v-cc976e89]{padding:12px}h2[data-v-cc976e89]{font-size:18px}.field input[data-v-cc976e89]{padding:8px;font-size:14px}.btn[data-v-cc976e89]{height:38px;font-size:14px}}.layout[data-v-11ff645b]{display:grid;grid-template-columns:280px 1fr;height:100vh;background:#f8fafc}.hamburger[data-v-11ff645b]{display:none;position:fixed;top:16px;left:16px;z-index:1001;width:44px;height:44px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.hamburger[data-v-11ff645b]:hover{background:#f8fafc;border-color:#cbd5e1}.hamburger[data-v-11ff645b]:active{transform:scale(.95)}.hamburger span[data-v-11ff645b]{display:block;width:22px;height:2px;background:#334155;border-radius:2px;transition:all .3s ease}.hamburger.active span[data-v-11ff645b]:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span[data-v-11ff645b]:nth-child(2){opacity:0}.hamburger.active span[data-v-11ff645b]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.overlay[data-v-11ff645b]{display:none;position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn-11ff645b .3s ease}@keyframes fadeIn-11ff645b{0%{opacity:0}to{opacity:1}}aside[data-v-11ff645b]{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow-y:auto;transition:transform .3s ease;box-shadow:2px 0 12px #0000000a}.sidebar-header[data-v-11ff645b]{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.brand[data-v-11ff645b]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-11ff645b]{width:32px;height:32px;color:#3b82f6}.sidebar-header h3[data-v-11ff645b]{margin:0;font-size:20px;font-weight:700;color:#3b82f6;letter-spacing:-.5px}.close-btn[data-v-11ff645b]{display:none;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease}.close-btn[data-v-11ff645b]:hover{background:#e2e8f0}.close-btn svg[data-v-11ff645b]{width:18px;height:18px;color:#475569}nav[data-v-11ff645b]{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-section[data-v-11ff645b]{display:flex;flex-direction:column;gap:2px}.nav-label[data-v-11ff645b]{font-size:11px;font-weight:600;color:#94a3b8;padding:12px 16px 8px;letter-spacing:.5px;text-transform:uppercase}.nav-divider[data-v-11ff645b]{height:1px;background:#e2e8f0;margin:12px 16px}nav a[data-v-11ff645b]{display:flex;align-items:center;gap:12px;text-decoration:none;color:#475569;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;transition:all .2s ease;position:relative}nav a[data-v-11ff645b]:hover{background:#f1f5f9;color:#1e293b}nav a.router-link-active[data-v-11ff645b]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}nav a.router-link-active[data-v-11ff645b]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:#fff;border-radius:0 4px 4px 0}.nav-icon[data-v-11ff645b]{width:20px;height:20px;flex-shrink:0}nav a.router-link-active .nav-icon[data-v-11ff645b]{color:#fff}.sidebar-footer[data-v-11ff645b]{padding:16px;border-top:1px solid #e2e8f0;background:#f8fafc}.user-info[data-v-11ff645b]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:10px;margin-bottom:12px;border:1px solid #e2e8f0}.avatar[data-v-11ff645b]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;box-shadow:0 2px 8px #3b82f64d;overflow:hidden;position:relative}.avatar-img[data-v-11ff645b]{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.user-details[data-v-11ff645b]{flex:1;min-width:0}.user-name[data-v-11ff645b]{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-11ff645b]{font-size:12px;color:#64748b}.logout-btn[data-v-11ff645b]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#ef4444;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.logout-btn[data-v-11ff645b]:hover{background:#fef2f2;border-color:#fecaca}.logout-btn svg[data-v-11ff645b]{width:18px;height:18px}main[data-v-11ff645b]{padding:32px;overflow:auto;background:#f8fafc}aside[data-v-11ff645b]::-webkit-scrollbar,nav[data-v-11ff645b]::-webkit-scrollbar{width:6px}aside[data-v-11ff645b]::-webkit-scrollbar-track,nav[data-v-11ff645b]::-webkit-scrollbar-track{background:transparent}aside[data-v-11ff645b]::-webkit-scrollbar-thumb,nav[data-v-11ff645b]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}aside[data-v-11ff645b]::-webkit-scrollbar-thumb:hover,nav[data-v-11ff645b]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.layout[data-v-11ff645b]{grid-template-columns:1fr}.hamburger[data-v-11ff645b]{display:flex}.overlay[data-v-11ff645b]{display:block}aside[data-v-11ff645b]{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1000;transform:translate(-100%);box-shadow:4px 0 24px #00000026}aside.open[data-v-11ff645b]{transform:translate(0)}.close-btn[data-v-11ff645b]{display:flex}main[data-v-11ff645b]{padding:80px 16px 16px}}@media(max-width:480px){aside[data-v-11ff645b]{width:260px}.sidebar-header[data-v-11ff645b]{padding:16px}.logo-icon[data-v-11ff645b]{width:28px;height:28px}.sidebar-header h3[data-v-11ff645b]{font-size:18px}nav a[data-v-11ff645b]{padding:10px 14px;font-size:13px}.nav-icon[data-v-11ff645b]{width:18px;height:18px}main[data-v-11ff645b]{padding:72px 12px 12px}}.wrapper[data-v-c2ed5181]{max-width:1400px;margin:0 auto;padding:0 24px}.page-header[data-v-c2ed5181]{margin-bottom:32px}.header-content[data-v-c2ed5181]{margin-bottom:24px}.header-content h2[data-v-c2ed5181]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-icon[data-v-c2ed5181]{width:32px;height:32px;color:#3b82f6;stroke-width:2.5}.subtitle[data-v-c2ed5181]{margin:0;color:#64748b;font-size:15px}.stats-row[data-v-c2ed5181]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.stat-card[data-v-c2ed5181]{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.stat-card[data-v-c2ed5181]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.stat-card svg[data-v-c2ed5181]{width:40px;height:40px;color:#3b82f6;flex-shrink:0}.stat-card.stat-success svg[data-v-c2ed5181]{color:#10b981}.stat-card.stat-warning svg[data-v-c2ed5181]{color:#f59e0b}.stat-value[data-v-c2ed5181]{font-size:28px;font-weight:700;color:#1e293b;line-height:1}.stat-label[data-v-c2ed5181]{font-size:13px;color:#64748b;margin-top:4px}.card[data-v-c2ed5181]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.card-header-section[data-v-c2ed5181]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.card-header-section h3[data-v-c2ed5181]{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:#1e293b}.card-header-section h3 svg[data-v-c2ed5181]{width:22px;height:22px;color:#3b82f6}.btn-reload[data-v-c2ed5181]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-reload[data-v-c2ed5181]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.btn-reload svg[data-v-c2ed5181]{width:16px;height:16px}.form-inline[data-v-c2ed5181]{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.field[data-v-c2ed5181]{display:flex;flex-direction:column;gap:8px;flex:1;min-width:250px}.field label[data-v-c2ed5181]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}.field label svg[data-v-c2ed5181]{width:16px;height:16px;color:#3b82f6}.field input[data-v-c2ed5181],.field select[data-v-c2ed5181]{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;background:#f8fafc;transition:all .2s ease}.field input[data-v-c2ed5181]:focus,.field select[data-v-c2ed5181]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.btn[data-v-c2ed5181]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1.5px solid;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn svg[data-v-c2ed5181]{width:18px;height:18px}.btn[data-v-c2ed5181]:disabled{opacity:.6;cursor:not-allowed}.btn.primary[data-v-c2ed5181]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.btn.primary[data-v-c2ed5181]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn.outline[data-v-c2ed5181]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1}.btn.outline[data-v-c2ed5181]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.info[data-v-c2ed5181]{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:10px;color:#92400e;font-size:14px;line-height:1.5;margin-bottom:16px}.info svg[data-v-c2ed5181]{width:20px;height:20px;flex-shrink:0;color:#f59e0b}.toolbar[data-v-c2ed5181]{margin-bottom:16px}.filters[data-v-c2ed5181]{display:grid;grid-template-columns:2fr 1fr;gap:12px}.row-btns[data-v-c2ed5181]{display:flex;gap:8px}.hint[data-v-c2ed5181]{display:flex;align-items:center;gap:8px;color:#64748b;margin-top:8px;margin-bottom:16px;font-size:14px;padding:10px 12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.hint svg[data-v-c2ed5181]{width:18px;height:18px;flex-shrink:0;color:#3b82f6}.connection-success[data-v-c2ed5181]{margin:20px 0;padding:24px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #34d399;border-radius:16px;display:flex;gap:20px;box-shadow:0 4px 16px #34d39933}.success-icon-box[data-v-c2ed5181]{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #10b9814d}.success-icon-box svg[data-v-c2ed5181]{width:32px;height:32px;color:#fff}.success-content[data-v-c2ed5181]{flex:1}.success-content h4[data-v-c2ed5181]{margin:0 0 8px;color:#065f46;font-size:18px;font-weight:700}.success-content p[data-v-c2ed5181]{margin:0 0 16px;color:#047857;line-height:1.6}.success-content strong[data-v-c2ed5181]{font-weight:600;color:#065f46}.success-features[data-v-c2ed5181]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}.feature-item[data-v-c2ed5181]{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff80;border-radius:10px;font-size:13px;font-weight:500;color:#065f46;border:1px solid rgba(16,185,129,.2)}.feature-icon[data-v-c2ed5181]{font-size:18px}.success-note[data-v-c2ed5181]{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;background:#fff9;border-radius:10px;font-size:13px;color:#047857;border-left:3px solid #10b981}.success-note svg[data-v-c2ed5181]{width:18px;height:18px;flex-shrink:0;color:#10b981}.status-display[data-v-c2ed5181]{margin:16px 0;padding:16px 20px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #60a5fa;border-radius:12px;display:flex;align-items:center;gap:12px;color:#1e40af;font-weight:500}.status-spinner[data-v-c2ed5181]{width:20px;height:20px;border:3px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin-c2ed5181 .8s linear infinite}@keyframes spin-c2ed5181{to{transform:rotate(360deg)}}.error-box[data-v-c2ed5181]{display:flex;align-items:center;gap:10px;margin:16px 0;padding:14px 16px;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;border-radius:10px;color:#991b1b;font-weight:500}.error-box svg[data-v-c2ed5181]{width:20px;height:20px;flex-shrink:0;color:#dc2626}.qr-container[data-v-c2ed5181]{margin:24px 0;text-align:center}.qr-header[data-v-c2ed5181]{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.qr-header svg[data-v-c2ed5181]{width:24px;height:24px;color:#3b82f6}.qr-header h4[data-v-c2ed5181]{margin:0;font-size:18px;font-weight:600;color:#1e293b}.qr[data-v-c2ed5181]{margin:20px 0;display:flex;justify-content:center}.qr img[data-v-c2ed5181]{width:320px;height:320px;object-fit:contain;border:3px solid #e2e8f0;border-radius:16px;padding:20px;background:#fff;box-shadow:0 4px 16px #0000001a}.qr-instructions[data-v-c2ed5181]{max-width:500px;margin:24px auto 0;text-align:left}.instruction-step[data-v-c2ed5181]{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#475569}.step-number[data-v-c2ed5181]{width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.instruction-step strong[data-v-c2ed5181]{color:#1e293b;font-weight:600}.qr-ascii[data-v-c2ed5181]{margin-top:20px;border:1px solid #e2e8f0;background:#f8fafc;padding:16px;border-radius:12px}.qr-ascii h4[data-v-c2ed5181]{margin:0 0 12px;font-size:16px;color:#475569}.qr-ascii pre[data-v-c2ed5181]{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:10px;white-space:pre;color:#1e293b;overflow-x:auto}.loading-qr[data-v-c2ed5181]{display:flex;flex-direction:column;align-items:center;margin:32px 0;padding:40px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:16px}.spinner-large[data-v-c2ed5181]{width:56px;height:56px;border:5px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-c2ed5181 1s linear infinite;margin-bottom:20px}.loading-qr p[data-v-c2ed5181]{margin:0 0 8px;font-size:16px;font-weight:600;color:#475569}.loading-qr small[data-v-c2ed5181]{color:#64748b;font-size:13px}.devices-grid[data-v-c2ed5181]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.device-card[data-v-c2ed5181]{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.device-card[data-v-c2ed5181]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#cbd5e1}.device-card.is-connected[data-v-c2ed5181]{border-color:#34d399;background:linear-gradient(135deg,#fff,#f0fdf4)}.device-header[data-v-c2ed5181]{padding:20px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #f1f5f9;display:flex;gap:14px;align-items:flex-start}.device-icon[data-v-c2ed5181]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-icon svg[data-v-c2ed5181]{width:28px;height:28px;color:#1e40af}.device-icon.is-open[data-v-c2ed5181]{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.device-icon.is-open svg[data-v-c2ed5181]{color:#065f46}.device-icon.is-closed[data-v-c2ed5181]{background:linear-gradient(135deg,#fee2e2,#fecaca)}.device-icon.is-closed svg[data-v-c2ed5181]{color:#991b1b}.device-info[data-v-c2ed5181]{flex:1;min-width:0}.device-info h4[data-v-c2ed5181]{margin:0 0 4px;font-size:16px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-id[data-v-c2ed5181]{font-size:12px;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.status-badge[data-v-c2ed5181]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid}.status-badge .status-dot[data-v-c2ed5181]{width:8px;height:8px;border-radius:50%;animation:pulse-c2ed5181 2s ease-in-out infinite}.status-badge.is-open[data-v-c2ed5181]{color:#065f46;background:#d1fae5;border-color:#34d399}.status-badge.is-open .status-dot[data-v-c2ed5181]{background:#10b981}.status-badge.is-pending[data-v-c2ed5181]{color:#92400e;background:#fef3c7;border-color:#fbbf24}.status-badge.is-pending .status-dot[data-v-c2ed5181]{background:#f59e0b}.status-badge.is-closed[data-v-c2ed5181]{color:#991b1b;background:#fee2e2;border-color:#f87171}.status-badge.is-closed .status-dot[data-v-c2ed5181]{background:#dc2626}@keyframes pulse-c2ed5181{0%,to{opacity:1}50%{opacity:.5}}.device-body[data-v-c2ed5181]{padding:20px}.device-feature[data-v-c2ed5181]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#475569;margin-bottom:12px}.device-feature svg[data-v-c2ed5181]{width:20px;height:20px;color:#3b82f6;flex-shrink:0}.sync-status[data-v-c2ed5181]{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.sync-icon[data-v-c2ed5181]{width:16px;height:16px;color:#10b981;animation:rotate-c2ed5181 2s linear infinite}@keyframes rotate-c2ed5181{to{transform:rotate(360deg)}}.sync-text[data-v-c2ed5181]{color:#059669;font-weight:500}.warning-icon[data-v-c2ed5181]{width:16px;height:16px;color:#f59e0b}.dim[data-v-c2ed5181]{color:#94a3b8}.device-footer[data-v-c2ed5181]{padding:16px 20px;border-top:1px solid #f1f5f9;background:#f8fafc}.btn-delete[data-v-c2ed5181]{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1.5px solid #fca5a5;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-delete[data-v-c2ed5181]:hover:not(:disabled){background:linear-gradient(135deg,#fee2e2,#fecaca);transform:translateY(-1px);box-shadow:0 2px 8px #dc262633}.btn-delete[data-v-c2ed5181]:disabled{opacity:.5;cursor:not-allowed}.btn-delete svg[data-v-c2ed5181]{width:16px;height:16px}.empty-state[data-v-c2ed5181]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #cbd5e1;border-radius:16px;text-align:center}.empty-state svg[data-v-c2ed5181]{width:64px;height:64px;color:#cbd5e1;margin-bottom:16px}.empty-state h3[data-v-c2ed5181]{margin:0 0 8px;font-size:20px;color:#475569}.empty-state p[data-v-c2ed5181]{margin:0 0 4px;color:#64748b;font-size:15px}.empty-state small[data-v-c2ed5181]{color:#94a3b8;font-size:13px}@media(max-width:1024px){.devices-grid[data-v-c2ed5181]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.filters[data-v-c2ed5181]{grid-template-columns:1fr}.success-features[data-v-c2ed5181]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.wrapper[data-v-c2ed5181]{padding:0 16px}.header-content h2[data-v-c2ed5181]{font-size:24px}.header-icon[data-v-c2ed5181]{width:28px;height:28px}.stats-row[data-v-c2ed5181],.devices-grid[data-v-c2ed5181]{grid-template-columns:1fr}.form-inline[data-v-c2ed5181]{flex-direction:column;align-items:stretch}.field[data-v-c2ed5181]{min-width:unset}.row-btns[data-v-c2ed5181]{flex-direction:column}.row-btns button[data-v-c2ed5181]{width:100%}.connection-success[data-v-c2ed5181]{flex-direction:column;text-align:center}.success-icon-box[data-v-c2ed5181]{margin:0 auto}.qr img[data-v-c2ed5181]{width:280px;height:280px}}@media(max-width:480px){.wrapper[data-v-c2ed5181]{padding:0 12px}.card[data-v-c2ed5181]{padding:16px}.header-content h2[data-v-c2ed5181]{font-size:20px}.stat-card[data-v-c2ed5181]{padding:16px}.stat-card svg[data-v-c2ed5181]{width:32px;height:32px}.stat-value[data-v-c2ed5181]{font-size:24px}.qr img[data-v-c2ed5181]{width:240px;height:240px}.success-features[data-v-c2ed5181]{grid-template-columns:1fr}}.modal-overlay[data-v-c2ed5181]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-modal-overlay[data-v-c2ed5181]{animation:fadeIn-c2ed5181 .2s ease-out}@keyframes fadeIn-c2ed5181{0%{opacity:0}to{opacity:1}}.delete-modal[data-v-c2ed5181]{background:#fff;border-radius:20px;max-width:480px;width:90%;box-shadow:0 20px 60px #0000004d;padding:32px;text-align:center;animation:slideUp-c2ed5181 .3s ease-out}@keyframes slideUp-c2ed5181{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal-icon[data-v-c2ed5181]{margin-bottom:20px;animation:pulse-icon-c2ed5181 .5s ease-out}@keyframes pulse-icon-c2ed5181{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.icon-circle[data-v-c2ed5181]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.icon-circle[data-v-c2ed5181]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);opacity:.3;animation:ripple-c2ed5181 1.5s infinite}@keyframes ripple-c2ed5181{0%{transform:scale(1);opacity:.3}to{transform:scale(1.5);opacity:0}}.icon-circle svg[data-v-c2ed5181]{width:40px;height:40px;color:#dc2626;position:relative;z-index:1}.delete-modal-content h3[data-v-c2ed5181]{margin:0 0 12px;font-size:22px;font-weight:700;color:#1e293b}.delete-warning[data-v-c2ed5181]{margin:0 0 24px;color:#64748b;font-size:14px;line-height:1.6}.device-preview[data-v-c2ed5181]{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:24px;text-align:left;transition:all .2s ease}.device-preview[data-v-c2ed5181]:hover{border-color:#cbd5e1;transform:translateY(-1px)}.preview-icon[data-v-c2ed5181]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-icon svg[data-v-c2ed5181]{width:24px;height:24px;color:#1e40af}.preview-icon.is-open[data-v-c2ed5181]{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.preview-icon.is-open svg[data-v-c2ed5181]{color:#065f46}.preview-icon.is-closed[data-v-c2ed5181]{background:linear-gradient(135deg,#fee2e2,#fecaca)}.preview-icon.is-closed svg[data-v-c2ed5181]{color:#991b1b}.preview-info[data-v-c2ed5181]{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.preview-name[data-v-c2ed5181]{font-weight:600;color:#1e293b;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-status[data-v-c2ed5181]{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#64748b}.preview-status .status-dot[data-v-c2ed5181]{width:8px;height:8px;border-radius:50%}.preview-status .status-dot.is-open[data-v-c2ed5181]{background:#10b981}.preview-status .status-dot.is-closed[data-v-c2ed5181]{background:#dc2626}.preview-status .status-dot.is-pending[data-v-c2ed5181]{background:#f59e0b}.delete-modal-actions[data-v-c2ed5181]{display:flex;gap:12px;margin-top:24px}.btn-keep[data-v-c2ed5181],.btn-delete-confirm[data-v-c2ed5181]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-keep[data-v-c2ed5181]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1}.btn-keep[data-v-c2ed5181]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-delete-confirm[data-v-c2ed5181]{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-delete-confirm[data-v-c2ed5181]:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.btn-delete-confirm[data-v-c2ed5181]:disabled,.btn-keep[data-v-c2ed5181]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-keep svg[data-v-c2ed5181],.btn-delete-confirm svg[data-v-c2ed5181]{width:18px;height:18px}@media(max-width:768px){.delete-modal[data-v-c2ed5181]{padding:24px;max-width:90%}.icon-circle[data-v-c2ed5181]{width:72px;height:72px}.icon-circle svg[data-v-c2ed5181]{width:36px;height:36px}.delete-modal-content h3[data-v-c2ed5181]{font-size:20px}.delete-modal-actions[data-v-c2ed5181]{flex-direction:column;gap:10px}.btn-keep[data-v-c2ed5181],.btn-delete-confirm[data-v-c2ed5181]{width:100%}}[data-v-f7295bad]{box-sizing:border-box}.wrapper[data-v-f7295bad]{max-width:1400px;margin:0 auto;padding:0 24px}.page-header[data-v-f7295bad]{margin-bottom:32px}.header-content[data-v-f7295bad]{margin-bottom:24px}.header-content h2[data-v-f7295bad]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-content h2 svg[data-v-f7295bad]{width:32px;height:32px;color:#3b82f6;stroke-width:2.5}.subtitle[data-v-f7295bad]{margin:0;color:#64748b;font-size:15px;line-height:1.6}.feedback-form[data-v-f7295bad]{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.badge-connected[data-v-f7295bad]{padding:6px 12px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #86efac;display:flex;align-items:center;gap:6px}.badge-connected svg[data-v-f7295bad]{width:14px;height:14px}.badge-disconnected[data-v-f7295bad]{padding:6px 12px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #fca5a5;display:flex;align-items:center;gap:6px}.badge-disconnected svg[data-v-f7295bad]{width:14px;height:14px}.device-selector-wrapper[data-v-f7295bad]{display:flex;gap:10px;align-items:flex-start}.device-select[data-v-f7295bad]{flex:1}.btn-refresh[data-v-f7295bad]{padding:12px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1.5px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-refresh[data-v-f7295bad]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-refresh[data-v-f7295bad]:disabled{opacity:.5;cursor:not-allowed}.btn-refresh svg[data-v-f7295bad]{width:18px;height:18px}.card[data-v-f7295bad]{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.card-header[data-v-f7295bad]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#fff)}.card-title[data-v-f7295bad]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#1e293b;margin:0}.card-title svg[data-v-f7295bad]{width:22px;height:22px;color:#3b82f6}.btn-refresh-header[data-v-f7295bad]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1.5px solid #cbd5e1;border-radius:10px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh-header[data-v-f7295bad]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-refresh-header[data-v-f7295bad]:disabled{opacity:.5;cursor:not-allowed}.btn-refresh-header svg[data-v-f7295bad]{width:16px;height:16px}.device-info-card[data-v-f7295bad]{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;margin-bottom:24px;border:2px solid;transition:all .3s}.device-info-card.connected[data-v-f7295bad]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.device-info-card.disconnected[data-v-f7295bad]{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.device-avatar[data-v-f7295bad]{position:relative;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.device-info-card.connected .device-avatar[data-v-f7295bad]{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}.device-info-card.disconnected .device-avatar[data-v-f7295bad]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.device-avatar svg[data-v-f7295bad]{width:32px;height:32px;color:#fff}.status-indicator[data-v-f7295bad]{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;border:3px solid white;background:#94a3b8;transition:all .3s}.status-indicator.online[data-v-f7295bad]{background:#22c55e;animation:pulse-f7295bad 2s infinite}@keyframes pulse-f7295bad{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 6px #22c55e00}}.device-details[data-v-f7295bad]{flex:1;min-width:0}.device-name[data-v-f7295bad]{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-meta[data-v-f7295bad]{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.device-status[data-v-f7295bad]{display:flex;align-items:center;gap:4px;font-weight:600}.device-status.online[data-v-f7295bad]{color:#15803d}.device-status svg[data-v-f7295bad]{width:8px;height:8px}.device-divider[data-v-f7295bad]{color:#cbd5e1}.device-id[data-v-f7295bad]{font-family:Courier New,monospace;font-size:12px}.btn-change-device[data-v-f7295bad]{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-change-device[data-v-f7295bad]:hover{border-color:#3b82f6;color:#3b82f6;background:#f8fafc;transform:translateY(-1px)}.btn-change-device svg[data-v-f7295bad]{width:18px;height:18px}.device-selector-empty[data-v-f7295bad]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;margin-bottom:24px}.empty-icon[data-v-f7295bad]{width:64px;height:64px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;display:flex;align-items:center;justify-content:center}.empty-icon svg[data-v-f7295bad]{width:32px;height:32px;color:#1e40af}.empty-text[data-v-f7295bad]{text-align:center}.empty-text h4[data-v-f7295bad]{margin:0 0 6px;font-size:18px;font-weight:700;color:#1e293b}.empty-text p[data-v-f7295bad]{margin:0;font-size:14px;color:#64748b}.device-list[data-v-f7295bad]{margin-top:24px}.device-list .form-label[data-v-f7295bad]{margin-bottom:12px}.device-grid[data-v-f7295bad]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.device-item[data-v-f7295bad]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.device-item[data-v-f7295bad]:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.device-item.active[data-v-f7295bad]{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 2px 8px #3b82f633}.device-item.connected[data-v-f7295bad]{border-color:#86efac}.device-item.connected[data-v-f7295bad]:hover{border-color:#22c55e;background:#f0fdf4}.device-item.disconnected[data-v-f7295bad]{border-color:#fca5a5;opacity:.7}.device-item.disconnected[data-v-f7295bad]:hover{border-color:#ef4444;background:#fef2f2}.device-item-avatar[data-v-f7295bad]{position:relative;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-item.active .device-item-avatar[data-v-f7295bad]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.device-item.connected .device-item-avatar[data-v-f7295bad]{background:linear-gradient(135deg,#86efac,#4ade80)}.device-item.disconnected .device-item-avatar[data-v-f7295bad]{background:linear-gradient(135deg,#fca5a5,#f87171)}.device-item-avatar svg[data-v-f7295bad]{width:24px;height:24px;color:#1e40af}.device-item.active .device-item-avatar svg[data-v-f7295bad],.device-item.connected .device-item-avatar svg[data-v-f7295bad],.device-item.disconnected .device-item-avatar svg[data-v-f7295bad]{color:#fff}.device-item-status[data-v-f7295bad]{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid white;background:#94a3b8}.device-item-status.online[data-v-f7295bad]{background:#22c55e}.device-item-info[data-v-f7295bad]{flex:1;min-width:0}.device-item-name[data-v-f7295bad]{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-item-status-text[data-v-f7295bad]{font-size:13px;color:#64748b;font-weight:500}.device-item-status-text.online[data-v-f7295bad]{color:#15803d}.badge-count[data-v-f7295bad]{padding:6px 12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #93c5fd}.form-row[data-v-f7295bad]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.form-group[data-v-f7295bad]{display:flex;flex-direction:column;gap:8px}.card-body[data-v-f7295bad]{padding:24px}.preview-section[data-v-f7295bad]{margin-top:8px}.message-preview[data-v-f7295bad]{padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;max-height:300px;overflow-y:auto}.message-preview pre[data-v-f7295bad]{white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;color:#334155}.message-preview.no-preview[data-v-f7295bad]{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.message-preview.no-preview svg[data-v-f7295bad]{width:24px;height:24px;color:#92400e;flex-shrink:0}.message-preview.no-preview p[data-v-f7295bad]{margin:0;color:#92400e;font-size:14px;font-weight:500}.selected-recipients[data-v-f7295bad]{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.recipients-chips[data-v-f7295bad]{display:flex;flex-wrap:wrap;gap:8px}.recipient-chip[data-v-f7295bad]{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#475569;font-weight:500;transition:all .2s}.recipient-chip[data-v-f7295bad]:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.chip-label[data-v-f7295bad]{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-close[data-v-f7295bad]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.chip-close[data-v-f7295bad]:hover{color:#ef4444}.chip-close svg[data-v-f7295bad]{width:16px;height:16px}.recipient-tabs[data-v-f7295bad]{display:flex;gap:8px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0;overflow-x:auto}.recipient-tab[data-v-f7295bad]{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;margin-bottom:-10px}.recipient-tab[data-v-f7295bad]:hover{color:#3b82f6;background:#f8fafc;border-radius:10px 10px 0 0}.recipient-tab.active[data-v-f7295bad]{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.recipient-tab svg[data-v-f7295bad]{width:18px;height:18px}.tab-content[data-v-f7295bad]{margin-top:16px}.tab-pane[data-v-f7295bad]{animation:fadeIn-f7295bad .2s ease}@keyframes fadeIn-f7295bad{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.input-with-button[data-v-f7295bad]{display:flex;gap:10px;align-items:flex-start}.input-with-button .form-input[data-v-f7295bad],.input-with-button .form-select[data-v-f7295bad]{flex:1}.btn-primary[data-v-f7295bad],.btn-secondary[data-v-f7295bad]{display:flex;align-items:center;gap:6px;padding:12px 18px;border:1.5px solid;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary[data-v-f7295bad]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.btn-primary[data-v-f7295bad]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-primary[data-v-f7295bad]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-f7295bad]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1;padding:12px}.btn-secondary[data-v-f7295bad]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-secondary[data-v-f7295bad]:disabled{opacity:.5;cursor:not-allowed}.btn-primary svg[data-v-f7295bad],.btn-secondary svg[data-v-f7295bad]{width:18px;height:18px}.spinning[data-v-f7295bad]{animation:spin-f7295bad 1s linear infinite}@keyframes spin-f7295bad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-section[data-v-f7295bad]{display:flex;flex-direction:column;gap:12px}.info-card[data-v-f7295bad]{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px}.info-card svg[data-v-f7295bad]{width:24px;height:24px;color:#1e40af;flex-shrink:0}.info-content[data-v-f7295bad]{flex:1}.info-text[data-v-f7295bad]{color:#1e40af;font-size:14px;font-weight:500}.info-text strong[data-v-f7295bad]{font-weight:700}.alert[data-v-f7295bad]{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:500;border:1px solid}.alert svg[data-v-f7295bad]{width:20px;height:20px;flex-shrink:0}.alert-success[data-v-f7295bad]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#86efac}.alert-error[data-v-f7295bad]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.form-actions[data-v-f7295bad]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.btn-submit[data-v-f7295bad]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.btn-submit[data-v-f7295bad]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-submit[data-v-f7295bad]:active:not(:disabled){transform:translateY(0)}.btn-submit[data-v-f7295bad]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit svg[data-v-f7295bad]{width:20px;height:20px}.form-label[data-v-f7295bad]{display:flex;align-items:center;gap:6px;font-weight:600;color:#475569;font-size:13px}.form-label svg[data-v-f7295bad]{width:16px;height:16px;color:#3b82f6}.required[data-v-f7295bad]{color:#ef4444}.optional[data-v-f7295bad]{color:#94a3b8;font-weight:400}.form-input[data-v-f7295bad],.form-textarea[data-v-f7295bad],.form-select[data-v-f7295bad]{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;transition:all .2s;background:#f8fafc}.form-input[data-v-f7295bad]:focus,.form-textarea[data-v-f7295bad]:focus,.form-select[data-v-f7295bad]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-select[data-v-f7295bad]:disabled{opacity:.6;cursor:not-allowed;background:#f1f5f9}.form-textarea[data-v-f7295bad]{resize:vertical;min-height:100px;line-height:1.5}.form-help[data-v-f7295bad]{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px}.help-text[data-v-f7295bad]{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;margin-top:4px;font-style:normal}.help-text svg[data-v-f7295bad]{width:12px;height:12px;flex-shrink:0;color:#94a3b8}@media(max-width:1200px){.wrapper[data-v-f7295bad]{padding:0 20px}}@media(max-width:768px){.wrapper[data-v-f7295bad]{padding:0 16px}.header-content h2[data-v-f7295bad]{font-size:24px}.header-content h2 svg[data-v-f7295bad]{width:28px;height:28px}.form-row[data-v-f7295bad]{grid-template-columns:1fr}.card-header[data-v-f7295bad]{padding:16px 20px}.card-body[data-v-f7295bad]{padding:20px}.recipient-tabs[data-v-f7295bad]{overflow-x:auto;-webkit-overflow-scrolling:touch}.input-with-button[data-v-f7295bad]{flex-wrap:wrap}.input-with-button .form-input[data-v-f7295bad],.input-with-button .form-select[data-v-f7295bad]{flex:1 1 100%}.btn-primary[data-v-f7295bad]{flex:1}.form-actions[data-v-f7295bad]{padding:20px}.message-preview[data-v-f7295bad]{max-height:200px}}@media(max-width:480px){.wrapper[data-v-f7295bad]{padding:0 12px}.header-content h2[data-v-f7295bad]{font-size:20px}.card-header[data-v-f7295bad]{padding:14px 16px}.card-body[data-v-f7295bad]{padding:16px}}[data-v-d34e9a04]{box-sizing:border-box}.wrapper[data-v-d34e9a04]{max-width:1400px;margin:0 auto;padding:0 24px}.page-header[data-v-d34e9a04]{margin-bottom:32px}.header-content[data-v-d34e9a04]{margin-bottom:24px}.header-content h2[data-v-d34e9a04]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-content h2 svg[data-v-d34e9a04]{width:32px;height:32px;color:#3b82f6;stroke-width:2.5}.subtitle[data-v-d34e9a04]{margin:0;color:#64748b;font-size:15px;line-height:1.6}.reminder-form[data-v-d34e9a04]{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.card[data-v-d34e9a04]{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.card-header[data-v-d34e9a04]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#fff)}.card-title[data-v-d34e9a04]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#1e293b;margin:0}.card-title svg[data-v-d34e9a04]{width:22px;height:22px;color:#3b82f6}.btn-refresh-header[data-v-d34e9a04]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1.5px solid #cbd5e1;border-radius:10px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh-header[data-v-d34e9a04]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-refresh-header[data-v-d34e9a04]:disabled{opacity:.5;cursor:not-allowed}.btn-refresh-header svg[data-v-d34e9a04]{width:16px;height:16px}.device-info-card[data-v-d34e9a04]{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;margin-bottom:24px;border:2px solid;transition:all .3s}.device-info-card.connected[data-v-d34e9a04]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.device-info-card.disconnected[data-v-d34e9a04]{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.device-avatar[data-v-d34e9a04]{position:relative;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.device-info-card.connected .device-avatar[data-v-d34e9a04]{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}.device-info-card.disconnected .device-avatar[data-v-d34e9a04]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.device-avatar svg[data-v-d34e9a04]{width:32px;height:32px;color:#fff}.status-indicator[data-v-d34e9a04]{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;border:3px solid white;background:#94a3b8;transition:all .3s}.status-indicator.online[data-v-d34e9a04]{background:#22c55e;animation:pulse-d34e9a04 2s infinite}@keyframes pulse-d34e9a04{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 6px #22c55e00}}.device-details[data-v-d34e9a04]{flex:1;min-width:0}.device-name[data-v-d34e9a04]{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-meta[data-v-d34e9a04]{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.device-status[data-v-d34e9a04]{display:flex;align-items:center;gap:4px;font-weight:600}.device-status.online[data-v-d34e9a04]{color:#15803d}.device-status svg[data-v-d34e9a04]{width:8px;height:8px}.device-divider[data-v-d34e9a04]{color:#cbd5e1}.device-id[data-v-d34e9a04]{font-family:Courier New,monospace;font-size:12px}.btn-change-device[data-v-d34e9a04]{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-change-device[data-v-d34e9a04]:hover{border-color:#3b82f6;color:#3b82f6;background:#f8fafc;transform:translateY(-1px)}.btn-change-device svg[data-v-d34e9a04]{width:18px;height:18px}.device-selector-empty[data-v-d34e9a04]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;margin-bottom:24px}.empty-icon[data-v-d34e9a04]{width:64px;height:64px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;display:flex;align-items:center;justify-content:center}.empty-icon svg[data-v-d34e9a04]{width:32px;height:32px;color:#1e40af}.empty-text[data-v-d34e9a04]{text-align:center}.empty-text h4[data-v-d34e9a04]{margin:0 0 6px;font-size:18px;font-weight:700;color:#1e293b}.empty-text p[data-v-d34e9a04]{margin:0;font-size:14px;color:#64748b}.device-list[data-v-d34e9a04]{margin-top:24px}.device-list .form-label[data-v-d34e9a04]{margin-bottom:12px}.device-grid[data-v-d34e9a04]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.device-item[data-v-d34e9a04]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.device-item[data-v-d34e9a04]:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.device-item.active[data-v-d34e9a04]{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 2px 8px #3b82f633}.device-item.connected[data-v-d34e9a04]{border-color:#86efac}.device-item.connected[data-v-d34e9a04]:hover{border-color:#22c55e;background:#f0fdf4}.device-item.disconnected[data-v-d34e9a04]{border-color:#fca5a5;opacity:.7}.device-item.disconnected[data-v-d34e9a04]:hover{border-color:#ef4444;background:#fef2f2}.device-item-avatar[data-v-d34e9a04]{position:relative;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-item.active .device-item-avatar[data-v-d34e9a04]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.device-item.connected .device-item-avatar[data-v-d34e9a04]{background:linear-gradient(135deg,#86efac,#4ade80)}.device-item.disconnected .device-item-avatar[data-v-d34e9a04]{background:linear-gradient(135deg,#fca5a5,#f87171)}.device-item-avatar svg[data-v-d34e9a04]{width:24px;height:24px;color:#1e40af}.device-item.active .device-item-avatar svg[data-v-d34e9a04],.device-item.connected .device-item-avatar svg[data-v-d34e9a04],.device-item.disconnected .device-item-avatar svg[data-v-d34e9a04]{color:#fff}.device-item-status[data-v-d34e9a04]{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid white;background:#94a3b8}.device-item-status.online[data-v-d34e9a04]{background:#22c55e}.device-item-info[data-v-d34e9a04]{flex:1;min-width:0}.device-item-name[data-v-d34e9a04]{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-item-status-text[data-v-d34e9a04]{font-size:13px;color:#64748b;font-weight:500}.device-item-status-text.online[data-v-d34e9a04]{color:#15803d}.badge-optional[data-v-d34e9a04]{padding:6px 12px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border-radius:8px;font-size:12px;font-weight:600;border:1px solid #a5b4fc}.badge-count[data-v-d34e9a04]{padding:6px 12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #93c5fd}.badge-connected[data-v-d34e9a04]{padding:6px 12px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #86efac;display:flex;align-items:center;gap:6px}.badge-connected svg[data-v-d34e9a04]{width:14px;height:14px}.badge-disconnected[data-v-d34e9a04]{padding:6px 12px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #fca5a5;display:flex;align-items:center;gap:6px}.badge-disconnected svg[data-v-d34e9a04]{width:14px;height:14px}.device-selector-wrapper[data-v-d34e9a04]{display:flex;gap:10px;align-items:flex-start}.device-select[data-v-d34e9a04]{flex:1}.btn-refresh[data-v-d34e9a04]{padding:12px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1.5px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-refresh[data-v-d34e9a04]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-refresh[data-v-d34e9a04]:disabled{opacity:.5;cursor:not-allowed}.btn-refresh svg[data-v-d34e9a04]{width:18px;height:18px}.card-body[data-v-d34e9a04]{padding:24px}.form-row[data-v-d34e9a04]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.form-group[data-v-d34e9a04]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-d34e9a04]{display:flex;align-items:center;gap:6px;font-weight:600;color:#475569;font-size:13px}.required[data-v-d34e9a04]{color:#ef4444}.form-input[data-v-d34e9a04],.form-textarea[data-v-d34e9a04],.form-select[data-v-d34e9a04]{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;transition:all .2s;background:#f8fafc}.form-input[data-v-d34e9a04]:focus,.form-textarea[data-v-d34e9a04]:focus,.form-select[data-v-d34e9a04]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-textarea[data-v-d34e9a04]{resize:vertical;min-height:100px;line-height:1.5}.form-help[data-v-d34e9a04]{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px}.help-text[data-v-d34e9a04]{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;margin-top:4px;font-style:normal}.help-text svg[data-v-d34e9a04]{width:12px;height:12px;flex-shrink:0;color:#94a3b8}.upload-section[data-v-d34e9a04]{position:relative}.file-input[data-v-d34e9a04]{display:none}.upload-label[data-v-d34e9a04]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 32px;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#f8fafc}.upload-label[data-v-d34e9a04]:hover{border-color:#3b82f6;background:#eff6ff}.upload-icon-wrapper[data-v-d34e9a04]{width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d}.upload-icon[data-v-d34e9a04]{width:32px;height:32px;color:#fff}.upload-text[data-v-d34e9a04]{text-align:center}.upload-title[data-v-d34e9a04]{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 6px}.upload-subtitle[data-v-d34e9a04]{font-size:14px;color:#64748b;margin:0}.media-preview-section[data-v-d34e9a04]{display:flex;flex-direction:column;gap:12px}.media-preview[data-v-d34e9a04]{padding:20px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.image-preview[data-v-d34e9a04]{display:flex;justify-content:center;align-items:center;background:#0f172a;min-height:200px}.image-preview img[data-v-d34e9a04]{max-width:100%;max-height:300px;border-radius:8px;display:block}.document-preview[data-v-d34e9a04]{display:flex;align-items:center;gap:16px;background:#f8fafc}.doc-icon-wrapper[data-v-d34e9a04]{width:56px;height:56px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-icon-wrapper svg[data-v-d34e9a04]{width:32px;height:32px;color:#1e40af}.doc-details[data-v-d34e9a04]{flex:1;min-width:0}.doc-name[data-v-d34e9a04]{font-weight:600;color:#1e293b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.btn-remove-media[data-v-d34e9a04]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1.5px solid #fca5a5;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-remove-media[data-v-d34e9a04]:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171;transform:translateY(-1px);box-shadow:0 2px 8px #dc262633}.btn-remove-media svg[data-v-d34e9a04]{width:18px;height:18px}.selected-recipients[data-v-d34e9a04]{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.recipients-chips[data-v-d34e9a04]{display:flex;flex-wrap:wrap;gap:8px}.recipient-chip[data-v-d34e9a04]{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#475569;font-weight:500;transition:all .2s}.recipient-chip[data-v-d34e9a04]:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.chip-label[data-v-d34e9a04]{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-close[data-v-d34e9a04]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.chip-close[data-v-d34e9a04]:hover{color:#ef4444}.chip-close svg[data-v-d34e9a04]{width:16px;height:16px}.recipient-tabs[data-v-d34e9a04]{display:flex;gap:8px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0;overflow-x:auto}.recipient-tab[data-v-d34e9a04]{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;margin-bottom:-10px}.recipient-tab[data-v-d34e9a04]:hover{color:#3b82f6;background:#f8fafc;border-radius:10px 10px 0 0}.recipient-tab.active[data-v-d34e9a04]{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.recipient-tab svg[data-v-d34e9a04]{width:18px;height:18px}.tab-content[data-v-d34e9a04]{margin-top:16px}.tab-pane[data-v-d34e9a04]{animation:fadeIn-d34e9a04 .2s ease}@keyframes fadeIn-d34e9a04{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.input-with-button[data-v-d34e9a04]{display:flex;gap:10px;align-items:flex-start}.input-with-button .form-input[data-v-d34e9a04],.input-with-button .form-select[data-v-d34e9a04]{flex:1}.btn-primary[data-v-d34e9a04],.btn-secondary[data-v-d34e9a04]{display:flex;align-items:center;gap:6px;padding:12px 18px;border:1.5px solid;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary[data-v-d34e9a04]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.btn-primary[data-v-d34e9a04]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-primary[data-v-d34e9a04]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-d34e9a04]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1;padding:12px}.btn-secondary[data-v-d34e9a04]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-secondary[data-v-d34e9a04]:disabled{opacity:.5;cursor:not-allowed}.btn-primary svg[data-v-d34e9a04],.btn-secondary svg[data-v-d34e9a04]{width:18px;height:18px}.spinning[data-v-d34e9a04]{animation:spin-d34e9a04 1s linear infinite}@keyframes spin-d34e9a04{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-section[data-v-d34e9a04]{display:flex;flex-direction:column;gap:12px}.info-card[data-v-d34e9a04]{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px}.info-card svg[data-v-d34e9a04]{width:24px;height:24px;color:#1e40af;flex-shrink:0}.info-content[data-v-d34e9a04]{flex:1}.info-text[data-v-d34e9a04]{color:#1e40af;font-size:14px;font-weight:500}.info-text strong[data-v-d34e9a04]{font-weight:700}.alert[data-v-d34e9a04]{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:500;border:1px solid}.alert svg[data-v-d34e9a04]{width:20px;height:20px;flex-shrink:0}.alert-success[data-v-d34e9a04]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#86efac}.alert-error[data-v-d34e9a04]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.form-actions[data-v-d34e9a04]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.btn-submit[data-v-d34e9a04]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.btn-submit[data-v-d34e9a04]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-submit[data-v-d34e9a04]:active:not(:disabled){transform:translateY(0)}.btn-submit[data-v-d34e9a04]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit svg[data-v-d34e9a04]{width:20px;height:20px}@media(max-width:1200px){.wrapper[data-v-d34e9a04]{padding:0 20px}}@media(max-width:768px){.wrapper[data-v-d34e9a04]{padding:0 16px}.header-content h2[data-v-d34e9a04]{font-size:24px}.header-content h2 svg[data-v-d34e9a04]{width:28px;height:28px}.form-row[data-v-d34e9a04]{grid-template-columns:1fr}.card-header[data-v-d34e9a04]{padding:16px 20px}.card-body[data-v-d34e9a04]{padding:20px}.upload-label[data-v-d34e9a04]{padding:32px 20px}.recipient-tabs[data-v-d34e9a04]{overflow-x:auto;-webkit-overflow-scrolling:touch}.input-with-button[data-v-d34e9a04]{flex-wrap:wrap}.input-with-button .form-input[data-v-d34e9a04],.input-with-button .form-select[data-v-d34e9a04]{flex:1 1 100%}.btn-primary[data-v-d34e9a04]{flex:1}.form-actions[data-v-d34e9a04]{padding:20px}}@media(max-width:480px){.wrapper[data-v-d34e9a04]{padding:0 12px}.header-content h2[data-v-d34e9a04]{font-size:20px}.card-header[data-v-d34e9a04]{padding:14px 16px}.card-body[data-v-d34e9a04]{padding:16px}}[data-v-183b9897]{box-sizing:border-box}.wrapper[data-v-183b9897]{max-width:1400px;margin:0 auto;padding:0 24px}.page-header[data-v-183b9897]{margin-bottom:32px}.header-content[data-v-183b9897]{margin-bottom:24px}.header-content h2[data-v-183b9897]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-content h2 svg[data-v-183b9897]{width:32px;height:32px;color:#3b82f6;stroke-width:2.5}.subtitle[data-v-183b9897]{margin:0;color:#64748b;font-size:15px;line-height:1.6}.reminder-form[data-v-183b9897]{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.card[data-v-183b9897]{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.card-header[data-v-183b9897]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#fff)}.card-title[data-v-183b9897]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#1e293b;margin:0}.card-title svg[data-v-183b9897]{width:22px;height:22px;color:#3b82f6}.btn-refresh-header[data-v-183b9897]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1.5px solid #cbd5e1;border-radius:10px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh-header[data-v-183b9897]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-refresh-header[data-v-183b9897]:disabled{opacity:.5;cursor:not-allowed}.btn-refresh-header svg[data-v-183b9897]{width:16px;height:16px}.device-info-card[data-v-183b9897]{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;margin-bottom:24px;border:2px solid;transition:all .3s}.device-info-card.connected[data-v-183b9897]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.device-info-card.disconnected[data-v-183b9897]{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.device-avatar[data-v-183b9897]{position:relative;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.device-info-card.connected .device-avatar[data-v-183b9897]{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}.device-info-card.disconnected .device-avatar[data-v-183b9897]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.device-avatar svg[data-v-183b9897]{width:32px;height:32px;color:#fff}.status-indicator[data-v-183b9897]{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;border:3px solid white;background:#94a3b8;transition:all .3s}.status-indicator.online[data-v-183b9897]{background:#22c55e;animation:pulse-183b9897 2s infinite}@keyframes pulse-183b9897{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 6px #22c55e00}}.device-details[data-v-183b9897]{flex:1;min-width:0}.device-name[data-v-183b9897]{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-meta[data-v-183b9897]{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.device-status[data-v-183b9897]{display:flex;align-items:center;gap:4px;font-weight:600}.device-status.online[data-v-183b9897]{color:#15803d}.device-status svg[data-v-183b9897]{width:8px;height:8px}.device-divider[data-v-183b9897]{color:#cbd5e1}.device-id[data-v-183b9897]{font-family:Courier New,monospace;font-size:12px}.btn-change-device[data-v-183b9897]{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-change-device[data-v-183b9897]:hover{border-color:#3b82f6;color:#3b82f6;background:#f8fafc;transform:translateY(-1px)}.btn-change-device svg[data-v-183b9897]{width:18px;height:18px}.device-selector-empty[data-v-183b9897]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;margin-bottom:24px}.empty-icon[data-v-183b9897]{width:64px;height:64px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;display:flex;align-items:center;justify-content:center}.empty-icon svg[data-v-183b9897]{width:32px;height:32px;color:#1e40af}.empty-text[data-v-183b9897]{text-align:center}.empty-text h4[data-v-183b9897]{margin:0 0 6px;font-size:18px;font-weight:700;color:#1e293b}.empty-text p[data-v-183b9897]{margin:0;font-size:14px;color:#64748b}.device-list[data-v-183b9897]{margin-top:24px}.device-list .form-label[data-v-183b9897]{margin-bottom:12px}.device-grid[data-v-183b9897]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.device-item[data-v-183b9897]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.device-item[data-v-183b9897]:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.device-item.active[data-v-183b9897]{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 2px 8px #3b82f633}.device-item.connected[data-v-183b9897]{border-color:#86efac}.device-item.connected[data-v-183b9897]:hover{border-color:#22c55e;background:#f0fdf4}.device-item.disconnected[data-v-183b9897]{border-color:#fca5a5;opacity:.7}.device-item.disconnected[data-v-183b9897]:hover{border-color:#ef4444;background:#fef2f2}.device-item-avatar[data-v-183b9897]{position:relative;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-item.active .device-item-avatar[data-v-183b9897]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.device-item.connected .device-item-avatar[data-v-183b9897]{background:linear-gradient(135deg,#86efac,#4ade80)}.device-item.disconnected .device-item-avatar[data-v-183b9897]{background:linear-gradient(135deg,#fca5a5,#f87171)}.device-item-avatar svg[data-v-183b9897]{width:24px;height:24px;color:#1e40af}.device-item.active .device-item-avatar svg[data-v-183b9897],.device-item.connected .device-item-avatar svg[data-v-183b9897],.device-item.disconnected .device-item-avatar svg[data-v-183b9897]{color:#fff}.device-item-status[data-v-183b9897]{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid white;background:#94a3b8}.device-item-status.online[data-v-183b9897]{background:#22c55e}.device-item-info[data-v-183b9897]{flex:1;min-width:0}.device-item-name[data-v-183b9897]{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-item-status-text[data-v-183b9897]{font-size:13px;color:#64748b;font-weight:500}.device-item-status-text.online[data-v-183b9897]{color:#15803d}.badge-optional[data-v-183b9897]{padding:6px 12px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border-radius:8px;font-size:12px;font-weight:600;border:1px solid #a5b4fc}.badge-count[data-v-183b9897]{padding:6px 12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #93c5fd}.card-body[data-v-183b9897]{padding:24px}.form-row[data-v-183b9897]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.form-group[data-v-183b9897]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-183b9897]{display:flex;align-items:center;gap:6px;font-weight:600;color:#475569;font-size:13px}.required[data-v-183b9897]{color:#ef4444}.form-input[data-v-183b9897],.form-textarea[data-v-183b9897],.form-select[data-v-183b9897]{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;transition:all .2s;background:#f8fafc}.form-input[data-v-183b9897]:focus,.form-textarea[data-v-183b9897]:focus,.form-select[data-v-183b9897]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-textarea[data-v-183b9897]{resize:vertical;min-height:100px;line-height:1.5}.form-help[data-v-183b9897]{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px}.help-text[data-v-183b9897]{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;margin-top:4px;font-style:normal}.help-text svg[data-v-183b9897]{width:12px;height:12px;flex-shrink:0;color:#94a3b8}.upload-section[data-v-183b9897]{position:relative}.file-input[data-v-183b9897]{display:none}.upload-label[data-v-183b9897]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 32px;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#f8fafc}.upload-label[data-v-183b9897]:hover{border-color:#3b82f6;background:#eff6ff}.upload-icon-wrapper[data-v-183b9897]{width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d}.upload-icon[data-v-183b9897]{width:32px;height:32px;color:#fff}.upload-text[data-v-183b9897]{text-align:center}.upload-title[data-v-183b9897]{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 6px}.upload-subtitle[data-v-183b9897]{font-size:14px;color:#64748b;margin:0}.media-preview-section[data-v-183b9897]{display:flex;flex-direction:column;gap:12px}.media-preview[data-v-183b9897]{padding:20px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.image-preview[data-v-183b9897]{display:flex;justify-content:center;align-items:center;background:#0f172a;min-height:200px}.image-preview img[data-v-183b9897]{max-width:100%;max-height:300px;border-radius:8px;display:block}.document-preview[data-v-183b9897]{display:flex;align-items:center;gap:16px;background:#f8fafc}.doc-icon-wrapper[data-v-183b9897]{width:56px;height:56px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-icon-wrapper svg[data-v-183b9897]{width:32px;height:32px;color:#1e40af}.doc-details[data-v-183b9897]{flex:1;min-width:0}.doc-name[data-v-183b9897]{font-weight:600;color:#1e293b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.btn-remove-media[data-v-183b9897]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1.5px solid #fca5a5;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-remove-media[data-v-183b9897]:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171;transform:translateY(-1px);box-shadow:0 2px 8px #dc262633}.btn-remove-media svg[data-v-183b9897]{width:18px;height:18px}.selected-recipients[data-v-183b9897]{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.recipients-chips[data-v-183b9897]{display:flex;flex-wrap:wrap;gap:8px}.recipient-chip[data-v-183b9897]{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#475569;font-weight:500;transition:all .2s}.recipient-chip[data-v-183b9897]:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.chip-label[data-v-183b9897]{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-close[data-v-183b9897]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.chip-close[data-v-183b9897]:hover{color:#ef4444}.chip-close svg[data-v-183b9897]{width:16px;height:16px}.recipient-tabs[data-v-183b9897]{display:flex;gap:8px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0;overflow-x:auto}.recipient-tab[data-v-183b9897]{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;margin-bottom:-10px}.recipient-tab[data-v-183b9897]:hover{color:#3b82f6;background:#f8fafc;border-radius:10px 10px 0 0}.recipient-tab.active[data-v-183b9897]{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.recipient-tab svg[data-v-183b9897]{width:18px;height:18px}.tab-content[data-v-183b9897]{margin-top:16px}.tab-pane[data-v-183b9897]{animation:fadeIn-183b9897 .2s ease}@keyframes fadeIn-183b9897{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.input-with-button[data-v-183b9897]{display:flex;gap:10px;align-items:flex-start}.input-with-button .form-input[data-v-183b9897],.input-with-button .form-select[data-v-183b9897]{flex:1}.btn-primary[data-v-183b9897],.btn-secondary[data-v-183b9897]{display:flex;align-items:center;gap:6px;padding:12px 18px;border:1.5px solid;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary[data-v-183b9897]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.btn-primary[data-v-183b9897]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-primary[data-v-183b9897]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-183b9897]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1;padding:12px}.btn-secondary[data-v-183b9897]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-secondary[data-v-183b9897]:disabled{opacity:.5;cursor:not-allowed}.btn-primary svg[data-v-183b9897],.btn-secondary svg[data-v-183b9897]{width:18px;height:18px}.spinning[data-v-183b9897]{animation:spin-183b9897 1s linear infinite}@keyframes spin-183b9897{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-section[data-v-183b9897]{display:flex;flex-direction:column;gap:12px}.info-card[data-v-183b9897]{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px}.info-card svg[data-v-183b9897]{width:24px;height:24px;color:#1e40af;flex-shrink:0}.info-content[data-v-183b9897]{flex:1}.info-text[data-v-183b9897]{color:#1e40af;font-size:14px;font-weight:500}.info-text strong[data-v-183b9897]{font-weight:700}.alert[data-v-183b9897]{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:500;border:1px solid}.alert svg[data-v-183b9897]{width:20px;height:20px;flex-shrink:0}.alert-success[data-v-183b9897]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#86efac}.alert-error[data-v-183b9897]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.form-actions[data-v-183b9897]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.btn-submit[data-v-183b9897]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.btn-submit[data-v-183b9897]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-submit[data-v-183b9897]:active:not(:disabled){transform:translateY(0)}.btn-submit[data-v-183b9897]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit svg[data-v-183b9897]{width:20px;height:20px}@media(max-width:1200px){.wrapper[data-v-183b9897]{padding:0 20px}}@media(max-width:768px){.wrapper[data-v-183b9897]{padding:0 16px}.header-content h2[data-v-183b9897]{font-size:24px}.header-content h2 svg[data-v-183b9897]{width:28px;height:28px}.form-row[data-v-183b9897]{grid-template-columns:1fr}.card-header[data-v-183b9897]{padding:16px 20px}.card-body[data-v-183b9897]{padding:20px}.upload-label[data-v-183b9897]{padding:32px 20px}.recipient-tabs[data-v-183b9897]{overflow-x:auto;-webkit-overflow-scrolling:touch}.input-with-button[data-v-183b9897]{flex-wrap:wrap}.input-with-button .form-input[data-v-183b9897],.input-with-button .form-select[data-v-183b9897]{flex:1 1 100%}.btn-primary[data-v-183b9897]{flex:1}.form-actions[data-v-183b9897]{padding:20px}}@media(max-width:480px){.wrapper[data-v-183b9897]{padding:0 12px}.header-content h2[data-v-183b9897]{font-size:20px}.card-header[data-v-183b9897]{padding:14px 16px}.card-body[data-v-183b9897]{padding:16px}}.wrapper[data-v-ed90451b]{max-width:1200px;margin:0 auto;padding:0 16px}h2[data-v-ed90451b]{margin-bottom:12px}.card[data-v-ed90451b]{background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 1px 2px #1018280a}.toolbar[data-v-ed90451b]{padding:14px;display:flex;justify-content:space-between;align-items:stretch;gap:12px;flex-wrap:wrap}.toolbar .filters[data-v-ed90451b]{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;flex:1 1 680px}.field[data-v-ed90451b]{display:flex;flex-direction:column;gap:6px}.field.grow[data-v-ed90451b]{min-width:200px;grid-column:span 2}.field label[data-v-ed90451b]{font-size:12px;color:#667085}.field input[data-v-ed90451b],.field select[data-v-ed90451b]{height:36px;padding:6px 10px;border:1px solid #d8dde6;border-radius:8px;background:#fff}.w-100[data-v-ed90451b]{width:100%}.toolbar .actions[data-v-ed90451b]{display:flex;gap:8px;align-items:flex-end}.btn[data-v-ed90451b]{height:36px;padding:0 12px;border:1px solid #d0d5dd;background:#f9fafb;border-radius:8px;cursor:pointer;font-weight:500}.btn[data-v-ed90451b]:disabled{opacity:.6;cursor:not-allowed}.btn.primary[data-v-ed90451b]{background:#2563eb;border-color:#2563eb;color:#fff}.btn.outline[data-v-ed90451b]{background:#fff}.table-wrap[data-v-ed90451b]{overflow:auto;margin-top:12px}table[data-v-ed90451b]{width:100%;border-collapse:collapse;font-size:14px}thead th[data-v-ed90451b]{position:sticky;top:0;background:#f8fafc;z-index:1}th[data-v-ed90451b],td[data-v-ed90451b]{padding:10px 12px;border-bottom:1px solid #f0f0f0;text-align:left;vertical-align:top}tbody tr[data-v-ed90451b]:nth-child(odd){background:#fcfcfc}tbody tr[data-v-ed90451b]:hover{background:#f6faff}.muted[data-v-ed90451b]{color:#667085}.mono[data-v-ed90451b]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.badge[data-v-ed90451b]{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;background:#eef2ff;color:#3730a3}.pager[data-v-ed90451b]{margin-top:12px;display:flex;gap:8px;align-items:center;justify-content:center}.empty[data-v-ed90451b]{text-align:center;color:#777;padding:28px}.cell-msg[data-v-ed90451b]{max-width:480px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1100px){.toolbar .filters[data-v-ed90451b]{grid-template-columns:repeat(4,minmax(120px,1fr))}}@media(max-width:720px){.toolbar[data-v-ed90451b]{align-items:stretch}.toolbar .filters[data-v-ed90451b]{grid-template-columns:repeat(2,minmax(0,1fr))}.field.grow[data-v-ed90451b]{grid-column:span 2}.cell-msg[data-v-ed90451b]{max-width:260px}}.wrapper[data-v-8c93efad]{max-width:1400px;margin:0 auto;padding:0 24px}.page-header[data-v-8c93efad]{margin-bottom:32px}.header-content[data-v-8c93efad]{margin-bottom:24px}.header-content h2[data-v-8c93efad]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-icon[data-v-8c93efad]{width:32px;height:32px;color:#3b82f6;stroke-width:2.5}.subtitle[data-v-8c93efad]{margin:0;color:#64748b;font-size:15px}.stats-row[data-v-8c93efad]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-8c93efad]{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.stat-card[data-v-8c93efad]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.stat-card svg[data-v-8c93efad]{width:40px;height:40px;color:#3b82f6;flex-shrink:0}.stat-value[data-v-8c93efad]{font-size:28px;font-weight:700;color:#1e293b;line-height:1}.stat-label[data-v-8c93efad]{font-size:13px;color:#64748b;margin-top:4px}.create-card[data-v-8c93efad],.list-card[data-v-8c93efad]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.card-header-section[data-v-8c93efad]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.card-header-section h3[data-v-8c93efad]{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:#1e293b}.card-header-section h3 svg[data-v-8c93efad]{width:22px;height:22px;color:#3b82f6}.btn-reload[data-v-8c93efad]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-reload[data-v-8c93efad]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-reload[data-v-8c93efad]:disabled{opacity:.6;cursor:not-allowed}.btn-reload svg[data-v-8c93efad]{width:18px;height:18px}@keyframes spin-8c93efad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning[data-v-8c93efad]{animation:spin-8c93efad 1s linear infinite}.form-grid[data-v-8c93efad]{display:grid;grid-template-columns:1fr auto;gap:16px;margin-bottom:16px}.form-group[data-v-8c93efad]{display:flex;flex-direction:column;gap:8px}.form-group.compact[data-v-8c93efad]{max-width:150px}.form-group.full-width[data-v-8c93efad]{grid-column:1 / -1}.form-group label[data-v-8c93efad]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}.form-group label svg[data-v-8c93efad]{width:16px;height:16px;color:#3b82f6}.form-group input[data-v-8c93efad],.form-group textarea[data-v-8c93efad]{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;background:#f8fafc;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.form-group input[data-v-8c93efad]:focus,.form-group textarea[data-v-8c93efad]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea[data-v-8c93efad]{resize:vertical;line-height:1.5;white-space:pre-wrap}.form-actions[data-v-8c93efad]{display:flex;align-items:flex-end;grid-column:1 / -1;justify-content:flex-end}.btn-submit[data-v-8c93efad]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.btn-submit[data-v-8c93efad]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-submit[data-v-8c93efad]:disabled{opacity:.6;cursor:not-allowed}.btn-submit svg[data-v-8c93efad]{width:18px;height:18px}.form-hint[data-v-8c93efad]{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;color:#0c4a6e;font-size:13px;margin-top:8px}.form-hint svg[data-v-8c93efad]{width:18px;height:18px;color:#0284c7;flex-shrink:0}.success-message[data-v-8c93efad]{margin-top:12px;padding:12px 14px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border:1px solid #86efac;border-radius:10px;font-weight:500}.error-message[data-v-8c93efad]{margin-top:12px;padding:12px 14px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5;border-radius:10px;font-weight:500}.admin-only-card[data-v-8c93efad]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #fcd34d;border-radius:16px;margin-bottom:24px;text-align:center}.admin-only-card svg[data-v-8c93efad]{width:48px;height:48px;color:#92400e;margin-bottom:12px}.admin-only-card p[data-v-8c93efad]{margin:0;color:#92400e;font-weight:600;font-size:15px}.toolbar-section[data-v-8c93efad]{display:flex;gap:12px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.filter-group[data-v-8c93efad]{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.search-box[data-v-8c93efad]{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box svg[data-v-8c93efad]{position:absolute;left:14px;width:20px;height:20px;color:#94a3b8;pointer-events:none}.search-box input[data-v-8c93efad]{width:100%;padding:12px 16px 12px 44px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .2s ease;background:#f8fafc}.search-box input[data-v-8c93efad]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.course-filter[data-v-8c93efad]{display:flex;align-items:center;gap:8px}.course-filter svg[data-v-8c93efad]{width:20px;height:20px;color:#94a3b8}.course-filter select[data-v-8c93efad]{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;background:#f8fafc;transition:all .2s ease}.course-filter select[data-v-8c93efad]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.action-buttons[data-v-8c93efad]{display:flex;gap:8px;flex-wrap:wrap}.btn-action[data-v-8c93efad]{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1.5px solid;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-action[data-v-8c93efad]:disabled{opacity:.5;cursor:not-allowed}.btn-action svg[data-v-8c93efad]{width:18px;height:18px}.btn-action.collapse[data-v-8c93efad],.btn-action.expand[data-v-8c93efad]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1}.btn-action.collapse[data-v-8c93efad]:hover:not(:disabled),.btn-action.expand[data-v-8c93efad]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-action.export[data-v-8c93efad]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d;border-color:#86efac}.btn-action.export[data-v-8c93efad]:hover:not(:disabled){background:linear-gradient(135deg,#dcfce7,#bbf7d0);transform:translateY(-1px);box-shadow:0 2px 8px #15803d33}.btn-action.import[data-v-8c93efad]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.btn-action.import[data-v-8c93efad]:hover:not(:disabled){background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-1px);box-shadow:0 2px 8px #1e40af33}.btn-add-new[data-v-8c93efad]{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.btn-add-new svg[data-v-8c93efad]{width:18px;height:18px}.btn-add-new[data-v-8c93efad]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-add-new[data-v-8c93efad]:disabled{opacity:.6;cursor:not-allowed}.import-section[data-v-8c93efad]{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.import-info[data-v-8c93efad]{flex:1;display:flex;gap:12px;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;min-width:300px}.import-info svg[data-v-8c93efad]{width:24px;height:24px;color:#0284c7;flex-shrink:0}.import-info p[data-v-8c93efad]{margin:0;color:#0c4a6e;font-size:13px;line-height:1.5}.import-actions[data-v-8c93efad]{display:flex;gap:12px}.btn-import[data-v-8c93efad],.btn-export[data-v-8c93efad]{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-import[data-v-8c93efad]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-import[data-v-8c93efad]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-export[data-v-8c93efad]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-export[data-v-8c93efad]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-import[data-v-8c93efad]:disabled,.btn-export[data-v-8c93efad]:disabled{opacity:.6;cursor:not-allowed}.btn-import svg[data-v-8c93efad],.btn-export svg[data-v-8c93efad]{width:18px;height:18px}.form-modal[data-v-8c93efad]{background:#fff;border-radius:20px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp-8c93efad .3s ease-out}.modal-header[data-v-8c93efad]{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-8c93efad]{margin:0;font-size:20px;font-weight:700;color:#1e293b}.btn-close[data-v-8c93efad]{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close[data-v-8c93efad]:hover{background:#e2e8f0}.btn-close svg[data-v-8c93efad]{width:18px;height:18px;color:#475569}.modal-body[data-v-8c93efad]{padding:24px;overflow-y:auto;flex:1}.form-grid-modal[data-v-8c93efad]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid-modal .form-group[data-v-8c93efad]{display:flex;flex-direction:column}.form-grid-modal .form-group.full[data-v-8c93efad]{grid-column:1 / -1}.form-grid-modal .form-group label[data-v-8c93efad]{font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px}.form-grid-modal .form-group .required[data-v-8c93efad]{color:#dc2626}.form-grid-modal .form-group input[data-v-8c93efad],.form-grid-modal .form-group textarea[data-v-8c93efad]{padding:12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease}.form-grid-modal .form-group input[data-v-8c93efad]:focus,.form-grid-modal .form-group textarea[data-v-8c93efad]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-grid-modal .form-actions[data-v-8c93efad]{display:flex;justify-content:flex-end;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid #f1f5f9}.form-grid-modal .btn-cancel[data-v-8c93efad],.form-grid-modal .btn-save[data-v-8c93efad]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:140px;justify-content:center}.form-grid-modal .btn-cancel[data-v-8c93efad]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1}.form-grid-modal .btn-cancel[data-v-8c93efad]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.form-grid-modal .btn-save[data-v-8c93efad]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.form-grid-modal .btn-save[data-v-8c93efad]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.form-grid-modal .btn-save[data-v-8c93efad]:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-grid-modal .btn-save svg[data-v-8c93efad]{width:18px;height:18px}.templates-container[data-v-8c93efad]{display:flex;flex-direction:column;gap:20px}.course-group[data-v-8c93efad]{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.course-group[data-v-8c93efad]:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.course-header[data-v-8c93efad]{padding:20px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease}.course-header[data-v-8c93efad]:hover{background:linear-gradient(135deg,#f1f5f9,#f8fafc)}.header-left[data-v-8c93efad]{display:flex;align-items:center;gap:12px}.chevron-icon[data-v-8c93efad]{width:20px;height:20px;color:#64748b;transition:transform .2s ease;flex-shrink:0}.chevron-icon.open[data-v-8c93efad]{transform:rotate(90deg)}.course-icon[data-v-8c93efad]{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.course-icon svg[data-v-8c93efad]{width:20px;height:20px;color:#1e40af}.header-left h4[data-v-8c93efad]{margin:0;font-size:17px;font-weight:700;color:#1e293b}.course-count[data-v-8c93efad]{padding:4px 10px;background:#f1f5f9;color:#64748b;border-radius:12px;font-size:12px;font-weight:600}.course-body[data-v-8c93efad]{padding:20px}.templates-grid[data-v-8c93efad]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.template-card[data-v-8c93efad]{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease}.template-card[data-v-8c93efad]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1}.template-header[data-v-8c93efad]{padding:16px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.lesson-badge[data-v-8c93efad]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border:1px solid #a5b4fc;border-radius:8px;font-size:13px;font-weight:600}.lesson-badge svg[data-v-8c93efad]{width:14px;height:14px}.template-body[data-v-8c93efad]{padding:16px}.message-label[data-v-8c93efad]{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.message-label svg[data-v-8c93efad]{width:14px;height:14px;color:#3b82f6}.message-preview[data-v-8c93efad]{padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;line-height:1.6;color:#334155;white-space:pre-wrap;word-break:break-word;max-height:150px;overflow-y:auto}.template-footer[data-v-8c93efad]{padding:12px 16px;border-top:1px solid #f1f5f9;background:#f8fafc;display:flex;gap:8px}.btn-edit[data-v-8c93efad],.btn-delete[data-v-8c93efad]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1.5px solid;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-edit[data-v-8c93efad]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1;border-color:#7dd3fc}.btn-edit[data-v-8c93efad]:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);transform:translateY(-1px)}.btn-delete[data-v-8c93efad]{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border-color:#fca5a5}.btn-delete[data-v-8c93efad]:hover:not(:disabled){background:linear-gradient(135deg,#fee2e2,#fecaca);transform:translateY(-1px)}.btn-edit svg[data-v-8c93efad],.btn-delete svg[data-v-8c93efad]{width:14px;height:14px}.btn-delete[data-v-8c93efad]:disabled{opacity:.6;cursor:not-allowed}.edit-mode[data-v-8c93efad]{padding:16px}.edit-header[data-v-8c93efad]{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.edit-header svg[data-v-8c93efad]{width:18px;height:18px;color:#3b82f6}.edit-header h5[data-v-8c93efad]{margin:0;font-size:14px;font-weight:600;color:#1e293b}.edit-form[data-v-8c93efad]{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.edit-form .form-group label[data-v-8c93efad]{font-size:12px}.edit-form .form-group input[data-v-8c93efad],.edit-form .form-group textarea[data-v-8c93efad]{font-size:13px;padding:10px 12px}.edit-actions[data-v-8c93efad]{display:flex;gap:8px;padding-top:10px;border-top:1px solid #f1f5f9}.btn-save[data-v-8c93efad],.btn-cancel[data-v-8c93efad]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1.5px solid;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-save[data-v-8c93efad]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#86efac}.btn-save[data-v-8c93efad]:hover:not(:disabled){background:linear-gradient(135deg,#bbf7d0,#86efac);transform:translateY(-1px)}.btn-cancel[data-v-8c93efad]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1}.btn-cancel[data-v-8c93efad]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-save svg[data-v-8c93efad],.btn-cancel svg[data-v-8c93efad]{width:14px;height:14px}.btn-save[data-v-8c93efad]:disabled,.btn-cancel[data-v-8c93efad]:disabled{opacity:.6;cursor:not-allowed}.empty-state[data-v-8c93efad]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #cbd5e1;border-radius:16px;text-align:center}.empty-state svg[data-v-8c93efad]{width:64px;height:64px;color:#cbd5e1;margin-bottom:16px}.empty-state h3[data-v-8c93efad]{margin:0 0 8px;font-size:20px;color:#475569}.empty-state p[data-v-8c93efad]{margin:0;color:#94a3b8;font-size:14px}@media(max-width:1200px){.templates-grid[data-v-8c93efad]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.form-grid[data-v-8c93efad]{grid-template-columns:1fr}.form-group.compact[data-v-8c93efad]{max-width:100%}}@media(max-width:768px){.wrapper[data-v-8c93efad]{padding:0 16px}.header-content h2[data-v-8c93efad]{font-size:24px}.header-icon[data-v-8c93efad]{width:28px;height:28px}.stats-row[data-v-8c93efad],.templates-grid[data-v-8c93efad]{grid-template-columns:1fr}.toolbar-section[data-v-8c93efad]{flex-direction:column;align-items:stretch}.search-box[data-v-8c93efad]{width:100%;min-width:unset}.action-buttons[data-v-8c93efad]{width:100%;justify-content:stretch}.btn-action[data-v-8c93efad]{flex:1}.form-grid[data-v-8c93efad]{grid-template-columns:1fr}.form-actions[data-v-8c93efad]{justify-content:stretch}.btn-submit[data-v-8c93efad]{width:100%;justify-content:center}}@media(max-width:480px){.header-content h2[data-v-8c93efad]{font-size:20px}.stat-card[data-v-8c93efad]{padding:16px}.stat-card svg[data-v-8c93efad]{width:32px;height:32px}.stat-value[data-v-8c93efad]{font-size:24px}.course-header[data-v-8c93efad]{padding:16px}.course-icon[data-v-8c93efad]{width:36px;height:36px}.course-icon svg[data-v-8c93efad]{width:18px;height:18px}.header-left h4[data-v-8c93efad]{font-size:15px}.course-body[data-v-8c93efad]{padding:16px}.action-buttons[data-v-8c93efad]{flex-direction:column}.btn-action[data-v-8c93efad]{width:100%}}.modal-overlay[data-v-8c93efad]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-modal-overlay[data-v-8c93efad]{animation:fadeIn-8c93efad .2s ease-out}@keyframes fadeIn-8c93efad{0%{opacity:0}to{opacity:1}}.delete-modal[data-v-8c93efad]{background:#fff;border-radius:20px;max-width:480px;width:90%;box-shadow:0 20px 60px #0000004d;padding:32px;text-align:center;animation:slideUp-8c93efad .3s ease-out}@keyframes slideUp-8c93efad{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal-icon[data-v-8c93efad]{margin-bottom:20px;animation:pulse-icon-8c93efad .5s ease-out}@keyframes pulse-icon-8c93efad{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.icon-circle[data-v-8c93efad]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.icon-circle[data-v-8c93efad]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);opacity:.3;animation:ripple-8c93efad 1.5s infinite}@keyframes ripple-8c93efad{0%{transform:scale(1);opacity:.3}to{transform:scale(1.5);opacity:0}}.icon-circle svg[data-v-8c93efad]{width:40px;height:40px;color:#dc2626;position:relative;z-index:1}.delete-modal-content h3[data-v-8c93efad]{margin:0 0 12px;font-size:22px;font-weight:700;color:#1e293b}.delete-warning[data-v-8c93efad]{margin:0 0 24px;color:#64748b;font-size:14px;line-height:1.6}.template-preview[data-v-8c93efad]{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:24px;text-align:left;transition:all .2s ease}.template-preview[data-v-8c93efad]:hover{border-color:#cbd5e1;transform:translateY(-1px)}.preview-icon[data-v-8c93efad]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-icon svg[data-v-8c93efad]{width:24px;height:24px;color:#1e40af}.preview-info[data-v-8c93efad]{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.preview-name[data-v-8c93efad]{font-weight:600;color:#1e293b;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-detail[data-v-8c93efad]{font-size:12px;font-weight:400;color:#64748b;line-height:1.4}.delete-modal-actions[data-v-8c93efad]{display:flex;gap:12px;margin-top:24px}.btn-keep[data-v-8c93efad],.btn-delete-confirm[data-v-8c93efad]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-keep[data-v-8c93efad]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1}.btn-keep[data-v-8c93efad]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-delete-confirm[data-v-8c93efad]{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-delete-confirm[data-v-8c93efad]:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.btn-delete-confirm[data-v-8c93efad]:disabled,.btn-keep[data-v-8c93efad]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-keep svg[data-v-8c93efad],.btn-delete-confirm svg[data-v-8c93efad]{width:18px;height:18px}@media(max-width:768px){.delete-modal[data-v-8c93efad]{padding:24px;max-width:90%}.icon-circle[data-v-8c93efad]{width:72px;height:72px}.icon-circle svg[data-v-8c93efad]{width:36px;height:36px}.delete-modal-content h3[data-v-8c93efad]{font-size:20px}.delete-modal-actions[data-v-8c93efad]{flex-direction:column;gap:10px}.btn-keep[data-v-8c93efad],.btn-delete-confirm[data-v-8c93efad]{width:100%}}.import-modal-overlay[data-v-8c93efad]{animation:fadeIn-8c93efad .2s ease-out}.import-modal[data-v-8c93efad]{background:#fff;border-radius:20px;max-width:520px;width:90%;box-shadow:0 20px 60px #0000004d;padding:32px;text-align:center;animation:slideUp-8c93efad .3s ease-out}.import-modal-icon[data-v-8c93efad]{margin-bottom:20px;animation:pulse-icon-8c93efad .5s ease-out}.icon-circle-import[data-v-8c93efad]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.icon-circle-import[data-v-8c93efad]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);opacity:.3;animation:ripple-8c93efad 1.5s infinite}.icon-circle-import svg[data-v-8c93efad]{width:40px;height:40px;color:#1e40af;position:relative;z-index:1}.import-modal-content h3[data-v-8c93efad]{margin:0 0 12px;font-size:22px;font-weight:700;color:#1e293b}.import-description[data-v-8c93efad]{margin:0 0 24px;color:#64748b;font-size:14px;line-height:1.6}.file-preview[data-v-8c93efad]{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:24px;text-align:left;transition:all .2s ease}.file-preview[data-v-8c93efad]:hover{border-color:#cbd5e1;transform:translateY(-1px)}.preview-icon-file[data-v-8c93efad]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-icon-file svg[data-v-8c93efad]{width:24px;height:24px;color:#1e40af}.file-info[data-v-8c93efad]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.file-name[data-v-8c93efad]{font-weight:600;color:#1e293b;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size[data-v-8c93efad]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#64748b;font-size:13px;font-weight:500}.import-modal-actions[data-v-8c93efad]{display:flex;gap:10px;margin-top:24px}.btn-cancel-import[data-v-8c93efad],.btn-append-import[data-v-8c93efad],.btn-import-confirm[data-v-8c93efad]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:12px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-cancel-import[data-v-8c93efad]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1}.btn-cancel-import[data-v-8c93efad]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-append-import[data-v-8c93efad]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border:1.5px solid #86efac;box-shadow:0 2px 8px #15803d33}.btn-append-import[data-v-8c93efad]:hover:not(:disabled){background:linear-gradient(135deg,#bbf7d0,#86efac);transform:translateY(-2px);box-shadow:0 4px 12px #15803d4d}.btn-import-confirm[data-v-8c93efad]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-import-confirm[data-v-8c93efad]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-import-confirm[data-v-8c93efad]:disabled,.btn-append-import[data-v-8c93efad]:disabled,.btn-cancel-import[data-v-8c93efad]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-cancel-import svg[data-v-8c93efad],.btn-append-import svg[data-v-8c93efad],.btn-import-confirm svg[data-v-8c93efad]{width:16px;height:16px}@media(max-width:768px){.import-modal[data-v-8c93efad]{padding:24px;max-width:90%}.icon-circle-import[data-v-8c93efad]{width:72px;height:72px}.icon-circle-import svg[data-v-8c93efad]{width:36px;height:36px}.import-modal-content h3[data-v-8c93efad]{font-size:20px}.import-modal-actions[data-v-8c93efad]{flex-direction:column;gap:10px}.btn-cancel-import[data-v-8c93efad],.btn-append-import[data-v-8c93efad],.btn-import-confirm[data-v-8c93efad]{width:100%}}.wrapper[data-v-b0b18b89]{max-width:1400px;margin:0 auto;padding:0 24px}.page-header[data-v-b0b18b89]{margin-bottom:32px}.header-content[data-v-b0b18b89]{margin-bottom:24px}.header-content h2[data-v-b0b18b89]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-icon[data-v-b0b18b89]{width:32px;height:32px;color:#3b82f6}.subtitle[data-v-b0b18b89]{margin:0;color:#64748b;font-size:15px}.stats-row[data-v-b0b18b89]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.stat-card[data-v-b0b18b89]{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.stat-card[data-v-b0b18b89]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-card svg[data-v-b0b18b89]{width:40px;height:40px;color:#3b82f6;flex-shrink:0}.stat-value[data-v-b0b18b89]{font-size:28px;font-weight:700;color:#1e293b}.stat-label[data-v-b0b18b89]{font-size:13px;color:#64748b;margin-top:4px}.create-card[data-v-b0b18b89],.list-card[data-v-b0b18b89]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.card-header-section[data-v-b0b18b89]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.card-header-section h3[data-v-b0b18b89]{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:#1e293b}.card-header-section h3 svg[data-v-b0b18b89]{width:22px;height:22px;color:#3b82f6}.import-section[data-v-b0b18b89]{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.import-info[data-v-b0b18b89]{flex:1;display:flex;gap:12px;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;min-width:300px}.import-info svg[data-v-b0b18b89]{width:24px;height:24px;color:#0284c7;flex-shrink:0}.import-info p[data-v-b0b18b89]{margin:0;color:#0c4a6e;font-size:13px;line-height:1.5}.import-actions[data-v-b0b18b89]{display:flex;gap:12px}.btn-import[data-v-b0b18b89],.btn-export[data-v-b0b18b89]{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-import[data-v-b0b18b89]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-import[data-v-b0b18b89]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-export[data-v-b0b18b89]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-export[data-v-b0b18b89]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-import[data-v-b0b18b89]:disabled,.btn-export[data-v-b0b18b89]:disabled{opacity:.6;cursor:not-allowed}.btn-import svg[data-v-b0b18b89],.btn-export svg[data-v-b0b18b89]{width:18px;height:18px}.btn-reload[data-v-b0b18b89]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-reload[data-v-b0b18b89]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-reload[data-v-b0b18b89]:disabled{opacity:.6;cursor:not-allowed}.btn-reload svg[data-v-b0b18b89]{width:18px;height:18px}.toolbar-section[data-v-b0b18b89]{display:flex;gap:12px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.filter-group[data-v-b0b18b89]{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.search-box[data-v-b0b18b89]{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box svg[data-v-b0b18b89]{position:absolute;left:14px;width:20px;height:20px;color:#94a3b8;pointer-events:none}.search-box input[data-v-b0b18b89]{width:100%;padding:12px 16px 12px 44px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .2s ease;background:#f8fafc}.search-box input[data-v-b0b18b89]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.course-filter[data-v-b0b18b89]{display:flex;align-items:center;gap:8px}.course-filter svg[data-v-b0b18b89]{width:20px;height:20px;color:#94a3b8}.course-filter select[data-v-b0b18b89]{padding:12px 10px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;background:#f8fafc;transition:all .2s ease}.course-filter select[data-v-b0b18b89]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.action-buttons[data-v-b0b18b89]{display:flex;gap:8px;flex-wrap:wrap}.btn-collapse[data-v-b0b18b89],.btn-expand[data-v-b0b18b89],.btn-add-new[data-v-b0b18b89]{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-collapse[data-v-b0b18b89],.btn-expand[data-v-b0b18b89]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1}.btn-collapse[data-v-b0b18b89]:hover,.btn-expand[data-v-b0b18b89]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-add-new[data-v-b0b18b89]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 2px 8px #3b82f64d}.btn-add-new[data-v-b0b18b89]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-collapse svg[data-v-b0b18b89],.btn-expand svg[data-v-b0b18b89],.btn-add-new svg[data-v-b0b18b89]{width:18px;height:18px;flex-shrink:0}.templates-container[data-v-b0b18b89]{display:flex;flex-direction:column;gap:20px}.course-group[data-v-b0b18b89]{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s ease}.course-header[data-v-b0b18b89]{padding:20px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease}.course-header[data-v-b0b18b89]:hover{background:linear-gradient(135deg,#f1f5f9,#f8fafc)}.header-left[data-v-b0b18b89]{display:flex;align-items:center;gap:12px}.chevron-icon[data-v-b0b18b89]{width:20px;height:20px;color:#64748b;transition:transform .2s ease}.chevron-icon.open[data-v-b0b18b89]{transform:rotate(90deg)}.course-icon[data-v-b0b18b89]{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center}.course-icon svg[data-v-b0b18b89]{width:20px;height:20px;color:#1e40af}.header-left h4[data-v-b0b18b89]{margin:0;font-size:17px;font-weight:700;color:#1e293b}.course-count[data-v-b0b18b89]{padding:4px 10px;background:#f1f5f9;color:#64748b;border-radius:12px;font-size:12px;font-weight:600}.course-body[data-v-b0b18b89]{padding:20px}.templates-grid[data-v-b0b18b89]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.template-card[data-v-b0b18b89]{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease}.template-card[data-v-b0b18b89]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1}.template-header[data-v-b0b18b89]{padding:16px;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.month-badge[data-v-b0b18b89]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border-radius:8px;font-size:13px;font-weight:600}.month-badge svg[data-v-b0b18b89]{width:14px;height:14px}.level-badge[data-v-b0b18b89]{padding:6px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:8px;font-size:12px;font-weight:600}.template-body[data-v-b0b18b89]{padding:16px;display:flex;flex-direction:column;gap:12px}.template-field label[data-v-b0b18b89]{display:block;font-size:11px;font-weight:600;color:#64748b;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.template-field span[data-v-b0b18b89]{display:block;color:#1e293b;font-size:14px;font-weight:500}.template-field p[data-v-b0b18b89]{margin:0;color:#475569;font-size:13px;line-height:1.6;max-height:100px;overflow-y:auto}.template-footer[data-v-b0b18b89]{padding:12px 16px;border-top:1px solid #f1f5f9;background:#f8fafc;display:flex;gap:8px}.btn-view[data-v-b0b18b89],.btn-edit[data-v-b0b18b89],.btn-delete[data-v-b0b18b89]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1.5px solid;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-view[data-v-b0b18b89]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1;border-color:#7dd3fc}.btn-view[data-v-b0b18b89]:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);transform:translateY(-1px)}.btn-edit[data-v-b0b18b89]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.btn-edit[data-v-b0b18b89]:hover{background:linear-gradient(135deg,#fde68a,#fbbf24);transform:translateY(-1px)}.btn-delete[data-v-b0b18b89]{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border-color:#fca5a5}.btn-delete[data-v-b0b18b89]:hover:not(:disabled){background:linear-gradient(135deg,#fee2e2,#fecaca);transform:translateY(-1px)}.btn-delete[data-v-b0b18b89]:disabled{opacity:.6;cursor:not-allowed}.btn-view svg[data-v-b0b18b89],.btn-edit svg[data-v-b0b18b89],.btn-delete svg[data-v-b0b18b89]{width:14px;height:14px}.empty-state[data-v-b0b18b89]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #cbd5e1;border-radius:16px;text-align:center}.empty-state svg[data-v-b0b18b89]{width:64px;height:64px;color:#cbd5e1;margin-bottom:16px}.empty-state h3[data-v-b0b18b89]{margin:0 0 8px;font-size:20px;color:#475569}.empty-state p[data-v-b0b18b89]{margin:0;color:#94a3b8;font-size:14px}.modal-overlay[data-v-b0b18b89]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-b0b18b89 .2s ease-out}@keyframes fadeIn-b0b18b89{0%{opacity:0}to{opacity:1}}.detail-modal[data-v-b0b18b89],.form-modal[data-v-b0b18b89],.delete-modal[data-v-b0b18b89]{background:#fff;border-radius:20px;max-width:700px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp-b0b18b89 .3s ease-out}@keyframes slideUp-b0b18b89{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-b0b18b89]{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-b0b18b89]{margin:0;font-size:20px;font-weight:700;color:#1e293b}.btn-close[data-v-b0b18b89]{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close[data-v-b0b18b89]:hover{background:#e2e8f0}.btn-close svg[data-v-b0b18b89]{width:18px;height:18px;color:#475569}.modal-body[data-v-b0b18b89]{padding:24px;overflow-y:auto;flex:1}.detail-row[data-v-b0b18b89]{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.detail-row[data-v-b0b18b89]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-row.full[data-v-b0b18b89]{grid-column:1 / -1}.detail-row label[data-v-b0b18b89]{display:block;font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.detail-row span[data-v-b0b18b89]{display:block;color:#1e293b;font-size:15px;font-weight:500}.detail-row p[data-v-b0b18b89]{margin:0;color:#475569;font-size:14px;line-height:1.6;white-space:pre-wrap}.form-grid[data-v-b0b18b89]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group[data-v-b0b18b89]{display:flex;flex-direction:column}.form-group.full[data-v-b0b18b89]{grid-column:1 / -1}.form-group label[data-v-b0b18b89]{font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px}.form-group input[data-v-b0b18b89],.form-group textarea[data-v-b0b18b89]{padding:12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease}.form-group input[data-v-b0b18b89]:focus,.form-group textarea[data-v-b0b18b89]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions[data-v-b0b18b89]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-cancel[data-v-b0b18b89],.btn-save[data-v-b0b18b89]{padding:10px 18px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-cancel[data-v-b0b18b89]{background:#f1f5f9;color:#475569}.btn-cancel[data-v-b0b18b89]:hover{background:#e2e8f0}.btn-save[data-v-b0b18b89]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-save[data-v-b0b18b89]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-save[data-v-b0b18b89]:disabled{opacity:.6;cursor:not-allowed}.btn-save svg[data-v-b0b18b89]{width:18px;height:18px}.delete-modal-icon[data-v-b0b18b89]{display:flex;justify-content:center;align-items:center;margin-top:24px}.icon-circle[data-v-b0b18b89]{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);display:flex;align-items:center;justify-content:center}.icon-circle svg[data-v-b0b18b89]{width:32px;height:32px;color:#dc2626}.delete-modal-content[data-v-b0b18b89]{text-align:center;padding:24px}.delete-modal-content h3[data-v-b0b18b89]{margin:16px 0 8px;font-size:20px;font-weight:700;color:#1e293b}.delete-warning[data-v-b0b18b89]{margin:0;font-size:14px;color:#64748b}.template-preview[data-v-b0b18b89]{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.preview-icon[data-v-b0b18b89]{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center}.preview-icon svg[data-v-b0b18b89]{width:20px;height:20px;color:#1e40af}.preview-info[data-v-b0b18b89]{text-align:left}.preview-name[data-v-b0b18b89]{font-size:14px;font-weight:600;color:#1e293b}.preview-detail[data-v-b0b18b89]{font-size:13px;color:#64748b}.delete-modal-actions[data-v-b0b18b89]{display:flex;justify-content:space-between;gap:12px;padding:24px;border-top:1px solid #e2e8f0}.btn-keep[data-v-b0b18b89],.btn-delete-confirm[data-v-b0b18b89]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-keep[data-v-b0b18b89]{background:#f1f5f9;color:#475569}.btn-keep[data-v-b0b18b89]:hover{background:#e2e8f0}.btn-delete-confirm[data-v-b0b18b89]{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.btn-delete-confirm[data-v-b0b18b89]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.btn-delete-confirm[data-v-b0b18b89]:disabled{opacity:.6;cursor:not-allowed}.btn-keep svg[data-v-b0b18b89],.btn-delete-confirm svg[data-v-b0b18b89]{width:18px;height:18px}@media(max-width:768px){.wrapper[data-v-b0b18b89]{padding:0 16px}.import-section[data-v-b0b18b89]{flex-direction:column;align-items:stretch}.import-info[data-v-b0b18b89]{min-width:unset}.import-actions[data-v-b0b18b89]{width:100%}.btn-import[data-v-b0b18b89],.btn-export[data-v-b0b18b89]{flex:1}.templates-grid[data-v-b0b18b89],.form-grid[data-v-b0b18b89]{grid-template-columns:1fr}}.pdf-template[data-v-aaa80e62]{width:210mm;min-height:auto;height:auto;background:#fff;padding:0;font-family:Arial,Helvetica,sans-serif;color:#000;box-sizing:border-box;display:flex;flex-direction:column}.header-banner[data-v-aaa80e62]{width:calc(100% - 20mm);margin:5px auto 8px;border-radius:0;overflow:hidden}.header-banner img[data-v-aaa80e62]{width:100%;height:auto;display:block;object-fit:contain}.content-container[data-v-aaa80e62]{width:calc(100% - 40mm);margin:0 auto;padding:0 0 8mm;box-sizing:border-box;flex:1;display:flex;flex-direction:column}.info-score-section[data-v-aaa80e62]{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.info-box[data-v-aaa80e62],.score-box[data-v-aaa80e62]{background:#d9d0e8;border:none;border-radius:0;padding:8px}.box-title[data-v-aaa80e62]{font-size:10pt;font-weight:700;color:#352079;margin:0 0 6px;padding:0}.box-title.center[data-v-aaa80e62]{text-align:center}.info-table[data-v-aaa80e62]{width:100%;border-collapse:collapse}.info-table td[data-v-aaa80e62]{padding:2px 0;font-size:8.5pt;color:#4e3583}.info-table tr.with-border td[data-v-aaa80e62]{padding:0;height:1px;border-bottom:1.5px solid #7c3aed}.info-table .label[data-v-aaa80e62]{font-weight:700;width:105px;color:#352079}.info-table .value[data-v-aaa80e62]{color:#4e3583;font-weight:400}.score-box[data-v-aaa80e62]{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.level-text[data-v-aaa80e62]{font-size:13pt;font-weight:700;color:#352079;margin:6px 0}.stars[data-v-aaa80e62]{font-size:22pt;color:#4e3583;letter-spacing:0px;line-height:1}.yellow-box-container[data-v-aaa80e62]{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.yellow-box-half[data-v-aaa80e62]{background:#fffbeb;border:2px solid #7c3aed;border-radius:0;padding:8px}.yellow-header-centered[data-v-aaa80e62],.white-header-centered[data-v-aaa80e62]{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:6px}.yellow-header-centered h3[data-v-aaa80e62],.white-header-centered h3[data-v-aaa80e62]{font-size:9.5pt;font-weight:700;color:#000;margin:0;text-align:center}.field-border[data-v-aaa80e62]{width:100%;height:1.5px;background:#7c3aed;margin:4px 0}.top-border[data-v-aaa80e62]{width:100%;height:1.5px;background:#7c3aed;margin:6px 0 4px}.icon-img[data-v-aaa80e62]{width:18px;height:18px;object-fit:contain;flex-shrink:0;background:transparent!important}.icon-img-small[data-v-aaa80e62]{width:15px;height:15px;object-fit:contain;flex-shrink:0;background:transparent!important}.icon-img-inline[data-v-aaa80e62]{width:12px;height:12px;object-fit:contain;flex-shrink:0;background:transparent!important;margin-right:4px}.yellow-text[data-v-aaa80e62]{font-size:8pt;font-weight:600;color:#000;margin:3px 0;line-height:1.3}.link-row[data-v-aaa80e62]{display:flex;align-items:center;gap:4px;margin-top:4px}.link-row a[data-v-aaa80e62]{color:#1e40af;text-decoration:underline;font-weight:600;font-size:7.5pt;word-break:break-word;line-height:1.3}.two-columns[data-v-aaa80e62]{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.two-columns.bottom-section-full[data-v-aaa80e62]{margin-bottom:6px;flex:1;display:grid;align-items:stretch}.white-box[data-v-aaa80e62]{background:#fff;border:2px solid #7c3aed;border-radius:0;padding:8px;display:flex;flex-direction:column}.content-box[data-v-aaa80e62]{padding:3px;background:#fff;flex:1}.label-text[data-v-aaa80e62]{font-size:8pt;font-weight:700;color:#000;margin:3px 0 1px}.content-text[data-v-aaa80e62]{font-size:7.5pt;color:#000;line-height:1.3;margin:0 0 4px;white-space:pre-wrap;font-weight:400}.completion-text[data-v-aaa80e62]{background:transparent;border:none;padding:4px 0;text-align:center;font-size:7.5pt;font-weight:600;color:#000;margin-top:0}.jalur-box[data-v-aaa80e62]{background:#fff;border:2px solid #7c3aed;border-radius:0;padding:8px;display:flex;flex-direction:column}.jalur-img[data-v-aaa80e62]{width:100%;height:auto;max-height:220px;display:block;border-radius:0;object-fit:contain;object-position:center top;margin-bottom:6px}.jalur-footer[data-v-aaa80e62]{margin-top:auto}.footer-label[data-v-aaa80e62]{font-size:7.5pt;font-weight:600;color:#000;margin-bottom:4px}.feedback-text[data-v-aaa80e62]{font-size:7.5pt;color:#000;line-height:1.4;margin:0;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;font-weight:400}.report-footer[data-v-aaa80e62]{margin-top:6px;padding-top:4px;border-top:1.5px solid #e0e0e0}.report-footer p[data-v-aaa80e62]{font-size:7.5pt;font-style:italic;color:#000;margin:0;text-align:left;font-weight:400}@media print{.pdf-template[data-v-aaa80e62]{width:210mm;min-height:auto;height:auto;padding:0}@page{size:A4 portrait;margin:0}}.wrapper[data-v-17c1d8e1]{max-width:1200px;margin:0 auto;padding:0 24px}.page-header[data-v-17c1d8e1]{margin-bottom:32px}.header-content[data-v-17c1d8e1]{margin-bottom:24px}.header-content h2[data-v-17c1d8e1]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-icon[data-v-17c1d8e1]{width:32px;height:32px;color:#3b82f6}.subtitle[data-v-17c1d8e1]{margin:0;color:#64748b;font-size:15px}.feedback-form[data-v-17c1d8e1]{display:flex;flex-direction:column;gap:24px}.card[data-v-17c1d8e1]{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;overflow:hidden}.card-header[data-v-17c1d8e1]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #f1f5f9}.card-header h3[data-v-17c1d8e1],.card-title[data-v-17c1d8e1]{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:#1e293b}.card-header h3 svg[data-v-17c1d8e1],.card-title svg[data-v-17c1d8e1]{width:22px;height:22px;color:#3b82f6}.step-badge[data-v-17c1d8e1]{padding:6px 12px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border-radius:8px;font-size:12px;font-weight:600}.card-body[data-v-17c1d8e1]{padding:24px}.btn-refresh-header[data-v-17c1d8e1]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1.5px solid #cbd5e1;border-radius:10px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh-header[data-v-17c1d8e1]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-refresh-header[data-v-17c1d8e1]:disabled{opacity:.5;cursor:not-allowed}.btn-refresh-header svg[data-v-17c1d8e1]{width:16px;height:16px}.btn-refresh-header svg.spinning[data-v-17c1d8e1]{animation:spin-17c1d8e1 1s linear infinite}.device-info-card[data-v-17c1d8e1]{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;margin-bottom:24px;border:2px solid;transition:all .3s}.device-info-card.connected[data-v-17c1d8e1]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.device-info-card.disconnected[data-v-17c1d8e1]{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.device-avatar[data-v-17c1d8e1]{position:relative;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.device-info-card.connected .device-avatar[data-v-17c1d8e1]{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}.device-info-card.disconnected .device-avatar[data-v-17c1d8e1]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.device-avatar svg[data-v-17c1d8e1]{width:32px;height:32px;color:#fff}.status-indicator[data-v-17c1d8e1]{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;background:#ef4444;border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #00000026}.status-indicator.online[data-v-17c1d8e1]{background:#10b981;animation:pulse-17c1d8e1 2s ease-in-out infinite}@keyframes pulse-17c1d8e1{0%,to{opacity:1}50%{opacity:.6}}.device-details[data-v-17c1d8e1]{flex:1;min-width:0}.device-name[data-v-17c1d8e1]{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-meta[data-v-17c1d8e1]{display:flex;align-items:center;gap:8px;font-size:13px}.device-status[data-v-17c1d8e1]{display:flex;align-items:center;gap:6px;color:#dc2626;font-weight:500}.device-status.online[data-v-17c1d8e1]{color:#059669}.device-status svg[data-v-17c1d8e1]{width:8px;height:8px}.device-divider[data-v-17c1d8e1]{color:#cbd5e1}.device-id[data-v-17c1d8e1]{color:#64748b}.btn-change-device[data-v-17c1d8e1]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-change-device[data-v-17c1d8e1]:hover{background:#f8fafc;border-color:#cbd5e1}.btn-change-device svg[data-v-17c1d8e1]{width:16px;height:16px}.device-selector-empty[data-v-17c1d8e1]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;margin-bottom:24px}.empty-icon[data-v-17c1d8e1]{width:64px;height:64px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-icon svg[data-v-17c1d8e1]{width:32px;height:32px;color:#4338ca}.empty-text[data-v-17c1d8e1]{text-align:center}.empty-text h4[data-v-17c1d8e1]{margin:0 0 8px;font-size:16px;font-weight:600;color:#1e293b}.empty-text p[data-v-17c1d8e1]{margin:0;color:#64748b;font-size:14px}.device-list[data-v-17c1d8e1]{margin-top:24px}.device-list .form-label[data-v-17c1d8e1]{margin-bottom:12px;font-size:14px;font-weight:600;color:#475569}.device-grid[data-v-17c1d8e1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.device-item[data-v-17c1d8e1]{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.device-item[data-v-17c1d8e1]:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.device-item.active[data-v-17c1d8e1]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.device-item.connected[data-v-17c1d8e1]{border-color:#86efac}.device-item.disconnected[data-v-17c1d8e1]{border-color:#fca5a5;opacity:.7}.device-item-avatar[data-v-17c1d8e1]{position:relative;width:44px;height:44px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-item.connected .device-item-avatar[data-v-17c1d8e1]{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.device-item.disconnected .device-item-avatar[data-v-17c1d8e1]{background:linear-gradient(135deg,#fee2e2,#fecaca)}.device-item-avatar svg[data-v-17c1d8e1]{width:22px;height:22px;color:#4338ca}.device-item.connected .device-item-avatar svg[data-v-17c1d8e1]{color:#059669}.device-item.disconnected .device-item-avatar svg[data-v-17c1d8e1]{color:#dc2626}.device-item-status[data-v-17c1d8e1]{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:#ef4444;border:2px solid white;border-radius:50%}.device-item-status.online[data-v-17c1d8e1]{background:#10b981}.device-item-info[data-v-17c1d8e1]{flex:1;min-width:0}.device-item-name[data-v-17c1d8e1]{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-item-status-text[data-v-17c1d8e1]{font-size:12px;color:#dc2626;font-weight:500}.device-item-status-text.online[data-v-17c1d8e1]{color:#059669}.form-row[data-v-17c1d8e1]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group[data-v-17c1d8e1]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-17c1d8e1]{font-weight:600;color:#475569;font-size:13px;display:flex;align-items:center;gap:4px}.required[data-v-17c1d8e1]{color:#ef4444}.form-input[data-v-17c1d8e1],.form-select[data-v-17c1d8e1],.form-textarea[data-v-17c1d8e1]{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;transition:all .2s;background:#f8fafc}.form-input[data-v-17c1d8e1]:focus,.form-select[data-v-17c1d8e1]:focus,.form-textarea[data-v-17c1d8e1]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-textarea[data-v-17c1d8e1]{resize:vertical;line-height:1.6}.char-count[data-v-17c1d8e1]{font-size:12px;color:#94a3b8;text-align:right}.form-help[data-v-17c1d8e1]{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.form-help svg[data-v-17c1d8e1]{width:14px;height:14px;flex-shrink:0}.auto-filled-section[data-v-17c1d8e1]{margin-top:20px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px}.auto-filled-header[data-v-17c1d8e1]{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#0c4a6e;font-size:13px;font-weight:600}.auto-filled-header svg[data-v-17c1d8e1]{width:16px;height:16px}.auto-filled-grid[data-v-17c1d8e1]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.auto-field[data-v-17c1d8e1]{display:flex;flex-direction:column;gap:4px}.auto-field.full[data-v-17c1d8e1]{grid-column:1 / -1}.auto-field label[data-v-17c1d8e1]{font-size:11px;font-weight:600;color:#075985;text-transform:uppercase;letter-spacing:.5px}.auto-field span[data-v-17c1d8e1]{color:#0c4a6e;font-weight:500}.auto-field p[data-v-17c1d8e1]{margin:0;color:#0c4a6e;font-size:13px;line-height:1.6}.action-section[data-v-17c1d8e1]{display:flex;gap:12px}.btn-preview[data-v-17c1d8e1],.btn-submit[data-v-17c1d8e1]{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-preview[data-v-17c1d8e1]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1}.btn-preview[data-v-17c1d8e1]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px)}.btn-submit[data-v-17c1d8e1]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-submit[data-v-17c1d8e1]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-preview[data-v-17c1d8e1]:disabled,.btn-submit[data-v-17c1d8e1]:disabled{opacity:.6;cursor:not-allowed}.btn-preview svg[data-v-17c1d8e1],.btn-submit svg[data-v-17c1d8e1]{width:20px;height:20px}.alert[data-v-17c1d8e1]{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:500;border:1px solid}.alert svg[data-v-17c1d8e1]{width:20px;height:20px;flex-shrink:0}.alert-success[data-v-17c1d8e1]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#86efac}.alert-error[data-v-17c1d8e1]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.modal-overlay[data-v-17c1d8e1]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-17c1d8e1 .2s ease-out}@keyframes fadeIn-17c1d8e1{0%{opacity:0}to{opacity:1}}.preview-modal[data-v-17c1d8e1]{background:#fff;border-radius:20px;max-width:900px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp-17c1d8e1 .3s ease-out}@keyframes slideUp-17c1d8e1{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-17c1d8e1]{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-header h3[data-v-17c1d8e1]{margin:0;font-size:20px;font-weight:700;color:#1e293b}.btn-close[data-v-17c1d8e1]{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-17c1d8e1]:hover{background:#e2e8f0}.btn-close svg[data-v-17c1d8e1]{width:18px;height:18px;color:#475569}.modal-body[data-v-17c1d8e1]{padding:0;overflow-y:auto;flex:1;background:#f8fafc}.preview-loading[data-v-17c1d8e1]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;gap:16px}.spinner[data-v-17c1d8e1]{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-17c1d8e1 .8s linear infinite}@keyframes spin-17c1d8e1{to{transform:rotate(360deg)}}.pdf-preview-container[data-v-17c1d8e1]{width:100%;max-width:800px;margin:0 auto;background:#fff;overflow-y:auto;box-shadow:0 4px 20px #0000001a}.preview-content[data-v-17c1d8e1]{display:flex;flex-direction:column;gap:24px}.preview-section h4[data-v-17c1d8e1]{margin:0 0 12px;font-size:16px;font-weight:600;color:#1e293b;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.preview-grid[data-v-17c1d8e1]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.preview-item[data-v-17c1d8e1]{display:flex;flex-direction:column;gap:4px}.preview-item label[data-v-17c1d8e1],.preview-field label[data-v-17c1d8e1]{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.preview-item span[data-v-17c1d8e1]{color:#1e293b;font-weight:500;font-size:14px}.preview-field[data-v-17c1d8e1]{margin-bottom:12px}.preview-field p[data-v-17c1d8e1]{margin:4px 0 0;color:#475569;font-size:14px;line-height:1.6;white-space:pre-wrap}.preview-feedback[data-v-17c1d8e1]{padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;font-size:14px;line-height:1.6;white-space:pre-wrap}.preview-links[data-v-17c1d8e1]{display:flex;flex-direction:column;gap:12px}.preview-link[data-v-17c1d8e1]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px;color:#0369a1;text-decoration:none;font-weight:500;transition:all .2s}.preview-link[data-v-17c1d8e1]:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);transform:translate(4px)}.preview-link svg[data-v-17c1d8e1]{width:20px;height:20px;flex-shrink:0}.preview-empty[data-v-17c1d8e1]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;gap:16px}.preview-empty svg[data-v-17c1d8e1]{width:64px;height:64px;color:#cbd5e1}.preview-empty p[data-v-17c1d8e1]{margin:0;color:#94a3b8;font-size:14px}.modal-footer[data-v-17c1d8e1]{padding:20px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px;background:#f8fafc}.btn-secondary[data-v-17c1d8e1],.btn-download[data-v-17c1d8e1],.btn-primary[data-v-17c1d8e1]{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary[data-v-17c1d8e1]{background:#f1f5f9;color:#475569}.btn-secondary[data-v-17c1d8e1]:hover{background:#e2e8f0}.btn-download[data-v-17c1d8e1]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-download[data-v-17c1d8e1]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-download[data-v-17c1d8e1]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-17c1d8e1]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-primary[data-v-17c1d8e1]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary svg[data-v-17c1d8e1],.btn-download svg[data-v-17c1d8e1],.btn-primary svg[data-v-17c1d8e1]{width:16px;height:16px}@media(max-width:768px){.wrapper[data-v-17c1d8e1]{padding:0 16px}.form-layout[data-v-17c1d8e1]{grid-template-columns:1fr!important}.form-row[data-v-17c1d8e1],.auto-filled-grid[data-v-17c1d8e1],.preview-grid[data-v-17c1d8e1],.device-grid[data-v-17c1d8e1]{grid-template-columns:1fr}.action-section[data-v-17c1d8e1]{flex-direction:column}.preview-modal[data-v-17c1d8e1]{width:95%;max-height:95vh}.device-info-card[data-v-17c1d8e1]{flex-direction:column;text-align:center}.btn-change-device[data-v-17c1d8e1]{width:100%;justify-content:center}.rating-stars .star[data-v-17c1d8e1]{font-size:28px}.comment-checkboxes[data-v-17c1d8e1]{max-height:300px}}.form-layout[data-v-17c1d8e1]{display:grid;grid-template-columns:38fr 62fr;gap:20px;align-items:start}.form-column[data-v-17c1d8e1]{display:flex;flex-direction:column;gap:16px}.card-full-height[data-v-17c1d8e1]{height:100%;display:flex;flex-direction:column}.card-full-height .card-body-compact[data-v-17c1d8e1]{flex:1;display:flex;flex-direction:column}.card-full-height .comment-checkboxes[data-v-17c1d8e1]{flex:1;max-height:none}.selected-count-badge[data-v-17c1d8e1]{padding:4px 10px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:6px;font-size:12px;font-weight:600}.recipients-section[data-v-17c1d8e1]{width:100%;margin-top:4px}.card-compact[data-v-17c1d8e1]{margin-bottom:0}.card-header-compact[data-v-17c1d8e1]{padding:14px 18px}.card-header-compact h3[data-v-17c1d8e1]{font-size:15px;font-weight:600}.card-header-compact h3 svg[data-v-17c1d8e1],.card-header-compact .card-title svg[data-v-17c1d8e1]{width:18px;height:18px}.card-body-compact[data-v-17c1d8e1]{padding:16px 18px}.badge-count-compact[data-v-17c1d8e1]{padding:4px 10px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:6px;font-size:12px;font-weight:600}.form-group-compact[data-v-17c1d8e1]{margin-bottom:12px}.form-group-compact[data-v-17c1d8e1]:last-child{margin-bottom:0}.form-input-compact[data-v-17c1d8e1]{padding:10px 12px;font-size:13px}.form-grid-2[data-v-17c1d8e1]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.char-count-compact[data-v-17c1d8e1]{font-size:11px;color:#94a3b8;text-align:right;margin-top:4px}.device-info-compact[data-v-17c1d8e1]{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:1px solid #e2e8f0}.device-avatar-compact[data-v-17c1d8e1]{width:40px;height:40px;background:linear-gradient(135deg,#fca5a5,#f87171);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-avatar-compact.online[data-v-17c1d8e1]{background:linear-gradient(135deg,#86efac,#4ade80)}.device-avatar-compact svg[data-v-17c1d8e1]{width:20px;height:20px;color:#fff}.device-info-text[data-v-17c1d8e1]{flex:1;min-width:0}.device-name-compact[data-v-17c1d8e1]{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-status-compact[data-v-17c1d8e1]{font-size:11px;color:#dc2626;font-weight:500;margin-top:2px}.device-status-compact.online[data-v-17c1d8e1]{color:#059669}.btn-change-compact[data-v-17c1d8e1]{padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-change-compact[data-v-17c1d8e1]:hover{background:#f8fafc;border-color:#cbd5e1}.device-list-compact[data-v-17c1d8e1]{display:flex;flex-direction:column;gap:8px}.device-item-compact[data-v-17c1d8e1]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%;font-size:13px;font-weight:500;color:#1e293b}.device-item-compact[data-v-17c1d8e1]:hover{background:#f8fafc;border-color:#3b82f6}.device-item-compact.online[data-v-17c1d8e1]{border-color:#86efac}.status-dot[data-v-17c1d8e1]{width:8px;height:8px;background:#ef4444;border-radius:50%;flex-shrink:0}.status-dot.online[data-v-17c1d8e1]{background:#10b981}.auto-info[data-v-17c1d8e1]{display:flex;gap:8px;font-size:12px}.auto-label[data-v-17c1d8e1]{font-weight:600;color:#075985;min-width:50px}.auto-value[data-v-17c1d8e1]{color:#0c4a6e;font-weight:500}.recipient-tabs-compact[data-v-17c1d8e1]{display:flex;gap:4px;margin-bottom:12px;padding:4px;background:#f8fafc;border-radius:8px}.recipient-tabs-compact button[data-v-17c1d8e1]{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#64748b;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;text-transform:capitalize}.recipient-tabs-compact button[data-v-17c1d8e1]:hover{color:#3b82f6;background:#fff}.recipient-tabs-compact button.active[data-v-17c1d8e1]{background:#fff;color:#3b82f6;font-weight:600;box-shadow:0 1px 3px #0000001a}.tab-content-compact[data-v-17c1d8e1]{margin-bottom:12px}.recipient-input-compact[data-v-17c1d8e1]{display:flex;gap:8px;align-items:stretch}.recipient-input-compact .form-input[data-v-17c1d8e1],.recipient-input-compact .form-select[data-v-17c1d8e1]{flex:1}.btn-add-compact[data-v-17c1d8e1]{width:40px;height:auto;min-height:40px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-add-compact[data-v-17c1d8e1]:hover{transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.recipients-chips-compact[data-v-17c1d8e1]{display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow-y:auto;padding:8px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.chip-compact[data-v-17c1d8e1]{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#475569;font-weight:500;max-width:100%}.chip-compact button[data-v-17c1d8e1]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:0;font-size:16px;line-height:1;transition:color .2s;flex-shrink:0}.chip-compact button[data-v-17c1d8e1]:hover{color:#ef4444}.action-buttons-compact[data-v-17c1d8e1]{display:flex;gap:10px;margin-top:8px}.btn-preview-compact[data-v-17c1d8e1],.btn-submit-compact[data-v-17c1d8e1]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-preview-compact[data-v-17c1d8e1]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1px solid #cbd5e1}.btn-preview-compact[data-v-17c1d8e1]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-submit-compact[data-v-17c1d8e1]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-submit-compact[data-v-17c1d8e1]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-preview-compact[data-v-17c1d8e1]:disabled,.btn-submit-compact[data-v-17c1d8e1]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-preview-compact svg[data-v-17c1d8e1],.btn-submit-compact svg[data-v-17c1d8e1]{width:16px;height:16px}.alert-compact[data-v-17c1d8e1]{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid}.alert-compact.alert-success[data-v-17c1d8e1]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#86efac}.alert-compact.alert-error[data-v-17c1d8e1]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.recipient-tabs button[data-v-17c1d8e1]{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;margin-bottom:-10px;text-transform:capitalize}.recipient-tabs button[data-v-17c1d8e1]:hover{color:#3b82f6;background:#f8fafc;border-radius:10px 10px 0 0}.recipient-tabs button.active[data-v-17c1d8e1]{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.manual-recipient[data-v-17c1d8e1],.contacts-recipient[data-v-17c1d8e1],.groups-recipient[data-v-17c1d8e1],.labels-recipient[data-v-17c1d8e1]{display:flex;gap:10px;align-items:flex-end;margin-bottom:20px;animation:fadeIn-17c1d8e1 .2s ease}.manual-recipient .form-group[data-v-17c1d8e1],.contacts-recipient .form-group[data-v-17c1d8e1],.groups-recipient .form-group[data-v-17c1d8e1],.labels-recipient .form-group[data-v-17c1d8e1]{flex:1;margin:0}.manual-recipient button[data-v-17c1d8e1],.contacts-recipient button[data-v-17c1d8e1],.groups-recipient button[data-v-17c1d8e1],.labels-recipient button[data-v-17c1d8e1]{padding:12px 18px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.manual-recipient button[data-v-17c1d8e1]:hover:not(:disabled),.contacts-recipient button[data-v-17c1d8e1]:hover:not(:disabled),.groups-recipient button[data-v-17c1d8e1]:hover:not(:disabled),.labels-recipient button[data-v-17c1d8e1]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.manual-recipient button[data-v-17c1d8e1]:disabled,.contacts-recipient button[data-v-17c1d8e1]:disabled,.groups-recipient button[data-v-17c1d8e1]:disabled,.labels-recipient button[data-v-17c1d8e1]:disabled{opacity:.5;cursor:not-allowed}.recipients-list[data-v-17c1d8e1]{margin-top:24px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.recipients-list h4[data-v-17c1d8e1]{margin:0 0 12px;font-size:14px;font-weight:600;color:#475569}.recipients-list ul[data-v-17c1d8e1]{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.recipients-list li[data-v-17c1d8e1]{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#475569;font-weight:500}.recipients-list li button[data-v-17c1d8e1]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .2s;font-size:12px}.recipients-list li button[data-v-17c1d8e1]:hover{color:#ef4444}.recipients-list[data-v-17c1d8e1]:empty:after{content:"Belum ada penerima yang dipilih";display:block;text-align:center;color:#94a3b8;font-size:14px}.rating-stars[data-v-17c1d8e1]{display:flex;gap:8px;align-items:center}.rating-stars .star[data-v-17c1d8e1]{font-size:32px;color:#e2e8f0;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.rating-stars .star[data-v-17c1d8e1]:hover{transform:scale(1.2)}.rating-stars .star.filled[data-v-17c1d8e1]{color:#fbbf24;text-shadow:0 2px 4px rgba(251,191,36,.3)}.comment-checkboxes[data-v-17c1d8e1]{flex:1;overflow-y:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.comment-category[data-v-17c1d8e1]{margin-bottom:12px}.comment-category[data-v-17c1d8e1]:last-child{margin-bottom:0}.category-title[data-v-17c1d8e1]{font-size:12px;font-weight:700;color:#1e293b;margin:0 0 6px;padding-bottom:4px;border-bottom:1.5px solid #e2e8f0;text-transform:uppercase;letter-spacing:.5px}.comment-item[data-v-17c1d8e1]{margin-bottom:6px;padding:8px;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;transition:all .2s}.comment-item[data-v-17c1d8e1]:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.comment-item.selected[data-v-17c1d8e1]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.checkbox-label[data-v-17c1d8e1]{display:flex;align-items:flex-start;gap:8px;cursor:pointer;width:100%}.checkbox-label input[type=checkbox][data-v-17c1d8e1]{margin-top:2px;width:16px;height:16px;cursor:pointer;flex-shrink:0;accent-color:#3b82f6}.checkbox-label input[type=checkbox][data-v-17c1d8e1]:disabled{cursor:not-allowed;opacity:.5}.checkbox-text[data-v-17c1d8e1]{flex:1;font-size:12px;color:#475569;line-height:1.5}.comment-item.selected .checkbox-text[data-v-17c1d8e1]{color:#1e40af;font-weight:500}.custom-textarea-inline[data-v-17c1d8e1]{flex:1;font-size:12px;padding:6px 8px;border:1.5px solid #e2e8f0;border-radius:6px;resize:vertical;transition:all .2s}.custom-textarea-inline[data-v-17c1d8e1]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.custom-textarea-inline[data-v-17c1d8e1]:disabled{opacity:.6;cursor:not-allowed;background:#f1f5f9}.custom-textarea-inline[data-v-17c1d8e1]::placeholder{font-size:11px;color:#94a3b8}.custom-textarea-wrapper[data-v-17c1d8e1]{display:flex;flex-direction:column;gap:4px;width:100%}.custom-char-count[data-v-17c1d8e1]{font-size:11px;color:#94a3b8;text-align:right}.custom-char-count.limit-reached[data-v-17c1d8e1]{color:#ef4444}.selected-comments-preview[data-v-17c1d8e1]{margin-top:16px;padding:12px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px}.selected-comments-preview .form-label[data-v-17c1d8e1]{margin-bottom:8px;color:#075985;font-weight:600}.preview-text[data-v-17c1d8e1]{font-size:13px;color:#0c4a6e;line-height:1.6;white-space:pre-wrap;max-height:200px;overflow-y:auto;padding:8px;background:#fff;border-radius:6px;border:1px solid #bae6fd}.selected-count[data-v-17c1d8e1]{font-size:12px;color:#64748b;margin-bottom:8px;font-weight:500}.badge-count[data-v-17c1d8e1]{padding:6px 12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #93c5fd}.selected-recipients[data-v-17c1d8e1]{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.recipients-chips[data-v-17c1d8e1]{display:flex;flex-wrap:wrap;gap:8px}.recipient-chip[data-v-17c1d8e1]{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#475569;font-weight:500;transition:all .2s}.recipient-chip[data-v-17c1d8e1]:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.chip-label[data-v-17c1d8e1]{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-close[data-v-17c1d8e1]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.chip-close[data-v-17c1d8e1]:hover{color:#ef4444}.chip-close svg[data-v-17c1d8e1]{width:16px;height:16px}.recipient-tabs[data-v-17c1d8e1]{display:flex;gap:8px;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #e2e8f0;overflow-x:auto}.recipient-tab[data-v-17c1d8e1]{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;margin-bottom:-10px}.recipient-tab[data-v-17c1d8e1]:hover{color:#3b82f6;background:#f8fafc;border-radius:10px 10px 0 0}.recipient-tab.active[data-v-17c1d8e1]{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.recipient-tab svg[data-v-17c1d8e1]{width:18px;height:18px}.tab-content[data-v-17c1d8e1]{margin-top:16px}.tab-pane[data-v-17c1d8e1]{animation:fadeIn-17c1d8e1 .2s ease}@keyframes fadeIn-17c1d8e1{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.input-with-button[data-v-17c1d8e1]{display:flex;gap:10px;align-items:flex-start}.input-with-button .form-input[data-v-17c1d8e1],.input-with-button .form-select[data-v-17c1d8e1]{flex:1}.btn-primary[data-v-17c1d8e1],.btn-secondary[data-v-17c1d8e1]{display:flex;align-items:center;gap:6px;padding:12px 18px;border:1.5px solid;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary[data-v-17c1d8e1]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.btn-primary[data-v-17c1d8e1]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-primary[data-v-17c1d8e1]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-17c1d8e1]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1;padding:12px}.btn-secondary[data-v-17c1d8e1]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-secondary[data-v-17c1d8e1]:disabled{opacity:.5;cursor:not-allowed}.btn-primary svg[data-v-17c1d8e1],.btn-secondary svg[data-v-17c1d8e1]{width:18px;height:18px}.spinning[data-v-17c1d8e1]{animation:spin-17c1d8e1 1s linear infinite}@keyframes spin-17c1d8e1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-clear-data[data-v-17c1d8e1]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #fca5a5;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-clear-data[data-v-17c1d8e1]:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.btn-clear-data svg[data-v-17c1d8e1]{width:14px;height:14px}.wrapper[data-v-75b31999]{max-width:1400px;margin:0 auto;padding:0 24px}.page-header[data-v-75b31999]{margin-bottom:32px}.header-content[data-v-75b31999]{margin-bottom:24px}.header-content h2[data-v-75b31999]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-icon[data-v-75b31999]{width:32px;height:32px;color:#3b82f6;stroke-width:2.5}.subtitle[data-v-75b31999]{margin:0;color:#64748b;font-size:15px}.stats-row[data-v-75b31999]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-75b31999]{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.stat-card[data-v-75b31999]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.stat-card svg[data-v-75b31999]{width:40px;height:40px;color:#3b82f6;flex-shrink:0}.stat-value[data-v-75b31999]{font-size:28px;font-weight:700;color:#1e293b;line-height:1}.stat-label[data-v-75b31999]{font-size:13px;color:#64748b;margin-top:4px}.create-card[data-v-75b31999]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.card-header-section[data-v-75b31999]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.card-header-section h3[data-v-75b31999]{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:#1e293b}.card-header-section h3 svg[data-v-75b31999]{width:22px;height:22px;color:#3b82f6}.btn-reload[data-v-75b31999]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-reload[data-v-75b31999]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-reload svg[data-v-75b31999]{width:18px;height:18px}.form-grid[data-v-75b31999]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.form-group[data-v-75b31999]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-75b31999]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}.form-group label svg[data-v-75b31999]{width:16px;height:16px;color:#3b82f6}.form-group input[data-v-75b31999]{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;background:#f8fafc;transition:all .2s ease}.form-group input[data-v-75b31999]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-actions[data-v-75b31999]{display:flex;align-items:flex-end}.btn-submit[data-v-75b31999]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d;width:100%;justify-content:center}.btn-submit[data-v-75b31999]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-submit[data-v-75b31999]:disabled{opacity:.6;cursor:not-allowed}.btn-submit svg[data-v-75b31999]{width:18px;height:18px}.form-hint[data-v-75b31999]{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;color:#0c4a6e;font-size:13px;margin-top:8px}.form-hint svg[data-v-75b31999]{width:18px;height:18px;color:#0284c7;flex-shrink:0}.success-message[data-v-75b31999]{margin-top:12px;padding:12px 14px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border:1px solid #86efac;border-radius:10px;font-weight:500}.error-message[data-v-75b31999]{margin-top:12px;padding:12px 14px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5;border-radius:10px;font-weight:500}.list-card[data-v-75b31999]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 1px 3px #0000000d}.toolbar-section[data-v-75b31999]{display:flex;gap:12px;margin-bottom:24px;align-items:center}.search-box[data-v-75b31999]{flex:1;position:relative;display:flex;align-items:center}.search-box svg[data-v-75b31999]{position:absolute;left:14px;width:20px;height:20px;color:#94a3b8;pointer-events:none}.search-box input[data-v-75b31999]{width:100%;padding:12px 16px 12px 44px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .2s ease;background:#f8fafc}.search-box input[data-v-75b31999]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.page-size-select[data-v-75b31999]{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;background:#f8fafc;cursor:pointer;transition:all .2s ease;font-weight:500;min-width:160px}.page-size-select[data-v-75b31999]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.table-container[data-v-75b31999]{overflow-x:auto}.tutors-table[data-v-75b31999]{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.tutors-table th[data-v-75b31999],.tutors-table td[data-v-75b31999]{padding:12px 16px;text-align:left;font-size:14px;color:#475569}.tutors-table th[data-v-75b31999]{background:#f8fafc;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.tutors-table td[data-v-75b31999]{border-bottom:1px solid #f1f5f9}.tutors-table th.sortable[data-v-75b31999]{cursor:pointer}.tutors-table th.sortable[data-v-75b31999]:hover{color:#3b82f6}.sort-icon[data-v-75b31999]{margin-left:6px;font-size:12px;color:#3b82f6}.th-avatar[data-v-75b31999]{width:50px}.td-avatar .avatar[data-v-75b31999]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center}.td-avatar .avatar svg[data-v-75b31999]{width:24px;height:24px;color:#1e40af}.td-name .name-primary[data-v-75b31999]{font-weight:600;color:#1e293b}.td-email .email-cell[data-v-75b31999]{display:flex;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.td-email .email-cell svg[data-v-75b31999]{width:16px;height:16px;color:#64748b}.td-devices .devices-cell[data-v-75b31999]{display:flex;flex-wrap:wrap;gap:8px}.device-badge[data-v-75b31999]{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid}.device-badge svg[data-v-75b31999]{width:14px;height:14px}.device-badge.open[data-v-75b31999]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#86efac}.device-badge.close[data-v-75b31999],.device-badge.closed[data-v-75b31999]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.device-badge.connecting[data-v-75b31999]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.no-device[data-v-75b31999]{color:#64748b;font-size:13px}.td-date .date-text[data-v-75b31999]{font-size:13px;color:#475569}.td-actions .action-buttons[data-v-75b31999]{display:flex;gap:8px;justify-content:center}.btn-edit-table[data-v-75b31999],.btn-delete-table[data-v-75b31999]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-edit-table[data-v-75b31999]{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.btn-edit-table[data-v-75b31999]:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.btn-delete-table[data-v-75b31999]{background:linear-gradient(135deg,#fee2e2,#fecaca)}.btn-delete-table[data-v-75b31999]:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.btn-edit-table svg[data-v-75b31999]{width:18px;height:18px;color:#1e40af}.btn-delete-table svg[data-v-75b31999]{width:18px;height:18px;color:#dc2626}.btn-delete-table[data-v-75b31999]:disabled{opacity:.6;cursor:not-allowed}.empty-state[data-v-75b31999]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #cbd5e1;border-radius:16px;text-align:center;margin-bottom:24px}.empty-state svg[data-v-75b31999]{width:64px;height:64px;color:#cbd5e1;margin-bottom:16px}.empty-state h3[data-v-75b31999]{margin:0 0 8px;font-size:20px;color:#475569}.empty-state p[data-v-75b31999]{margin:0;color:#94a3b8;font-size:14px}.pagination[data-v-75b31999]{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:16px}.pagination-info[data-v-75b31999]{color:#64748b;font-size:14px}.pagination-info strong[data-v-75b31999]{color:#1e293b;font-weight:600}.pagination-controls[data-v-75b31999]{display:flex;align-items:center;gap:12px}.btn-page[data-v-75b31999]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#475569;border:1.5px solid #e2e8f0;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-page[data-v-75b31999]:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.btn-page[data-v-75b31999]:disabled{opacity:.4;cursor:not-allowed}.btn-page svg[data-v-75b31999]{width:16px;height:16px}.page-indicator[data-v-75b31999]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;color:#fff;font-weight:700;font-size:14px;box-shadow:0 2px 8px #3b82f64d}.current-page[data-v-75b31999]{font-size:16px}.page-separator[data-v-75b31999]{opacity:.7}.total-pages[data-v-75b31999]{opacity:.9}@media(max-width:1200px){.form-grid[data-v-75b31999]{grid-template-columns:repeat(2,1fr)}.form-actions[data-v-75b31999]{grid-column:span 2}}@media(max-width:768px){.wrapper[data-v-75b31999]{padding:0 16px}.header-content h2[data-v-75b31999]{font-size:24px}.header-icon[data-v-75b31999]{width:28px;height:28px}.stats-row[data-v-75b31999],.form-grid[data-v-75b31999]{grid-template-columns:1fr}.form-actions[data-v-75b31999]{grid-column:span 1}.toolbar-section[data-v-75b31999]{flex-direction:column}.search-box[data-v-75b31999],.page-size-select[data-v-75b31999]{width:100%}.card-header-section[data-v-75b31999]{flex-direction:column;align-items:flex-start;gap:12px}.btn-reload[data-v-75b31999]{width:100%;justify-content:center}.pagination[data-v-75b31999]{flex-direction:column;align-items:stretch}.pagination-controls[data-v-75b31999]{justify-content:space-between}.table-container[data-v-75b31999]{overflow-x:auto}}@media(max-width:480px){.header-content h2[data-v-75b31999]{font-size:20px}.stat-card[data-v-75b31999]{padding:16px}.stat-card svg[data-v-75b31999]{width:32px;height:32px}.stat-value[data-v-75b31999]{font-size:24px}}.modal-overlay[data-v-75b31999]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-75b31999 .2s ease}.edit-modal[data-v-75b31999]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp-75b31999 .3s ease}@keyframes slideUp-75b31999{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.edit-modal-header[data-v-75b31999]{padding:24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#fff)}.edit-modal-header h3[data-v-75b31999]{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;color:#1e293b}.edit-modal-header h3 svg[data-v-75b31999]{width:24px;height:24px;color:#3b82f6}.edit-modal-body[data-v-75b31999]{padding:24px;display:flex;flex-direction:column;gap:16px}.edit-modal-actions[data-v-75b31999]{padding:20px 24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;background:#f8fafc}.btn-save[data-v-75b31999],.btn-cancel[data-v-75b31999]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:1.5px solid;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-save[data-v-75b31999]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.btn-save[data-v-75b31999]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-save[data-v-75b31999]:disabled{opacity:.6;cursor:not-allowed}.btn-cancel[data-v-75b31999]{background:#fff;color:#475569;border-color:#cbd5e1}.btn-cancel[data-v-75b31999]:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.btn-cancel[data-v-75b31999]:disabled{opacity:.6;cursor:not-allowed}.btn-save svg[data-v-75b31999],.btn-cancel svg[data-v-75b31999]{width:18px;height:18px}.delete-modal-overlay[data-v-75b31999]{animation:fadeIn-75b31999 .2s ease-out}@keyframes fadeIn-75b31999{0%{opacity:0}to{opacity:1}}.delete-modal[data-v-75b31999]{background:#fff;border-radius:20px;max-width:480px;width:90%;box-shadow:0 20px 60px #0000004d;padding:32px;text-align:center;animation:slideUp-75b31999 .3s ease-out}@keyframes slideUp-75b31999{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal-icon[data-v-75b31999]{margin-bottom:20px;animation:pulse-75b31999 .5s ease-out}@keyframes pulse-75b31999{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.icon-circle[data-v-75b31999]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.icon-circle[data-v-75b31999]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);opacity:.3;animation:ripple-75b31999 1.5s infinite}@keyframes ripple-75b31999{0%{transform:scale(1);opacity:.3}to{transform:scale(1.5);opacity:0}}.icon-circle svg[data-v-75b31999]{width:40px;height:40px;color:#dc2626;position:relative;z-index:1}.delete-modal-content[data-v-75b31999]{padding:0;text-align:center}.delete-modal-content h3[data-v-75b31999]{margin:0 0 12px;font-size:22px;font-weight:700;color:#1e293b}.delete-warning[data-v-75b31999]{margin:0 0 24px;color:#64748b;font-size:14px;line-height:1.6}.tutor-preview[data-v-75b31999]{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:24px;text-align:left;transition:all .2s ease}.tutor-preview[data-v-75b31999]:hover{border-color:#cbd5e1;transform:translateY(-1px)}.preview-avatar[data-v-75b31999]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-avatar svg[data-v-75b31999]{width:24px;height:24px;color:#1e40af}.preview-info[data-v-75b31999]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.preview-name[data-v-75b31999]{font-weight:600;color:#1e293b;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-email[data-v-75b31999]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#64748b;font-size:13px;font-weight:500}.delete-modal-actions[data-v-75b31999]{display:flex;gap:12px;margin-top:24px;padding:0;background:transparent;border:none}.btn-keep[data-v-75b31999],.btn-delete-confirm[data-v-75b31999]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-keep[data-v-75b31999]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1}.btn-keep[data-v-75b31999]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-delete-confirm[data-v-75b31999]{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-delete-confirm[data-v-75b31999]:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.btn-delete-confirm[data-v-75b31999]:disabled,.btn-keep[data-v-75b31999]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-keep svg[data-v-75b31999],.btn-delete-confirm svg[data-v-75b31999]{width:18px;height:18px}@media(max-width:768px){.delete-modal[data-v-75b31999]{padding:24px;max-width:90%}.icon-circle[data-v-75b31999]{width:72px;height:72px}.icon-circle svg[data-v-75b31999]{width:36px;height:36px}.delete-modal-content h3[data-v-75b31999]{font-size:20px}.delete-modal-actions[data-v-75b31999]{flex-direction:column;gap:10px}.btn-keep[data-v-75b31999],.btn-delete-confirm[data-v-75b31999]{width:100%}}.wrapper[data-v-3021a294]{max-width:1400px;margin:0 auto;padding:0 24px}.page-header[data-v-3021a294]{margin-bottom:32px}.header-content[data-v-3021a294]{margin-bottom:24px}.header-content h2[data-v-3021a294]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-icon[data-v-3021a294]{width:32px;height:32px;color:#3b82f6;stroke-width:2.5}.subtitle[data-v-3021a294]{margin:0;color:#64748b;font-size:15px}.stats-row[data-v-3021a294]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-3021a294]{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.stat-card[data-v-3021a294]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.stat-card svg[data-v-3021a294]{width:40px;height:40px;color:#3b82f6;flex-shrink:0}.stat-value[data-v-3021a294]{font-size:28px;font-weight:700;color:#1e293b;line-height:1}.stat-label[data-v-3021a294]{font-size:13px;color:#64748b;margin-top:4px}.toolbar-card[data-v-3021a294]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.toolbar-header[data-v-3021a294]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.toolbar-header h3[data-v-3021a294]{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:#1e293b}.toolbar-header h3 svg[data-v-3021a294]{width:20px;height:20px;color:#3b82f6}.action-buttons[data-v-3021a294]{display:flex;gap:10px}.btn-action[data-v-3021a294]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1.5px solid;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-action[data-v-3021a294]:disabled{opacity:.5;cursor:not-allowed}.btn-action svg[data-v-3021a294]{width:18px;height:18px}.btn-action.export[data-v-3021a294]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d;border-color:#86efac}.btn-action.export[data-v-3021a294]:hover:not(:disabled){background:linear-gradient(135deg,#dcfce7,#bbf7d0);transform:translateY(-1px);box-shadow:0 2px 8px #15803d33}.btn-action.danger[data-v-3021a294]{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border-color:#fca5a5}.btn-action.danger[data-v-3021a294]:hover:not(:disabled){background:linear-gradient(135deg,#fee2e2,#fecaca);transform:translateY(-1px);box-shadow:0 2px 8px #dc262633}.filters-grid[data-v-3021a294]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.filter-item[data-v-3021a294]{display:flex;flex-direction:column;gap:8px}.filter-item.span-2[data-v-3021a294]{grid-column:span 2}.filter-item.compact[data-v-3021a294]{min-width:100px}.filter-item label[data-v-3021a294]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}.filter-item label svg[data-v-3021a294]{width:14px;height:14px;color:#3b82f6}.filter-item input[data-v-3021a294],.filter-item select[data-v-3021a294]{padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;background:#f8fafc;transition:all .2s ease}.filter-item input[data-v-3021a294]:focus,.filter-item select[data-v-3021a294]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.btn-load[data-v-3021a294]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.btn-load[data-v-3021a294]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-load[data-v-3021a294]:disabled{opacity:.6;cursor:not-allowed}.btn-load svg[data-v-3021a294]{width:18px;height:18px}@keyframes spin-3021a294{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning[data-v-3021a294]{animation:spin-3021a294 1s linear infinite}.messages-container[data-v-3021a294]{margin-bottom:32px}.table-container[data-v-3021a294]{overflow-x:auto}.messages-table[data-v-3021a294]{width:100%;border-collapse:collapse;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d}.messages-table th[data-v-3021a294],.messages-table td[data-v-3021a294]{padding:12px 16px;text-align:left;font-size:14px;color:#475569;border-bottom:1px solid #f1f5f9}.messages-table th[data-v-3021a294]{background:#f8fafc;font-weight:600}.messages-table td[data-v-3021a294]{background:#fff}.messages-table .col-expand[data-v-3021a294]{width:40px}.messages-table .col-contact[data-v-3021a294]{width:200px}.messages-table .col-message[data-v-3021a294]{width:300px}.messages-table .col-status[data-v-3021a294]{width:120px}.messages-table .col-time[data-v-3021a294],.messages-table .col-source[data-v-3021a294]{width:160px}.btn-expand[data-v-3021a294]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.btn-expand[data-v-3021a294]:hover{background:#e2e8f0}.btn-expand svg[data-v-3021a294]{width:16px;height:16px;color:#475569}.contact-cell[data-v-3021a294]{display:flex;flex-direction:column;gap:4px}.contact-name[data-v-3021a294]{font-weight:600;font-size:14px;color:#1e293b}.phone-number[data-v-3021a294]{font-size:14px;font-weight:600;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.message-preview-cell[data-v-3021a294]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-cell[data-v-3021a294]{font-size:13px;color:#64748b}.no-source[data-v-3021a294]{color:#94a3b8}.empty-state[data-v-3021a294]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #cbd5e1;border-radius:16px;text-align:center}.empty-state svg[data-v-3021a294]{width:64px;height:64px;color:#cbd5e1;margin-bottom:16px}.empty-state h3[data-v-3021a294]{margin:0 0 8px;font-size:20px;color:#475569}.empty-state p[data-v-3021a294]{margin:0;color:#94a3b8;font-size:14px}.pagination[data-v-3021a294]{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d}.btn-page[data-v-3021a294]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f8fafc;color:#475569;border:1.5px solid #e2e8f0;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-page[data-v-3021a294]:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.btn-page[data-v-3021a294]:disabled{opacity:.4;cursor:not-allowed}.btn-page svg[data-v-3021a294]{width:18px;height:18px}.page-info[data-v-3021a294]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;color:#fff;font-weight:700;font-size:16px;box-shadow:0 2px 8px #3b82f64d}.current-page[data-v-3021a294]{font-size:20px}.page-separator[data-v-3021a294]{opacity:.7}.total-pages[data-v-3021a294]{opacity:.9}.error[data-v-3021a294]{margin-top:20px;padding:14px 18px;border-radius:10px;font-weight:500;font-size:14px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.modal-overlay[data-v-3021a294]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content[data-v-3021a294]{background:#fff;border-radius:16px;padding:32px;max-width:440px;width:90%;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-3021a294 .2s ease-out}@keyframes modalSlideIn-3021a294{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3[data-v-3021a294]{margin:0 0 16px;font-size:18px;font-weight:600;color:#1e293b}.modal-content p[data-v-3021a294]{margin:0 0 24px;color:#475569;font-size:15px;line-height:1.6}.modal-actions[data-v-3021a294]{display:flex;gap:12px;justify-content:flex-end}.btn-modal[data-v-3021a294]{padding:10px 24px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:80px}.btn-modal.cancel[data-v-3021a294]{background:#f1f5f9;color:#475569;border:1.5px solid #e2e8f0}.btn-modal.cancel[data-v-3021a294]:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-modal.confirm[data-v-3021a294]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-modal.confirm[data-v-3021a294]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.delete-modal-overlay[data-v-3021a294]{animation:fadeIn-3021a294 .2s ease-out;z-index:10002}@keyframes fadeIn-3021a294{0%{opacity:0}to{opacity:1}}.delete-modal[data-v-3021a294]{background:#fff;border-radius:20px;max-width:480px;width:90%;box-shadow:0 20px 60px #0000004d;padding:32px;text-align:center;animation:slideUp-3021a294 .3s ease-out;position:relative;z-index:10003}@keyframes slideUp-3021a294{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal-icon[data-v-3021a294]{margin-bottom:20px;animation:pulse-3021a294 .5s ease-out}@keyframes pulse-3021a294{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.icon-circle[data-v-3021a294]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.icon-circle[data-v-3021a294]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);opacity:.3;animation:ripple-3021a294 1.5s infinite}@keyframes ripple-3021a294{0%{transform:scale(1);opacity:.3}to{transform:scale(1.5);opacity:0}}.icon-circle svg[data-v-3021a294]{width:40px;height:40px;color:#dc2626;position:relative;z-index:1}.delete-modal-content[data-v-3021a294]{padding:0;text-align:center}.delete-modal-content h3[data-v-3021a294]{margin:0 0 12px;font-size:22px;font-weight:700;color:#1e293b}.delete-warning[data-v-3021a294]{margin:0 0 24px;color:#64748b;font-size:14px;line-height:1.6}.delete-modal-actions[data-v-3021a294]{display:flex;gap:12px;margin-top:24px;padding:0;background:transparent;border:none}.btn-keep[data-v-3021a294],.btn-delete-confirm[data-v-3021a294]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-keep[data-v-3021a294]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1}.btn-keep[data-v-3021a294]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-delete-confirm[data-v-3021a294]{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-delete-confirm[data-v-3021a294]:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.btn-delete-confirm[data-v-3021a294]:disabled,.btn-keep[data-v-3021a294]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-keep svg[data-v-3021a294],.btn-delete-confirm svg[data-v-3021a294]{width:18px;height:18px}@media(max-width:768px){.delete-modal[data-v-3021a294]{padding:24px;max-width:90%}.icon-circle[data-v-3021a294]{width:72px;height:72px}.icon-circle svg[data-v-3021a294]{width:36px;height:36px}.delete-modal-content h3[data-v-3021a294]{font-size:20px}.delete-modal-actions[data-v-3021a294]{flex-direction:column;gap:10px}.btn-keep[data-v-3021a294],.btn-delete-confirm[data-v-3021a294]{width:100%}}@media(max-width:1200px){.messages-grid[data-v-3021a294]{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.filters-grid[data-v-3021a294]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.wrapper[data-v-3021a294]{padding:0 16px}.header-content h2[data-v-3021a294]{font-size:24px}.header-icon[data-v-3021a294]{width:28px;height:28px}.stats-row[data-v-3021a294]{grid-template-columns:repeat(2,1fr)}.messages-grid[data-v-3021a294],.filters-grid[data-v-3021a294]{grid-template-columns:1fr}.filter-item.span-2[data-v-3021a294]{grid-column:span 1}.toolbar-header[data-v-3021a294]{flex-direction:column;align-items:flex-start;gap:12px}.action-buttons[data-v-3021a294]{width:100%;flex-direction:column}.btn-action[data-v-3021a294]{width:100%;justify-content:center}.pagination[data-v-3021a294]{flex-direction:column;gap:12px}.btn-page[data-v-3021a294]{width:100%;justify-content:center}}@media(max-width:480px){.header-content h2[data-v-3021a294]{font-size:20px}.stats-row[data-v-3021a294]{grid-template-columns:1fr}.stat-card[data-v-3021a294]{padding:16px}.stat-card svg[data-v-3021a294]{width:32px;height:32px}.stat-value[data-v-3021a294]{font-size:24px}.message-card[data-v-3021a294]{border-radius:12px}.message-header[data-v-3021a294],.message-body[data-v-3021a294]{padding:16px}.contact-info svg[data-v-3021a294]{width:32px;height:32px}.contact-name[data-v-3021a294]{font-size:14px}}.detail-modal-overlay[data-v-3021a294]{animation:fadeIn-3021a294 .2s ease-out}.detail-modal[data-v-3021a294]{background:#fff;border-radius:20px;max-width:700px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp-3021a294 .3s ease-out;display:flex;flex-direction:column;position:relative;z-index:10001}.detail-modal-header[data-v-3021a294]{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0;flex-shrink:0}.detail-modal-title[data-v-3021a294]{display:flex;align-items:flex-start;gap:12px;flex:1}.detail-modal-title svg[data-v-3021a294]{width:28px;height:28px;color:#3b82f6;flex-shrink:0;margin-top:2px}.detail-modal-title h3[data-v-3021a294]{margin:0 0 4px;font-size:20px;font-weight:700;color:#1e293b;line-height:1.3}.detail-subtitle[data-v-3021a294]{margin:0;font-size:13px;color:#64748b;font-weight:500}.btn-close-modal[data-v-3021a294]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:16px}.btn-close-modal[data-v-3021a294]:hover{background:#fee2e2;border-color:#fca5a5;transform:rotate(90deg)}.btn-close-modal svg[data-v-3021a294]{width:18px;height:18px;color:#dc2626}.detail-modal-body[data-v-3021a294]{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px;background:#fff}.detail-section[data-v-3021a294]{display:flex;flex-direction:column;gap:10px}.detail-label[data-v-3021a294]{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.8px}.detail-label svg[data-v-3021a294]{width:16px;height:16px;color:#3b82f6;flex-shrink:0}.info-grid[data-v-3021a294]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item[data-v-3021a294]{display:flex;flex-direction:column;gap:8px}.info-label[data-v-3021a294]{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-label svg[data-v-3021a294]{width:14px;height:14px;color:#94a3b8}.info-value[data-v-3021a294]{font-size:14px;font-weight:600;color:#1e293b;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:42px}.phone-value[data-v-3021a294]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:600}.message-preview-full[data-v-3021a294]{padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;line-height:1.6;color:#334155;word-break:break-word;white-space:pre-wrap;max-height:200px;overflow-y:auto}.source-detail[data-v-3021a294]{display:flex;align-items:center;gap:8px}.detail-modal-footer[data-v-3021a294]{padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;justify-content:flex-end;flex-shrink:0}.btn-close-footer[data-v-3021a294]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.btn-close-footer[data-v-3021a294]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-close-footer svg[data-v-3021a294]{width:16px;height:16px}.status-badge[data-v-3021a294]{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:600;border:1px solid;white-space:nowrap}.status-badge.ok[data-v-3021a294]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#86efac}.status-badge.info[data-v-3021a294]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.status-badge.warn[data-v-3021a294]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.source-chip[data-v-3021a294]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid;white-space:nowrap}.source-chip svg[data-v-3021a294]{width:14px;height:14px;flex-shrink:0}.source-chip.reminder[data-v-3021a294]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.source-chip.feedback[data-v-3021a294]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#86efac}.source-chip.recurrence[data-v-3021a294]{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border-color:#a5b4fc}.source-chip.broadcast[data-v-3021a294]{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#c2410c;border-color:#fb923c}.source-chip.large[data-v-3021a294]{padding:10px 16px;font-size:14px}.source-chip.large svg[data-v-3021a294]{width:16px;height:16px}.media-content[data-v-3021a294]{display:flex;flex-direction:column;gap:12px}.media-link[data-v-3021a294]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;text-decoration:none;border-radius:10px;font-size:14px;font-weight:600;transition:all .2s ease;align-self:flex-start;border:1.5px solid #cbd5e1}.media-link[data-v-3021a294]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.media-link svg[data-v-3021a294]{width:16px;height:16px}.media-thumb[data-v-3021a294]{max-width:100%;max-height:300px;border-radius:10px;border:1px solid #e2e8f0;object-fit:contain;box-shadow:0 2px 8px #0000001a;background:#fff}.wrapper[data-v-33193118]{max-width:920px;margin:0 auto}.card[data-v-33193118]{background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 1px 2px #1018280a;padding:12px}.form[data-v-33193118]{display:flex;flex-direction:column;gap:12px}.row[data-v-33193118]{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.radios .choices[data-v-33193118]{display:flex;gap:12px;align-items:center}.field[data-v-33193118]{display:flex;flex-direction:column;gap:6px}.field>span[data-v-33193118]{font-size:12px;color:#667085}.field input[data-v-33193118],.field select[data-v-33193118],.field textarea[data-v-33193118]{padding:8px 10px;border:1px solid #d8dde6;border-radius:8px;background:#fff}.field textarea[data-v-33193118]{min-height:100px}.field.grow[data-v-33193118]{flex:1;min-width:260px}.actions[data-v-33193118]{margin-top:6px}.btn[data-v-33193118]{height:36px;padding:0 12px;border:1px solid #d0d5dd;background:#f9fafb;border-radius:8px;cursor:pointer;font-weight:500}.btn[data-v-33193118]:disabled{opacity:.6;cursor:not-allowed}.btn.primary[data-v-33193118]{background:#2563eb;border-color:#2563eb;color:#fff}.btn.outline[data-v-33193118]{background:#fff}.error[data-v-33193118]{color:#b00020}.ok[data-v-33193118]{color:#2e7d32}@media(max-width:768px){.wrapper[data-v-33193118]{padding:0 12px}h2[data-v-33193118]{font-size:20px}.card[data-v-33193118]{padding:10px}.form[data-v-33193118]{gap:10px}.row[data-v-33193118]{flex-direction:column;align-items:stretch}.field[data-v-33193118]{width:100%}.field.grow[data-v-33193118]{min-width:100%}.field input[data-v-33193118],.field select[data-v-33193118],.field textarea[data-v-33193118]{font-size:14px}.btn[data-v-33193118]{height:34px;font-size:13px}.radios .choices[data-v-33193118]{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:480px){h2[data-v-33193118]{font-size:18px}.card[data-v-33193118]{padding:8px}.field input[data-v-33193118],.field select[data-v-33193118],.field textarea[data-v-33193118]{padding:6px 8px;font-size:13px}.btn[data-v-33193118]{height:32px;font-size:12px}.radios .choices label[data-v-33193118]{font-size:13px}}.wrapper[data-v-0b31e959]{max-width:1400px;margin:0 auto;padding:0 24px}.page-header[data-v-0b31e959]{margin-bottom:32px}.header-content[data-v-0b31e959]{margin-bottom:24px}.header-content h2[data-v-0b31e959]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-icon[data-v-0b31e959]{width:32px;height:32px;color:#3b82f6;stroke-width:2.5}.subtitle[data-v-0b31e959]{margin:0;color:#64748b;font-size:15px}.stats-row[data-v-0b31e959]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-0b31e959]{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.stat-card[data-v-0b31e959]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.stat-card svg[data-v-0b31e959]{width:40px;height:40px;color:#3b82f6;flex-shrink:0}.stat-value[data-v-0b31e959]{font-size:28px;font-weight:700;color:#1e293b;line-height:1}.stat-label[data-v-0b31e959]{font-size:13px;color:#64748b;margin-top:4px}.toolbar-card[data-v-0b31e959]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.toolbar[data-v-0b31e959]{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.search-box[data-v-0b31e959]{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box svg[data-v-0b31e959]{position:absolute;left:14px;width:20px;height:20px;color:#94a3b8;pointer-events:none}.search-box input[data-v-0b31e959]{width:100%;padding:12px 16px 12px 44px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .2s ease;background:#f8fafc}.search-box input[data-v-0b31e959]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.filter-group[data-v-0b31e959]{display:flex;gap:8px;flex-wrap:wrap}.filter-select[data-v-0b31e959]{padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;background:#f8fafc;cursor:pointer;transition:all .2s ease;font-weight:500;color:#475569}.filter-select[data-v-0b31e959]:hover{border-color:#cbd5e1;background:#fff}.filter-select[data-v-0b31e959]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.sort-dir[data-v-0b31e959]{min-width:100px}.btn-reload[data-v-0b31e959]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.btn-reload[data-v-0b31e959]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-reload[data-v-0b31e959]:active:not(:disabled){transform:translateY(0)}.btn-reload[data-v-0b31e959]:disabled{opacity:.6;cursor:not-allowed}.btn-reload svg[data-v-0b31e959]{width:18px;height:18px}@keyframes spin-0b31e959{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning[data-v-0b31e959]{animation:spin-0b31e959 1s linear infinite}.table-container[data-v-0b31e959]{margin-bottom:32px}.table-wrapper[data-v-0b31e959]{overflow-x:auto}.schedules-table[data-v-0b31e959]{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.schedules-table thead[data-v-0b31e959]{background:linear-gradient(135deg,#f8fafc,#fff)}.schedules-table th[data-v-0b31e959]{padding:16px;text-align:left;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.schedules-table td[data-v-0b31e959]{padding:16px;font-size:14px;color:#334155;border-bottom:1px solid #f1f5f9}.schedule-row[data-v-0b31e959]{transition:background .2s ease}.schedule-row[data-v-0b31e959]:hover{background:#f8fafc}.schedule-row:last-child td[data-v-0b31e959]{border-bottom:none}.name-cell[data-v-0b31e959]{display:flex;flex-direction:column;gap:4px}.name-text[data-v-0b31e959]{font-weight:600;color:#1e293b}.name-meta[data-v-0b31e959]{font-size:12px;color:#64748b}.schedule-cell[data-v-0b31e959]{font-weight:500;color:#475569}.recipients-summary[data-v-0b31e959]{font-size:13px;color:#64748b}.status-badge[data-v-0b31e959]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid;white-space:nowrap}.badge-dot[data-v-0b31e959]{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-badge.ok[data-v-0b31e959]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#86efac}.status-badge.ok .badge-dot[data-v-0b31e959]{background:#15803d}.status-badge.info[data-v-0b31e959]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.status-badge.info .badge-dot[data-v-0b31e959]{background:#1e40af}.status-badge.warn[data-v-0b31e959]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.status-badge.warn .badge-dot[data-v-0b31e959]{background:#92400e}.col-expand[data-v-0b31e959]{width:50px;text-align:center}.col-name[data-v-0b31e959]{min-width:200px}.col-schedule[data-v-0b31e959]{min-width:220px}.col-status[data-v-0b31e959]{width:140px}.col-recipients[data-v-0b31e959]{min-width:180px}.col-actions[data-v-0b31e959]{width:80px;text-align:center}.btn-expand[data-v-0b31e959]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#f8fafc,#fff);border:1.5px solid #e2e8f0;border-radius:50%;cursor:pointer;transition:all .2s ease}.btn-expand[data-v-0b31e959]:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;transform:scale(1.1)}.btn-expand svg[data-v-0b31e959]{width:18px;height:18px;color:#3b82f6}.action-buttons[data-v-0b31e959]{display:flex;gap:8px;justify-content:center}.btn-action[data-v-0b31e959]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#f8fafc,#fff);border:1.5px solid #e2e8f0;border-radius:50%;cursor:pointer;transition:all .2s ease}.btn-action[data-v-0b31e959]:hover{transform:scale(1.1)}.btn-delete-action[data-v-0b31e959]{color:#dc2626}.btn-delete-action[data-v-0b31e959]:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5}.btn-action svg[data-v-0b31e959]{width:18px;height:18px}.empty-state[data-v-0b31e959]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #cbd5e1;border-radius:16px;text-align:center}.empty-state svg[data-v-0b31e959]{width:64px;height:64px;color:#cbd5e1;margin-bottom:16px}.empty-state h3[data-v-0b31e959]{margin:0 0 8px;font-size:20px;color:#475569;font-weight:600}.empty-state p[data-v-0b31e959]{margin:0;color:#94a3b8;font-size:14px}.modal-overlay[data-v-0b31e959]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-0b31e959 .2s ease-out}@keyframes fadeIn-0b31e959{0%{opacity:0}to{opacity:1}}.detail-modal[data-v-0b31e959]{background:#fff;border-radius:20px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp-0b31e959 .3s ease-out;display:flex;flex-direction:column}@keyframes slideUp-0b31e959{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-modal-header[data-v-0b31e959]{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0;flex-shrink:0}.detail-modal-title[data-v-0b31e959]{display:flex;align-items:flex-start;gap:12px;flex:1}.detail-modal-title svg[data-v-0b31e959]{width:28px;height:28px;color:#3b82f6;flex-shrink:0;margin-top:2px}.detail-modal-title h3[data-v-0b31e959]{margin:0 0 4px;font-size:20px;font-weight:700;color:#1e293b;line-height:1.3}.detail-subtitle[data-v-0b31e959]{margin:0;font-size:13px;color:#64748b;font-weight:500}.btn-close-modal[data-v-0b31e959]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:16px}.btn-close-modal[data-v-0b31e959]:hover{background:#fee2e2;border-color:#fca5a5;transform:rotate(90deg)}.btn-close-modal svg[data-v-0b31e959]{width:18px;height:18px;color:#dc2626}.detail-modal-body[data-v-0b31e959]{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.detail-section[data-v-0b31e959]{display:flex;flex-direction:column;gap:10px}.detail-label[data-v-0b31e959]{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.8px}.detail-label svg[data-v-0b31e959]{width:16px;height:16px;color:#3b82f6;flex-shrink:0}.error-label[data-v-0b31e959]{color:#dc2626}.error-label svg[data-v-0b31e959]{color:#dc2626}.info-grid[data-v-0b31e959]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item[data-v-0b31e959]{display:flex;flex-direction:column;gap:8px}.info-label[data-v-0b31e959]{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-label svg[data-v-0b31e959]{width:14px;height:14px;color:#94a3b8}.info-value[data-v-0b31e959]{font-size:14px;font-weight:600;color:#1e293b;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.schedule-select[data-v-0b31e959]{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;background:#f8fafc;cursor:pointer;transition:all .2s ease;font-weight:500;color:#334155}.schedule-select[data-v-0b31e959]:hover{border-color:#cbd5e1;background:#fff}.schedule-select[data-v-0b31e959]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.message-preview[data-v-0b31e959]{padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;line-height:1.6;color:#334155;word-break:break-word;white-space:pre-wrap;max-height:200px;overflow-y:auto}.media-preview[data-v-0b31e959]{display:flex;flex-direction:column;gap:12px}.media-link[data-v-0b31e959]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;text-decoration:none;border-radius:10px;font-size:14px;font-weight:600;transition:all .2s ease;align-self:flex-start;border:1.5px solid #cbd5e1}.media-link[data-v-0b31e959]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.media-link svg[data-v-0b31e959]{width:16px;height:16px}.media-thumb[data-v-0b31e959]{max-width:100%;max-height:300px;border-radius:10px;border:1px solid #e2e8f0;object-fit:cover;box-shadow:0 2px 8px #0000001a}.recipients-grid[data-v-0b31e959]{display:flex;flex-wrap:wrap;gap:8px}.recipient-chip[data-v-0b31e959]{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:500;border:1px solid;transition:all .2s ease}.recipient-chip[data-v-0b31e959]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.recipient-chip svg[data-v-0b31e959]{width:14px;height:14px;flex-shrink:0}.group-chip[data-v-0b31e959]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.label-chip[data-v-0b31e959]{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border-color:#a5b4fc}.phone-chip[data-v-0b31e959]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#86efac}.failed-container[data-v-0b31e959]{display:flex;flex-direction:column;gap:12px}.failed-section[data-v-0b31e959]{padding:14px 16px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:10px}.failed-chip[data-v-0b31e959]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.detail-modal-footer[data-v-0b31e959]{padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;justify-content:flex-end;flex-shrink:0}.btn-close-footer[data-v-0b31e959]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.btn-close-footer[data-v-0b31e959]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-close-footer svg[data-v-0b31e959]{width:16px;height:16px}.pagination[data-v-0b31e959]{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d}.btn-page[data-v-0b31e959]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#475569;border:1.5px solid #e2e8f0;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-page[data-v-0b31e959]:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.btn-page[data-v-0b31e959]:disabled{opacity:.4;cursor:not-allowed}.btn-page svg[data-v-0b31e959]{width:18px;height:18px}.page-info[data-v-0b31e959]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;color:#fff;font-weight:700;font-size:16px;box-shadow:0 2px 8px #3b82f64d}.current-page[data-v-0b31e959]{font-size:20px}.page-separator[data-v-0b31e959]{opacity:.7}.total-pages[data-v-0b31e959]{opacity:.9}.error[data-v-0b31e959],.success[data-v-0b31e959]{margin-top:20px;padding:14px 18px;border-radius:12px;font-weight:500;font-size:14px;border:1px solid}.error[data-v-0b31e959]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.success[data-v-0b31e959]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#86efac}.delete-modal-overlay[data-v-0b31e959]{animation:fadeIn-0b31e959 .2s ease-out;z-index:10002}.delete-modal[data-v-0b31e959]{background:#fff;border-radius:20px;max-width:480px;width:90%;box-shadow:0 20px 60px #0000004d;padding:32px;text-align:center;animation:slideUp-0b31e959 .3s ease-out;position:relative;z-index:10003}.delete-modal-icon[data-v-0b31e959]{margin-bottom:20px;animation:pulse-0b31e959 .5s ease-out}@keyframes pulse-0b31e959{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.icon-circle[data-v-0b31e959]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.icon-circle[data-v-0b31e959]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);opacity:.3;animation:ripple-0b31e959 1.5s infinite}@keyframes ripple-0b31e959{0%{transform:scale(1);opacity:.3}to{transform:scale(1.5);opacity:0}}.icon-circle svg[data-v-0b31e959]{width:40px;height:40px;color:#dc2626;position:relative;z-index:1}.delete-modal-content[data-v-0b31e959]{padding:0;text-align:center}.delete-modal-content h3[data-v-0b31e959]{margin:0 0 12px;font-size:22px;font-weight:700;color:#1e293b}.delete-warning[data-v-0b31e959]{margin:0 0 24px;color:#64748b;font-size:14px;line-height:1.6}.delete-modal-actions[data-v-0b31e959]{display:flex;gap:12px;margin-top:24px;padding:0;background:transparent;border:none}.btn-keep[data-v-0b31e959],.btn-delete-confirm[data-v-0b31e959]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-keep[data-v-0b31e959]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1}.btn-keep[data-v-0b31e959]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-delete-confirm[data-v-0b31e959]{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-delete-confirm[data-v-0b31e959]:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.btn-delete-confirm[data-v-0b31e959]:disabled,.btn-keep[data-v-0b31e959]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-keep svg[data-v-0b31e959],.btn-delete-confirm svg[data-v-0b31e959]{width:18px;height:18px}@media(max-width:768px){.delete-modal[data-v-0b31e959]{padding:24px;max-width:90%}.icon-circle[data-v-0b31e959]{width:72px;height:72px}.icon-circle svg[data-v-0b31e959]{width:36px;height:36px}.delete-modal-content h3[data-v-0b31e959]{font-size:20px}.delete-modal-actions[data-v-0b31e959]{flex-direction:column;gap:10px}.btn-keep[data-v-0b31e959],.btn-delete-confirm[data-v-0b31e959]{width:100%}}@media(max-width:1200px){.wrapper[data-v-0b31e959]{padding:0 20px}}@media(max-width:768px){.wrapper[data-v-0b31e959]{padding:0 16px}.header-content h2[data-v-0b31e959]{font-size:24px}.header-icon[data-v-0b31e959]{width:28px;height:28px}.stats-row[data-v-0b31e959]{grid-template-columns:1fr}.toolbar[data-v-0b31e959]{flex-direction:column}.search-box[data-v-0b31e959]{width:100%;min-width:unset}.filter-group[data-v-0b31e959]{width:100%;flex-direction:column}.filter-select[data-v-0b31e959]{width:100%}.btn-reload[data-v-0b31e959]{width:100%;justify-content:center}.pagination[data-v-0b31e959]{flex-direction:column;gap:12px}.btn-page[data-v-0b31e959]{width:100%;justify-content:center}}@media(max-width:480px){.wrapper[data-v-0b31e959]{padding:0 12px}.header-content h2[data-v-0b31e959]{font-size:20px}.stat-card[data-v-0b31e959]{padding:16px}.stat-card svg[data-v-0b31e959]{width:32px;height:32px}.stat-value[data-v-0b31e959]{font-size:24px}.toolbar-card[data-v-0b31e959]{padding:16px}}[data-v-4ee1b463]{box-sizing:border-box}.wrapper[data-v-4ee1b463]{max-width:1400px;margin:0 auto;padding:0 24px}.page-header[data-v-4ee1b463]{margin-bottom:32px}.header-content[data-v-4ee1b463]{margin-bottom:24px}.header-content h2[data-v-4ee1b463]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-content h2 svg[data-v-4ee1b463]{width:32px;height:32px;color:#3b82f6;stroke-width:2.5}.subtitle[data-v-4ee1b463]{margin:0;color:#64748b;font-size:15px}.broadcast-form[data-v-4ee1b463]{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.card[data-v-4ee1b463]{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.card-header[data-v-4ee1b463]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#fff)}.card-title[data-v-4ee1b463]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#1e293b;margin:0}.card-title svg[data-v-4ee1b463]{width:22px;height:22px;color:#3b82f6}.badge-optional[data-v-4ee1b463]{padding:6px 12px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border-radius:8px;font-size:12px;font-weight:600;border:1px solid #a5b4fc}.badge-count[data-v-4ee1b463]{padding:6px 12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #93c5fd}.badge-connected[data-v-4ee1b463]{padding:6px 12px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #86efac;display:flex;align-items:center;gap:6px}.badge-disconnected[data-v-4ee1b463]{padding:6px 12px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #fca5a5;display:flex;align-items:center;gap:6px}.card-body[data-v-4ee1b463]{padding:24px}.btn-refresh-header[data-v-4ee1b463]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1.5px solid #cbd5e1;border-radius:10px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh-header[data-v-4ee1b463]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-refresh-header[data-v-4ee1b463]:disabled{opacity:.5;cursor:not-allowed}.btn-refresh-header svg[data-v-4ee1b463]{width:16px;height:16px}.device-info-card[data-v-4ee1b463]{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;margin-bottom:24px;border:2px solid;transition:all .3s}.device-info-card.connected[data-v-4ee1b463]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.device-info-card.disconnected[data-v-4ee1b463]{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.device-avatar[data-v-4ee1b463]{position:relative;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.device-info-card.connected .device-avatar[data-v-4ee1b463]{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}.device-info-card.disconnected .device-avatar[data-v-4ee1b463]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.device-avatar svg[data-v-4ee1b463]{width:32px;height:32px;color:#fff}.status-indicator[data-v-4ee1b463]{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;border:3px solid white;background:#94a3b8;transition:all .3s}.status-indicator.online[data-v-4ee1b463]{background:#22c55e;animation:pulse-4ee1b463 2s infinite}@keyframes pulse-4ee1b463{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 6px #22c55e00}}.device-details[data-v-4ee1b463]{flex:1;min-width:0}.device-name[data-v-4ee1b463]{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-meta[data-v-4ee1b463]{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.device-status[data-v-4ee1b463]{display:flex;align-items:center;gap:4px;font-weight:600}.device-status.online[data-v-4ee1b463]{color:#15803d}.device-status svg[data-v-4ee1b463]{width:8px;height:8px}.device-divider[data-v-4ee1b463]{color:#cbd5e1}.device-id[data-v-4ee1b463]{font-family:Courier New,monospace;font-size:12px}.btn-change-device[data-v-4ee1b463]{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-change-device[data-v-4ee1b463]:hover{border-color:#3b82f6;color:#3b82f6;background:#f8fafc;transform:translateY(-1px)}.btn-change-device svg[data-v-4ee1b463]{width:18px;height:18px}.device-selector-empty[data-v-4ee1b463]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;margin-bottom:24px}.empty-icon[data-v-4ee1b463]{width:64px;height:64px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;display:flex;align-items:center;justify-content:center}.empty-icon svg[data-v-4ee1b463]{width:32px;height:32px;color:#1e40af}.empty-text[data-v-4ee1b463]{text-align:center}.empty-text h4[data-v-4ee1b463]{margin:0 0 6px;font-size:18px;font-weight:700;color:#1e293b}.empty-text p[data-v-4ee1b463]{margin:0;font-size:14px;color:#64748b}.device-list[data-v-4ee1b463]{margin-top:24px}.device-list .form-label[data-v-4ee1b463]{margin-bottom:12px}.device-grid[data-v-4ee1b463]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.device-item[data-v-4ee1b463]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.device-item[data-v-4ee1b463]:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.device-item.active[data-v-4ee1b463]{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 2px 8px #3b82f633}.device-item.connected[data-v-4ee1b463]{border-color:#86efac}.device-item.connected[data-v-4ee1b463]:hover{border-color:#22c55e;background:#f0fdf4}.device-item.disconnected[data-v-4ee1b463]{border-color:#fca5a5;opacity:.7}.device-item.disconnected[data-v-4ee1b463]:hover{border-color:#ef4444;background:#fef2f2}.device-item-avatar[data-v-4ee1b463]{position:relative;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-item.active .device-item-avatar[data-v-4ee1b463]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.device-item.connected .device-item-avatar[data-v-4ee1b463]{background:linear-gradient(135deg,#86efac,#4ade80)}.device-item.disconnected .device-item-avatar[data-v-4ee1b463]{background:linear-gradient(135deg,#fca5a5,#f87171)}.device-item-avatar svg[data-v-4ee1b463]{width:24px;height:24px;color:#1e40af}.device-item.active .device-item-avatar svg[data-v-4ee1b463],.device-item.connected .device-item-avatar svg[data-v-4ee1b463],.device-item.disconnected .device-item-avatar svg[data-v-4ee1b463]{color:#fff}.device-item-status[data-v-4ee1b463]{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid white;background:#94a3b8}.device-item-status.online[data-v-4ee1b463]{background:#22c55e}.device-item-info[data-v-4ee1b463]{flex:1;min-width:0}.device-item-name[data-v-4ee1b463]{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-item-status-text[data-v-4ee1b463]{font-size:13px;color:#64748b;font-weight:500}.device-item-status-text.online[data-v-4ee1b463]{color:#15803d}.device-item-check[data-v-4ee1b463]{width:24px;height:24px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-item-check svg[data-v-4ee1b463]{width:16px;height:16px;color:#fff}.form-row[data-v-4ee1b463]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.form-group[data-v-4ee1b463]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-4ee1b463]{display:flex;align-items:center;gap:6px;font-weight:600;color:#475569;font-size:13px}.required[data-v-4ee1b463]{color:#ef4444}.optional[data-v-4ee1b463]{color:#94a3b8;font-weight:400}.form-input[data-v-4ee1b463],.form-textarea[data-v-4ee1b463],.form-select[data-v-4ee1b463]{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;transition:all .2s;background:#f8fafc}.form-input[data-v-4ee1b463]:focus,.form-textarea[data-v-4ee1b463]:focus,.form-select[data-v-4ee1b463]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-textarea[data-v-4ee1b463]{resize:vertical;min-height:100px;line-height:1.5}.form-help[data-v-4ee1b463]{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px}.upload-zone[data-v-4ee1b463]{border:2px dashed #cbd5e1;border-radius:12px;transition:all .3s ease;background:#f8fafc;position:relative;overflow:hidden}.upload-zone.is-empty[data-v-4ee1b463]{padding:48px 32px;cursor:pointer}.upload-zone.is-empty[data-v-4ee1b463]:hover{border-color:#3b82f6;background:#eff6ff}.upload-zone.is-dragover[data-v-4ee1b463]{border-color:#3b82f6;background:#dbeafe;transform:scale(1.01);box-shadow:0 0 0 4px #3b82f61a}.upload-zone.has-media[data-v-4ee1b463]{padding:0;border-style:solid;background:#fff}.upload-empty[data-v-4ee1b463]{display:flex;flex-direction:column;align-items:center;gap:20px}.upload-icon-wrapper[data-v-4ee1b463]{width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d}.upload-icon[data-v-4ee1b463]{width:32px;height:32px;color:#fff}.upload-text[data-v-4ee1b463]{text-align:center}.upload-title[data-v-4ee1b463]{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 6px}.upload-subtitle[data-v-4ee1b463]{font-size:14px;color:#64748b;margin:0}.btn-upload[data-v-4ee1b463]{padding:10px 20px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#475569;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-upload[data-v-4ee1b463]:hover{border-color:#3b82f6;color:#3b82f6;background:#f8fafc}.btn-upload svg[data-v-4ee1b463]{width:18px;height:18px}.media-preview-wrapper[data-v-4ee1b463],.media-preview[data-v-4ee1b463]{position:relative}.image-preview[data-v-4ee1b463]{display:flex;justify-content:center;align-items:center;background:#0f172a;min-height:300px;padding:20px}.image-preview img[data-v-4ee1b463]{max-width:100%;max-height:500px;border-radius:8px;display:block}.preview-overlay[data-v-4ee1b463]{position:absolute;bottom:20px;right:20px;display:flex;gap:10px}.btn-change[data-v-4ee1b463],.btn-remove[data-v-4ee1b463]{padding:10px 18px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #00000026}.btn-change[data-v-4ee1b463]{background:#fff;color:#475569}.btn-change[data-v-4ee1b463]:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-remove[data-v-4ee1b463]{background:#ef4444;color:#fff}.btn-remove[data-v-4ee1b463]:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.btn-change svg[data-v-4ee1b463],.btn-remove svg[data-v-4ee1b463]{width:16px;height:16px}.document-preview[data-v-4ee1b463]{display:flex;align-items:center;gap:16px;padding:24px;background:#f8fafc}.doc-icon-wrapper[data-v-4ee1b463]{width:56px;height:56px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-icon-wrapper svg[data-v-4ee1b463]{width:32px;height:32px;color:#1e40af}.doc-details[data-v-4ee1b463]{flex:1;min-width:0}.doc-name[data-v-4ee1b463]{font-weight:600;color:#1e293b;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.doc-size[data-v-4ee1b463]{color:#64748b;font-size:13px;margin:0}.doc-actions[data-v-4ee1b463]{display:flex;gap:8px}.btn-icon[data-v-4ee1b463]{width:40px;height:40px;border:1.5px solid #e2e8f0;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.btn-icon[data-v-4ee1b463]:hover{border-color:#3b82f6;color:#3b82f6;background:#f8fafc;transform:translateY(-1px)}.btn-icon-danger[data-v-4ee1b463]:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.btn-icon svg[data-v-4ee1b463]{width:18px;height:18px}.selected-recipients[data-v-4ee1b463]{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.recipients-chips[data-v-4ee1b463]{display:flex;flex-wrap:wrap;gap:8px}.recipient-chip[data-v-4ee1b463]{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#475569;font-weight:500;transition:all .2s}.recipient-chip[data-v-4ee1b463]:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.chip-label[data-v-4ee1b463]{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-close[data-v-4ee1b463]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.chip-close[data-v-4ee1b463]:hover{color:#ef4444}.chip-close svg[data-v-4ee1b463]{width:16px;height:16px}.recipient-tabs[data-v-4ee1b463]{display:flex;gap:8px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0;overflow-x:auto}.recipient-tab[data-v-4ee1b463]{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;margin-bottom:-10px}.recipient-tab[data-v-4ee1b463]:hover{color:#3b82f6;background:#f8fafc;border-radius:10px 10px 0 0}.recipient-tab.active[data-v-4ee1b463]{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.recipient-tab svg[data-v-4ee1b463]{width:18px;height:18px}.tab-content[data-v-4ee1b463]{margin-top:16px}.tab-pane[data-v-4ee1b463]{animation:fadeIn-4ee1b463 .2s ease}@keyframes fadeIn-4ee1b463{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.input-with-button[data-v-4ee1b463]{display:flex;gap:10px;align-items:flex-start}.input-with-button .form-input[data-v-4ee1b463],.input-with-button .form-select[data-v-4ee1b463]{flex:1}.btn-primary[data-v-4ee1b463],.btn-secondary[data-v-4ee1b463]{display:flex;align-items:center;gap:6px;padding:12px 18px;border:1.5px solid;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary[data-v-4ee1b463]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.btn-primary[data-v-4ee1b463]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-primary[data-v-4ee1b463]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-4ee1b463]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1;padding:12px}.btn-secondary[data-v-4ee1b463]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-secondary[data-v-4ee1b463]:disabled{opacity:.5;cursor:not-allowed}.btn-primary svg[data-v-4ee1b463],.btn-secondary svg[data-v-4ee1b463]{width:18px;height:18px}.spinning[data-v-4ee1b463]{animation:spin-4ee1b463 1s linear infinite}@keyframes spin-4ee1b463{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert-section[data-v-4ee1b463]{display:flex;flex-direction:column;gap:12px}.alert[data-v-4ee1b463]{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:500;border:1px solid}.alert svg[data-v-4ee1b463]{width:20px;height:20px;flex-shrink:0}.alert-success[data-v-4ee1b463]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-color:#86efac}.alert-error[data-v-4ee1b463]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.form-actions[data-v-4ee1b463]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.btn-submit[data-v-4ee1b463]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.btn-submit[data-v-4ee1b463]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-submit[data-v-4ee1b463]:active:not(:disabled){transform:translateY(0)}.btn-submit[data-v-4ee1b463]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit svg[data-v-4ee1b463]{width:20px;height:20px}@media(max-width:1200px){.wrapper[data-v-4ee1b463]{padding:0 20px}}@media(max-width:768px){.wrapper[data-v-4ee1b463]{padding:0 16px}.header-content h2[data-v-4ee1b463]{font-size:24px}.header-content h2 svg[data-v-4ee1b463]{width:28px;height:28px}.form-row[data-v-4ee1b463]{grid-template-columns:1fr}.card-header[data-v-4ee1b463]{padding:16px 20px}.card-body[data-v-4ee1b463]{padding:20px}.upload-zone.is-empty[data-v-4ee1b463]{padding:32px 20px}.recipient-tabs[data-v-4ee1b463]{overflow-x:auto;-webkit-overflow-scrolling:touch}.input-with-button[data-v-4ee1b463]{flex-wrap:wrap}.input-with-button .form-input[data-v-4ee1b463],.input-with-button .form-select[data-v-4ee1b463]{flex:1 1 100%}.btn-primary[data-v-4ee1b463]{flex:1}.form-actions[data-v-4ee1b463]{padding:20px}}@media(max-width:480px){.wrapper[data-v-4ee1b463]{padding:0 12px}.header-content h2[data-v-4ee1b463]{font-size:20px}.card-header[data-v-4ee1b463]{padding:14px 16px}.card-body[data-v-4ee1b463]{padding:16px}}.wrapper[data-v-ec926945]{max-width:1400px;margin:0 auto;padding:0 24px}.page-header[data-v-ec926945]{margin-bottom:32px}.header-content[data-v-ec926945]{margin-bottom:24px}.header-content h2[data-v-ec926945]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-icon[data-v-ec926945]{width:32px;height:32px;color:#3b82f6;stroke-width:2.5}.subtitle[data-v-ec926945]{margin:0;color:#64748b;font-size:15px}.stats-row[data-v-ec926945]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-ec926945]{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.stat-card[data-v-ec926945]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.stat-card svg[data-v-ec926945]{width:40px;height:40px;color:#3b82f6;flex-shrink:0}.stat-value[data-v-ec926945]{font-size:28px;font-weight:700;color:#1e293b;line-height:1}.stat-label[data-v-ec926945]{font-size:13px;color:#64748b;margin-top:4px}.device-selection-card[data-v-ec926945]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.card-header-section[data-v-ec926945]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.card-header-section h3[data-v-ec926945]{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:#1e293b}.card-header-section h3 svg[data-v-ec926945]{width:22px;height:22px;color:#3b82f6}.device-selection[data-v-ec926945]{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.form-group[data-v-ec926945]{display:flex;flex-direction:column;gap:8px;flex:1;min-width:250px}.form-group label[data-v-ec926945]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}.form-group label svg[data-v-ec926945]{width:16px;height:16px;color:#3b82f6}.form-group input[data-v-ec926945],.form-group select[data-v-ec926945]{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;background:#f8fafc;transition:all .2s ease}.form-group input[data-v-ec926945]:focus,.form-group select[data-v-ec926945]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.device-actions[data-v-ec926945]{display:flex;gap:10px;flex-wrap:wrap}.btn-add[data-v-ec926945],.btn-reload[data-v-ec926945],.btn-import[data-v-ec926945],.btn-export[data-v-ec926945]{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:1.5px solid;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-add[data-v-ec926945]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.btn-add[data-v-ec926945]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-reload[data-v-ec926945]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1}.btn-reload[data-v-ec926945]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-import[data-v-ec926945]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.btn-import[data-v-ec926945]:hover:not(:disabled){background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-1px)}.btn-export[data-v-ec926945]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d;border-color:#86efac}.btn-export[data-v-ec926945]:hover:not(:disabled){background:linear-gradient(135deg,#dcfce7,#bbf7d0);transform:translateY(-1px)}.btn-add[data-v-ec926945]:disabled,.btn-reload[data-v-ec926945]:disabled,.btn-import[data-v-ec926945]:disabled,.btn-export[data-v-ec926945]:disabled{opacity:.5;cursor:not-allowed}.btn-add svg[data-v-ec926945],.btn-reload svg[data-v-ec926945],.btn-import svg[data-v-ec926945],.btn-export svg[data-v-ec926945]{width:16px;height:16px}@keyframes spin-ec926945{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning[data-v-ec926945]{animation:spin-ec926945 1s linear infinite}.list-card[data-v-ec926945]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 1px 3px #0000000d}.toolbar-section[data-v-ec926945]{display:flex;gap:12px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.search-box[data-v-ec926945]{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box svg[data-v-ec926945]{position:absolute;left:14px;width:20px;height:20px;color:#94a3b8;pointer-events:none}.search-box input[data-v-ec926945]{width:100%;padding:12px 16px 12px 44px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .2s ease;background:#f8fafc}.search-box input[data-v-ec926945]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.filter-group[data-v-ec926945]{display:flex;gap:8px;flex-wrap:wrap}.filter-select[data-v-ec926945],.sort-dir-select[data-v-ec926945],.page-size-select[data-v-ec926945]{padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;background:#f8fafc;cursor:pointer;transition:all .2s ease;font-weight:500}.filter-select[data-v-ec926945]:focus,.sort-dir-select[data-v-ec926945]:focus,.page-size-select[data-v-ec926945]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.sort-dir-select[data-v-ec926945]{min-width:100px}.page-size-select[data-v-ec926945]{min-width:160px}.table-container[data-v-ec926945]{overflow-x:auto;margin-bottom:24px}.contacts-table[data-v-ec926945]{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden}.contacts-table thead[data-v-ec926945]{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.contacts-table th[data-v-ec926945]{padding:16px 20px;text-align:left;font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.contacts-table th svg[data-v-ec926945]{width:16px;height:16px;color:#3b82f6;vertical-align:middle;margin-right:6px;flex-shrink:0}.contacts-table tbody tr[data-v-ec926945]{transition:all .2s ease;border-bottom:1px solid #f1f5f9}.contacts-table tbody tr[data-v-ec926945]:last-child{border-bottom:none}.contacts-table tbody tr[data-v-ec926945]:hover{background:#f8fafc}.contacts-table td[data-v-ec926945]{padding:16px 20px;font-size:14px;color:#1e293b;vertical-align:middle}.contacts-table .col-name[data-v-ec926945]{min-width:220px}.contacts-table .col-phone[data-v-ec926945]{min-width:160px}.contacts-table .col-labels[data-v-ec926945]{min-width:200px}.contacts-table .col-actions[data-v-ec926945]{width:100px;text-align:center}.contact-name-cell[data-v-ec926945]{display:flex;align-items:center;gap:12px}.contact-avatar-small[data-v-ec926945]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-avatar-small svg[data-v-ec926945]{width:20px;height:20px;color:#1e40af}.contact-name-text[data-v-ec926945]{display:flex;flex-direction:column;min-width:0}.name-full[data-v-ec926945]{font-weight:600;color:#1e293b;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-text[data-v-ec926945]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#475569;font-size:13px;font-weight:500}.labels-list-table[data-v-ec926945]{display:flex;flex-wrap:wrap;gap:6px}.label-chip-table[data-v-ec926945]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border:1px solid #a5b4fc;white-space:nowrap;transition:all .2s ease}.label-chip-table[data-v-ec926945]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #4338ca33}.label-chip-table svg[data-v-ec926945]{width:10px;height:10px;flex-shrink:0}.no-labels-table[data-v-ec926945]{color:#cbd5e1;font-size:14px;font-style:italic}.action-buttons[data-v-ec926945]{display:flex;gap:8px;justify-content:center}.btn-edit-table[data-v-ec926945],.btn-delete-table[data-v-ec926945]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-edit-table[data-v-ec926945]{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.btn-edit-table[data-v-ec926945]:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.btn-delete-table[data-v-ec926945]{background:linear-gradient(135deg,#fee2e2,#fecaca)}.btn-delete-table[data-v-ec926945]:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.btn-edit-table svg[data-v-ec926945]{width:18px;height:18px;color:#1e40af}.btn-delete-table svg[data-v-ec926945]{width:18px;height:18px;color:#dc2626}.label-filter[data-v-ec926945]{min-width:180px;background:linear-gradient(135deg,#f8fafc,#fff);border:1.5px solid #cbd5e1;font-weight:600}.label-filter[data-v-ec926945]:hover{border-color:#3b82f6}.empty-state[data-v-ec926945],.empty-selection-card[data-v-ec926945]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #cbd5e1;border-radius:16px;text-align:center;margin-bottom:24px}.empty-state svg[data-v-ec926945],.empty-selection-card svg[data-v-ec926945]{width:64px;height:64px;color:#cbd5e1;margin-bottom:16px}.empty-state h3[data-v-ec926945],.empty-selection-card h3[data-v-ec926945]{margin:0 0 8px;font-size:20px;color:#475569}.empty-state p[data-v-ec926945],.empty-selection-card p[data-v-ec926945]{margin:0;color:#94a3b8;font-size:14px}.pagination[data-v-ec926945]{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;gap:16px}.pagination-info[data-v-ec926945]{color:#64748b;font-size:14px}.pagination-info strong[data-v-ec926945]{color:#1e293b;font-weight:600}.pagination-controls[data-v-ec926945]{display:flex;align-items:center;gap:12px}.btn-page[data-v-ec926945]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#475569;border:1.5px solid #e2e8f0;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-page[data-v-ec926945]:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.btn-page[data-v-ec926945]:disabled{opacity:.4;cursor:not-allowed}.btn-page svg[data-v-ec926945]{width:16px;height:16px}.page-indicator[data-v-ec926945]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;color:#fff;font-weight:700;font-size:14px;box-shadow:0 2px 8px #3b82f64d}.current-page[data-v-ec926945]{font-size:16px}.page-separator[data-v-ec926945]{opacity:.7}.total-pages[data-v-ec926945]{opacity:.9}.modal-overlay[data-v-ec926945]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-ec926945]{background:#fff;border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-ec926945]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid #f1f5f9}.modal-header h3[data-v-ec926945]{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;color:#1e293b}.modal-header h3 svg[data-v-ec926945]{width:24px;height:24px;color:#3b82f6}.close-btn[data-v-ec926945]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;transition:all .2s ease}.close-btn[data-v-ec926945]:hover{background:#e2e8f0;transform:scale(1.1)}.close-btn svg[data-v-ec926945]{width:18px;height:18px;color:#475569}.modal form[data-v-ec926945]{padding:24px}.form-grid[data-v-ec926945]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-grid .form-group.span-2[data-v-ec926945]{grid-column:span 2}.help-text[data-v-ec926945]{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;margin-top:4px;font-style:normal}.help-text svg[data-v-ec926945]{width:12px;height:12px;flex-shrink:0;color:#94a3b8}.modal-actions[data-v-ec926945]{display:flex;gap:10px;padding-top:20px;border-top:1px solid #f1f5f9}.btn-cancel[data-v-ec926945],.btn-submit[data-v-ec926945]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:1.5px solid;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-cancel[data-v-ec926945]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1}.btn-cancel[data-v-ec926945]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-submit[data-v-ec926945]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.btn-submit[data-v-ec926945]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-submit[data-v-ec926945]:disabled{opacity:.6;cursor:not-allowed}.btn-cancel svg[data-v-ec926945],.btn-submit svg[data-v-ec926945]{width:18px}.delete-modal-overlay[data-v-ec926945]{animation:fadeIn-ec926945 .2s ease-out}@keyframes fadeIn-ec926945{0%{opacity:0}to{opacity:1}}.delete-modal[data-v-ec926945]{background:#fff;border-radius:20px;max-width:480px;width:90%;box-shadow:0 20px 60px #0000004d;padding:32px;text-align:center;animation:slideUp-ec926945 .3s ease-out}@keyframes slideUp-ec926945{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal-icon[data-v-ec926945]{margin-bottom:20px;animation:pulse-ec926945 .5s ease-out}@keyframes pulse-ec926945{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.icon-circle[data-v-ec926945]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.icon-circle[data-v-ec926945]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);opacity:.3;animation:ripple-ec926945 1.5s infinite}@keyframes ripple-ec926945{0%{transform:scale(1);opacity:.3}to{transform:scale(1.5);opacity:0}}.icon-circle svg[data-v-ec926945]{width:40px;height:40px;color:#dc2626;position:relative;z-index:1}.delete-modal-content h3[data-v-ec926945]{margin:0 0 12px;font-size:22px;font-weight:700;color:#1e293b}.delete-warning[data-v-ec926945]{margin:0 0 24px;color:#64748b;font-size:14px;line-height:1.6}.contact-preview[data-v-ec926945]{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:24px;text-align:left;transition:all .2s ease}.contact-preview[data-v-ec926945]:hover{border-color:#cbd5e1;transform:translateY(-1px)}.preview-avatar[data-v-ec926945]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-avatar svg[data-v-ec926945]{width:24px;height:24px;color:#1e40af}.preview-info[data-v-ec926945]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.preview-name[data-v-ec926945]{font-weight:600;color:#1e293b;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-phone[data-v-ec926945]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#64748b;font-size:13px;font-weight:500}.delete-modal-actions[data-v-ec926945]{display:flex;gap:12px;margin-top:24px}.btn-keep[data-v-ec926945],.btn-delete-confirm[data-v-ec926945]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-keep[data-v-ec926945]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1}.btn-keep[data-v-ec926945]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-delete-confirm[data-v-ec926945]{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-delete-confirm[data-v-ec926945]:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.btn-delete-confirm[data-v-ec926945]:disabled,.btn-keep[data-v-ec926945]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-keep svg[data-v-ec926945],.btn-delete-confirm svg[data-v-ec926945]{width:18px}.import-modal-overlay[data-v-ec926945]{animation:fadeIn-ec926945 .2s ease-out}.import-modal[data-v-ec926945]{background:#fff;border-radius:20px;max-width:480px;width:90%;box-shadow:0 20px 60px #0000004d;padding:32px;text-align:center;animation:slideUp-ec926945 .3s ease-out}.import-modal-icon[data-v-ec926945]{margin-bottom:20px;animation:pulse-ec926945 .5s ease-out}.icon-circle-import[data-v-ec926945]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.icon-circle-import[data-v-ec926945]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);opacity:.3;animation:ripple-ec926945 1.5s infinite}.icon-circle-import svg[data-v-ec926945]{width:40px;height:40px;color:#1e40af;position:relative;z-index:1}.import-modal-content h3[data-v-ec926945]{margin:0 0 12px;font-size:22px;font-weight:700;color:#1e293b}.import-description[data-v-ec926945]{margin:0 0 24px;color:#64748b;font-size:14px;line-height:1.6}.file-preview[data-v-ec926945]{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:24px;text-align:left;transition:all .2s ease}.file-preview[data-v-ec926945]:hover{border-color:#cbd5e1;transform:translateY(-1px)}.preview-icon-file[data-v-ec926945]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-icon-file svg[data-v-ec926945]{width:24px;height:24px;color:#1e40af}.file-info[data-v-ec926945]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.file-name[data-v-ec926945]{font-weight:600;color:#1e293b;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size[data-v-ec926945]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#64748b;font-size:13px;font-weight:500}.form-group-import[data-v-ec926945]{display:flex;flex-direction:column;gap:8px;text-align:left}.form-group-import label[data-v-ec926945]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}.form-group-import label svg[data-v-ec926945]{width:16px;height:16px;color:#3b82f6}.input-group-name[data-v-ec926945]{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;background:#f8fafc;transition:all .2s ease}.input-group-name[data-v-ec926945]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.help-text-import[data-v-ec926945]{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;margin-top:4px;font-style:normal}.help-text-import svg[data-v-ec926945]{width:12px;height:12px;flex-shrink:0;color:#94a3b8}.import-modal-actions[data-v-ec926945]{display:flex;gap:12px;margin-top:24px}.btn-cancel-import[data-v-ec926945],.btn-import-confirm[data-v-ec926945]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-cancel-import[data-v-ec926945]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1}.btn-cancel-import[data-v-ec926945]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-import-confirm[data-v-ec926945]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-import-confirm[data-v-ec926945]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-import-confirm[data-v-ec926945]:disabled,.btn-cancel-import[data-v-ec926945]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-cancel-import svg[data-v-ec926945],.btn-import-confirm svg[data-v-ec926945]{width:18px}@media(max-width:768px){.delete-modal[data-v-ec926945]{padding:24px;max-width:90%}.icon-circle[data-v-ec926945]{width:72px;height:72px}.icon-circle svg[data-v-ec926945]{width:36px;height:36px}.delete-modal-content h3[data-v-ec926945]{font-size:20px}.delete-modal-actions[data-v-ec926945]{flex-direction:column;gap:10px}.btn-keep[data-v-ec926945],.btn-delete-confirm[data-v-ec926945]{width:100%}}@media(max-width:768px){.import-modal[data-v-ec926945]{padding:24px;max-width:90%}.icon-circle-import[data-v-ec926945]{width:72px;height:72px}.icon-circle-import svg[data-v-ec926945]{width:36px;height:36px}.import-modal-content h3[data-v-ec926945]{font-size:20px}.import-modal-actions[data-v-ec926945]{flex-direction:column;gap:10px}.btn-cancel-import[data-v-ec926945],.btn-import-confirm[data-v-ec926945]{width:100%}}.success-message[data-v-ec926945]{margin-top:12px;padding:12px 14px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border:1px solid #86efac;border-radius:10px;font-weight:500}.error-message[data-v-ec926945]{margin-top:12px;padding:12px 14px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5;border-radius:10px;font-weight:500}@media(max-width:1200px){.contacts-grid[data-v-ec926945]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.wrapper[data-v-ec926945]{padding:0 16px}.header-content h2[data-v-ec926945]{font-size:24px}.header-icon[data-v-ec926945]{width:28px;height:28px}.stats-row[data-v-ec926945]{grid-template-columns:1fr}.device-selection[data-v-ec926945]{flex-direction:column;align-items:stretch}.form-group[data-v-ec926945]{min-width:unset}.device-actions[data-v-ec926945]{flex-direction:column}.btn-add[data-v-ec926945],.btn-reload[data-v-ec926945],.btn-import[data-v-ec926945],.btn-export[data-v-ec926945]{width:100%;justify-content:center}.contacts-grid[data-v-ec926945]{grid-template-columns:1fr}.toolbar-section[data-v-ec926945]{flex-direction:column;align-items:stretch}.search-box[data-v-ec926945]{width:100%;min-width:unset}.filter-group[data-v-ec926945]{flex-direction:column}.filter-select[data-v-ec926945],.sort-dir-select[data-v-ec926945],.page-size-select[data-v-ec926945]{width:100%}.pagination[data-v-ec926945]{flex-direction:column;align-items:stretch}.pagination-controls[data-v-ec926945]{justify-content:space-between}.form-grid[data-v-ec926945]{grid-template-columns:1fr}.form-grid .form-group.span-2[data-v-ec926945]{grid-column:span 1}.modal-actions[data-v-ec926945]{flex-direction:column}}@media(max-width:480px){.header-content h2[data-v-ec926945]{font-size:20px}.stat-card[data-v-ec926945]{padding:16px}.stat-card svg[data-v-ec926945]{width:32px;height:32px}.stat-value[data-v-ec926945]{font-size:24px}.contact-header[data-v-ec926945]{padding:16px}.contact-avatar[data-v-ec926945]{width:48px;height:48px}.contact-avatar svg[data-v-ec926945]{width:28px;height:28px}.contact-info h4[data-v-ec926945]{font-size:15px}.contact-body[data-v-ec926945]{padding:16px}}.wrapper[data-v-7b562cb9]{max-width:1400px;margin:0 auto;padding:0 24px}.page-header[data-v-7b562cb9]{margin-bottom:32px}.header-content[data-v-7b562cb9]{margin-bottom:24px}.header-content h2[data-v-7b562cb9]{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-icon[data-v-7b562cb9]{width:32px;height:32px;color:#3b82f6;stroke-width:2.5}.subtitle[data-v-7b562cb9]{margin:0;color:#64748b;font-size:15px}.stats-row[data-v-7b562cb9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-7b562cb9]{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.stat-card[data-v-7b562cb9]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.stat-card svg[data-v-7b562cb9]{width:40px;height:40px;color:#3b82f6;flex-shrink:0}.stat-value[data-v-7b562cb9]{font-size:28px;font-weight:700;color:#1e293b;line-height:1}.stat-label[data-v-7b562cb9]{font-size:13px;color:#64748b;margin-top:4px}.device-selection-card[data-v-7b562cb9]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.device-selection[data-v-7b562cb9]{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.form-group[data-v-7b562cb9]{display:flex;flex-direction:column;gap:8px;flex:1;min-width:250px}.form-group select[data-v-7b562cb9]{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;background:#f8fafc;transition:all .2s ease;cursor:pointer}.form-group select[data-v-7b562cb9]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.device-actions[data-v-7b562cb9]{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}.page-size-select[data-v-7b562cb9]{padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;background:#f8fafc;cursor:pointer;transition:all .2s ease;font-weight:500;min-width:160px}.page-size-select[data-v-7b562cb9]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.empty-selection-card[data-v-7b562cb9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #cbd5e1;border-radius:16px;text-align:center;margin-bottom:24px}.empty-selection-card svg[data-v-7b562cb9]{width:64px;height:64px;color:#cbd5e1;margin-bottom:16px}.empty-selection-card h3[data-v-7b562cb9]{margin:0 0 8px;font-size:20px;color:#475569}.empty-selection-card p[data-v-7b562cb9]{margin:0;color:#94a3b8;font-size:14px}.pagination[data-v-7b562cb9]{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;gap:16px}.pagination-info[data-v-7b562cb9]{color:#64748b;font-size:14px}.pagination-info strong[data-v-7b562cb9]{color:#1e293b;font-weight:600}.pagination-controls[data-v-7b562cb9]{display:flex;align-items:center;gap:12px}.btn-page[data-v-7b562cb9]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#475569;border:1.5px solid #e2e8f0;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-page[data-v-7b562cb9]:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.btn-page[data-v-7b562cb9]:disabled{opacity:.4;cursor:not-allowed}.btn-page svg[data-v-7b562cb9]{width:16px;height:16px}.page-indicator[data-v-7b562cb9]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;color:#fff;font-weight:700;font-size:14px;box-shadow:0 2px 8px #3b82f64d}.current-page[data-v-7b562cb9]{font-size:16px}.page-separator[data-v-7b562cb9]{opacity:.7}.total-pages[data-v-7b562cb9]{opacity:.9}.actions-card[data-v-7b562cb9]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.card-header-section[data-v-7b562cb9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.card-header-section h3[data-v-7b562cb9]{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:#1e293b}.card-header-section h3 svg[data-v-7b562cb9]{width:22px;height:22px;color:#3b82f6}.actions-row[data-v-7b562cb9]{display:flex;gap:12px;flex-wrap:wrap}.btn-action[data-v-7b562cb9]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:1.5px solid;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;flex:1;min-width:180px;justify-content:center}.btn-action svg[data-v-7b562cb9]{width:18px;height:18px}.btn-join[data-v-7b562cb9]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.btn-join[data-v-7b562cb9]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-sync[data-v-7b562cb9]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d;border-color:#86efac}.btn-sync[data-v-7b562cb9]:hover:not(:disabled){background:linear-gradient(135deg,#dcfce7,#bbf7d0);transform:translateY(-1px)}.btn-reload[data-v-7b562cb9]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1}.btn-reload[data-v-7b562cb9]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-action[data-v-7b562cb9]:disabled{opacity:.5;cursor:not-allowed}@keyframes spin-7b562cb9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning[data-v-7b562cb9]{animation:spin-7b562cb9 1s linear infinite}.list-card[data-v-7b562cb9]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 1px 3px #0000000d}.toolbar-section[data-v-7b562cb9]{display:flex;gap:12px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.search-box[data-v-7b562cb9]{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box svg[data-v-7b562cb9]{position:absolute;left:14px;width:20px;height:20px;color:#94a3b8;pointer-events:none}.search-box input[data-v-7b562cb9]{width:100%;padding:12px 16px 12px 44px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .2s ease;background:#f8fafc}.search-box input[data-v-7b562cb9]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.loading-state[data-v-7b562cb9],.error-state[data-v-7b562cb9],.empty-state[data-v-7b562cb9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #cbd5e1;border-radius:16px;text-align:center}.loading-state svg[data-v-7b562cb9],.error-state svg[data-v-7b562cb9],.empty-state svg[data-v-7b562cb9]{width:64px;height:64px;color:#cbd5e1;margin-bottom:16px}.loading-state p[data-v-7b562cb9],.error-state p[data-v-7b562cb9],.empty-state p[data-v-7b562cb9]{margin:0;color:#94a3b8;font-size:14px}.empty-state h3[data-v-7b562cb9]{margin:0 0 8px;font-size:20px;color:#475569}.btn-retry[data-v-7b562cb9]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;margin-top:16px;transition:all .2s ease}.btn-retry[data-v-7b562cb9]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-retry svg[data-v-7b562cb9]{width:18px;height:18px}.table-container[data-v-7b562cb9]{overflow-x:auto;margin-bottom:24px}.groups-table[data-v-7b562cb9]{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden}.groups-table thead[data-v-7b562cb9]{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.groups-table th[data-v-7b562cb9]{padding:16px 20px;text-align:left;font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.groups-table th svg[data-v-7b562cb9]{width:16px;height:16px;color:#3b82f6;vertical-align:middle;margin-right:6px;flex-shrink:0}.groups-table tbody tr[data-v-7b562cb9]{transition:all .2s ease;border-bottom:1px solid #f1f5f9}.groups-table tbody tr[data-v-7b562cb9]:last-child{border-bottom:none}.groups-table tbody tr[data-v-7b562cb9]:hover{background:#f8fafc}.groups-table td[data-v-7b562cb9]{padding:16px 20px;font-size:14px;color:#1e293b;vertical-align:middle}.groups-table .col-name[data-v-7b562cb9]{min-width:280px}.groups-table .col-members[data-v-7b562cb9]{min-width:120px}.groups-table .col-actions[data-v-7b562cb9]{width:120px;text-align:center}.group-name-cell[data-v-7b562cb9]{display:flex;align-items:center;gap:12px}.group-avatar-small[data-v-7b562cb9]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative}.group-avatar-small img[data-v-7b562cb9]{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.group-avatar-small svg[data-v-7b562cb9]{width:20px;height:20px;color:#1e40af;position:relative;z-index:1}.group-name-text[data-v-7b562cb9]{display:flex;flex-direction:column;min-width:0}.name-full[data-v-7b562cb9]{font-weight:600;color:#1e293b;font-size:14px}.members-badge[data-v-7b562cb9]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border:1px solid #a5b4fc}.members-badge svg[data-v-7b562cb9]{width:14px;height:14px}.id-text[data-v-7b562cb9]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#475569;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons[data-v-7b562cb9]{display:flex;gap:8px;justify-content:center}.btn-leave-table[data-v-7b562cb9]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#fee2e2,#fecaca)}.btn-leave-table[data-v-7b562cb9]:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.btn-leave-table svg[data-v-7b562cb9]{width:18px;height:18px;color:#dc2626}.modal-overlay[data-v-7b562cb9]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-7b562cb9]{background:#fff;border-radius:16px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-7b562cb9]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid #f1f5f9}.modal-header h3[data-v-7b562cb9]{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;color:#1e293b}.modal-header h3 svg[data-v-7b562cb9]{width:24px;height:24px;color:#3b82f6}.close-btn[data-v-7b562cb9]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;transition:all .2s ease}.close-btn[data-v-7b562cb9]:hover{background:#e2e8f0;transform:scale(1.1)}.close-btn svg[data-v-7b562cb9]{width:18px;height:18px;color:#475569}.modal form[data-v-7b562cb9]{padding:24px}.form-group[data-v-7b562cb9]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label[data-v-7b562cb9]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}.form-group label svg[data-v-7b562cb9]{width:16px;height:16px;color:#3b82f6}.form-group input[data-v-7b562cb9]{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;background:#f8fafc;transition:all .2s ease}.form-group input[data-v-7b562cb9]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.help-text[data-v-7b562cb9]{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;font-style:normal}.help-text svg[data-v-7b562cb9]{width:12px;height:12px;flex-shrink:0;color:#94a3b8}.error-message[data-v-7b562cb9]{padding:12px 14px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5;border-radius:10px;font-weight:500;margin-bottom:20px;display:flex;align-items:center;gap:8px;font-size:13px}.error-message svg[data-v-7b562cb9]{width:16px;height:16px;flex-shrink:0}.modal-actions[data-v-7b562cb9]{display:flex;gap:10px;padding-top:20px;border-top:1px solid #f1f5f9}.btn-cancel[data-v-7b562cb9],.btn-submit[data-v-7b562cb9]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:1.5px solid;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-cancel[data-v-7b562cb9]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1}.btn-cancel[data-v-7b562cb9]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-submit[data-v-7b562cb9]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.btn-submit[data-v-7b562cb9]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-submit[data-v-7b562cb9]:disabled{opacity:.6;cursor:not-allowed}.btn-cancel svg[data-v-7b562cb9],.btn-submit svg[data-v-7b562cb9]{width:18px;height:18px}.delete-modal-overlay[data-v-7b562cb9]{animation:fadeIn-7b562cb9 .2s ease-out}@keyframes fadeIn-7b562cb9{0%{opacity:0}to{opacity:1}}.delete-modal[data-v-7b562cb9]{background:#fff;border-radius:20px;max-width:480px;width:90%;box-shadow:0 20px 60px #0000004d;padding:32px;text-align:center;animation:slideUp-7b562cb9 .3s ease-out}@keyframes slideUp-7b562cb9{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal-icon[data-v-7b562cb9]{margin-bottom:20px;animation:pulse-7b562cb9 .5s ease-out}@keyframes pulse-7b562cb9{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.icon-circle[data-v-7b562cb9]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.icon-circle[data-v-7b562cb9]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);opacity:.3;animation:ripple-7b562cb9 1.5s infinite}@keyframes ripple-7b562cb9{0%{transform:scale(1);opacity:.3}to{transform:scale(1.5);opacity:0}}.icon-circle svg[data-v-7b562cb9]{width:40px;height:40px;color:#dc2626;position:relative;z-index:1}.delete-modal-content h3[data-v-7b562cb9]{margin:0 0 12px;font-size:22px;font-weight:700;color:#1e293b}.delete-warning[data-v-7b562cb9]{margin:0 0 12px;color:#64748b;font-size:14px;line-height:1.6}.delete-modal-actions[data-v-7b562cb9]{display:flex;gap:12px;margin-top:24px}.btn-keep[data-v-7b562cb9],.btn-delete-confirm[data-v-7b562cb9]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-keep[data-v-7b562cb9]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1.5px solid #cbd5e1}.btn-keep[data-v-7b562cb9]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-delete-confirm[data-v-7b562cb9]{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-delete-confirm[data-v-7b562cb9]:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.btn-delete-confirm[data-v-7b562cb9]:disabled,.btn-keep[data-v-7b562cb9]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-keep svg[data-v-7b562cb9],.btn-delete-confirm svg[data-v-7b562cb9]{width:18px;height:18px}@media(max-width:768px){.wrapper[data-v-7b562cb9]{padding:0 16px}.header-content h2[data-v-7b562cb9]{font-size:24px}.header-icon[data-v-7b562cb9]{width:28px;height:28px}.stats-row[data-v-7b562cb9]{grid-template-columns:1fr}.actions-row[data-v-7b562cb9]{flex-direction:column}.btn-action[data-v-7b562cb9]{width:100%;min-width:unset}.toolbar-section[data-v-7b562cb9]{flex-direction:column;align-items:stretch}.search-box[data-v-7b562cb9]{width:100%;min-width:unset}.modal[data-v-7b562cb9]{max-width:90%}.delete-modal[data-v-7b562cb9]{padding:24px;max-width:90%}.delete-modal-actions[data-v-7b562cb9]{flex-direction:column;gap:10px}.btn-keep[data-v-7b562cb9],.btn-delete-confirm[data-v-7b562cb9]{width:100%}}