.alert-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4000;animation:fadeIn .3s ease-out}.alert-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:500px;min-width:320px;width:90%;background:rgba(15,10,26,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 60px #8b5cf64d;border:1px solid rgba(139,92,246,.2);z-index:4001;animation:modalSlideIn .3s ease-out;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e2e8f0;overflow:hidden}.alert-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.alert-modal-icon{font-size:24px;flex-shrink:0}.alert-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;font-size:18px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.alert-modal-close:hover{background-color:#8b5cf61a;color:#e2e8f0}.alert-modal-close:active{transform:scale(.95)}.alert-modal-content{padding:16px 24px 24px}.alert-modal-message{font-size:1.125rem;font-weight:600;color:#e2e8f0;margin-bottom:12px;line-height:1.5}.alert-modal-details{font-size:.875rem;color:#94a3b8;line-height:1.5;margin-bottom:20px}.alert-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.alert-modal-action-btn{padding:12px 24px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:120px}.alert-modal-action-btn:disabled{opacity:.6;cursor:not-allowed}.alert-modal.alert-success{border-color:#10b98166;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05))}.alert-modal.alert-success .alert-modal-action-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.alert-modal.alert-success .alert-modal-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.alert-modal.alert-error{border-color:#ef444466;background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05))}.alert-modal.alert-error .alert-modal-action-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.alert-modal.alert-error .alert-modal-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.alert-modal.alert-warning{border-color:#f59e0b66;background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.05))}.alert-modal.alert-warning .alert-modal-action-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.alert-modal.alert-warning .alert-modal-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.alert-modal.alert-info{border-color:#8b5cf666;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(139,92,246,.05))}.alert-modal.alert-info .alert-modal-action-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.alert-modal.alert-info .alert-modal-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes modalSlideOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}.alert-modal.alert-exiting{animation:modalSlideOut .3s ease-in}.alert-backdrop.alert-exiting{animation:fadeOut .3s ease-in}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.alert{position:fixed;top:20px;right:20px;max-width:400px;min-width:300px;background:rgba(15,10,26,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #8b5cf633;border:1px solid rgba(139,92,246,.2);display:flex;align-items:flex-start;gap:12px;padding:16px;z-index:3000;animation:slideInRight .3s ease-out;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e2e8f0;isolation:isolate;-webkit-user-select:none;user-select:none;transform:translateZ(0)}.alert-success{border-color:#10b98166;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05))}.alert-error{border-color:#ef444466;background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05))}.alert-warning{border-color:#f59e0b66;background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.05))}.alert-info{border-color:#8b5cf666;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(139,92,246,.05))}.alert-icon{font-size:20px;flex-shrink:0;margin-top:2px}.alert-content{flex:1;min-width:0}.alert-message{font-weight:500;color:#e2e8f0;margin-bottom:4px;line-height:1.4}.alert-details{font-size:.875rem;color:#94a3b8;line-height:1.4}.alert-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;font-size:16px;flex-shrink:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.alert-close:hover{background-color:#8b5cf61a;color:#e2e8f0}.alert-close:active{transform:scale(.95)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.alert.alert-exiting{animation:slideOutRight .3s ease-in}@media (max-width: 768px){.alert{top:10px;right:10px;left:10px;max-width:none;min-width:auto;z-index:3000}.alert-modal{width:95%;max-width:none;margin:20px;left:48%;transform:translate(-50%,-50%)}.alert-modal-header{padding:16px 20px 12px}.alert-modal-content{padding:12px 20px 20px}.alert-modal-message{font-size:1rem}}@media (max-width: 480px){.alert{padding:12px;gap:8px}.alert-message{font-size:.875rem}.alert-details{font-size:.8rem}.alert-modal{width:98%;margin:10px;left:48%;transform:translate(-50%,-50%)}.alert-modal-header{padding:12px 16px 8px}.alert-modal-content{padding:8px 16px 16px}.alert-modal-actions{flex-direction:column}.alert-modal-action-btn{width:100%}}@media (prefers-color-scheme: dark){.alert,.alert-modal{background:#1f2937;color:#f9fafb}.alert-success{background:linear-gradient(135deg,#064e3b,#065f46);border-left-color:#10b981}.alert-error{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-left-color:#ef4444}.alert-warning{background:linear-gradient(135deg,#78350f,#92400e);border-left-color:#f59e0b}.alert-info{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-left-color:#3b82f6}.alert-message{color:#f9fafb}.alert-details{color:#d1d5db}.alert-close{color:#9ca3af}.alert-close:hover{background-color:#ffffff1a;color:#d1d5db}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1a0b2e;padding:1rem}.admin-login-container{width:100%;max-width:400px}.admin-login-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2.5rem;box-shadow:0 8px 32px #0006}.admin-login-header{text-align:center;margin-bottom:2rem}.admin-login-logo{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.admin-logo-icon{width:4rem;height:4rem;background:#7c3aed;color:#fff;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 16px #7c3aed4d;overflow:hidden}.admin-logo-image{width:100%;height:100%;object-fit:cover;border-radius:1rem}.admin-login-logo h1{font-size:1.5rem;font-weight:700;margin:0;color:#7c3aed}.admin-login-subtitle{font-size:.9rem;color:#94a3b8;margin:0;line-height:1.5}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.admin-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-form-group label{font-size:.875rem;font-weight:600;color:#e2e8f0}.admin-form-group input{padding:.875rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;color:#e2e8f0;font-size:.9rem}.admin-form-group input:focus{outline:none;border-color:#7c3aed80;background:rgba(255,255,255,.08)}.admin-form-group input::placeholder{color:#94a3b8}.admin-form-group input:disabled{opacity:.6;cursor:not-allowed}.admin-password-input-wrapper{position:relative;display:flex;align-items:center}.admin-password-input-wrapper input{padding-right:3rem;width:100%}.admin-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.admin-password-toggle:hover{color:#7c3aed;background:rgba(124,58,237,.1)}.admin-password-toggle:disabled{opacity:.5;cursor:not-allowed}.admin-password-toggle svg{width:16px;height:16px}.admin-remember-me{margin:.5rem 0;display:flex;justify-content:center;align-items:center}.admin-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#e2e8f0;font-size:.875rem;font-weight:500;-webkit-user-select:none;user-select:none;justify-content:center}.admin-checkbox-label input[type=checkbox]{display:none}.admin-checkbox-custom{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.2);border-radius:.25rem;background:rgba(255,255,255,.05);position:relative;transition:all .2s ease;flex-shrink:0}.admin-checkbox-label input[type=checkbox]:checked+.admin-checkbox-custom{background:#7c3aed;border-color:#7c3aed}.admin-checkbox-label input[type=checkbox]:checked+.admin-checkbox-custom:after{content:"";position:absolute;left:.375rem;top:.125rem;width:.375rem;height:.625rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.admin-checkbox-label:hover .admin-checkbox-custom{border-color:#7c3aed;background:rgba(124,58,237,.1)}.admin-checkbox-label input[type=checkbox]:disabled+.admin-checkbox-custom{opacity:.5;cursor:not-allowed}.admin-login-btn{padding:1rem 1.5rem;background:#7c3aed;color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #7c3aed4d;display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-login-btn:disabled{opacity:.7;cursor:not-allowed}.admin-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:admin-spin 1s linear infinite}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-error-message{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:.75rem;color:#f87171;font-size:.875rem;font-weight:500}.admin-login-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.admin-login-footer p{font-size:.75rem;color:#94a3b8;margin:0}.admin-login-footer a{color:#7c3aed;text-decoration:none;font-weight:600}@media (max-width: 480px){.admin-login-card{padding:2rem}.admin-login-logo h1{font-size:1.25rem}.admin-login-subtitle{font-size:.8rem}.admin-logo-icon{width:3.5rem;height:3.5rem;font-size:1.75rem}.admin-remember-me{margin:.375rem 0}.admin-checkbox-label{font-size:.8rem;gap:.625rem}.admin-checkbox-custom{width:1.125rem;height:1.125rem}.admin-checkbox-label input[type=checkbox]:checked+.admin-checkbox-custom:after{left:.3125rem;top:.0625rem;width:.3125rem;height:.5rem}.admin-password-toggle{right:.5rem;padding:.125rem}.admin-password-toggle svg{width:14px;height:14px}.admin-password-input-wrapper input{padding-right:2.5rem}}.floating-chat-container{position:fixed;bottom:24px;right:24px;z-index:1000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.floating-chat-button{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1,#ec4899);border:none;color:#fff;cursor:pointer;box-shadow:0 8px 32px #8b5cf666;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.floating-chat-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#a78bfa,#818cf8,#f472b6);opacity:0;transition:opacity .3s ease;border-radius:50%}.floating-chat-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px #8b5cf680}.floating-chat-button:hover:before{opacity:1}.floating-chat-button svg{position:relative;z-index:1;transition:transform .3s ease}.floating-chat-button:hover svg{transform:scale(1.15) rotate(5deg)}.floating-chat-window{width:380px;height:520px;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(139,92,246,.3);border-radius:20px;box-shadow:0 12px 40px #0006;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.floating-chat-window.minimized{height:60px}.floating-chat-header{background:#4c1d95;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;color:#fff;flex-shrink:0;position:relative;overflow:hidden}.floating-chat-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.floating-chat-controls{display:flex;gap:4px}.floating-chat-control-btn{width:28px;height:28px;border:none;background:rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.floating-chat-control-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.1)}.floating-chat-control-btn[title="Hapus Chat"]{background:rgba(239,68,68,.2);color:#fca5a5}.floating-chat-control-btn[title="Hapus Chat"]:hover{background:rgba(239,68,68,.3);color:#fca5a5}.floating-chat-control-btn[title="Hapus Chat"]:active{background:rgba(239,68,68,.4);transform:scale(.95)}.floating-chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:linear-gradient(135deg,#0f172a,#020617)}.floating-chat-messages::-webkit-scrollbar{width:4px}.floating-chat-messages::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:2px}.floating-chat-messages::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:2px}.floating-chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)}.floating-chat-message{display:flex;flex-direction:column;max-width:85%;animation:messageSlideIn .4s ease}.floating-chat-message.user{align-self:flex-end}.floating-chat-message.assistant{align-self:flex-start}.floating-chat-message.system{align-self:center;max-width:90%}.floating-chat-message-content{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word;position:relative;box-shadow:0 2px 8px #0000001a}.floating-chat-message-content p{margin:0 0 8px}.floating-chat-message-content p:last-child{margin-bottom:0}.floating-chat-message-content strong{font-weight:700;color:#fbbf24}.floating-chat-message-content em{font-style:italic;color:#a78bfa}.floating-chat-message-content br{margin-bottom:4px}.floating-chat-message-content strong[style*="color: #fbbf24"]{font-weight:700;color:#fbbf24!important;display:inline-block;min-width:120px;margin-right:8px}.floating-chat-message-content span[style*="color: #a78bfa"]{color:#a78bfa!important;margin-right:8px;font-weight:700}.floating-chat-message-content ul,.floating-chat-message-content ol{margin:8px 0;padding-left:20px}.floating-chat-message-content li{margin-bottom:4px}.floating-chat-message.user .floating-chat-message-content{background:linear-gradient(135deg,#8b5cf6,#6366f1,#ec4899);color:#fff;border-bottom-right-radius:6px}.floating-chat-message.assistant .floating-chat-message-content{background:rgba(255,255,255,.08);color:#f1f5f9;border:1px solid rgba(255,255,255,.12);border-bottom-left-radius:6px}.floating-chat-message.system .floating-chat-message-content{background:rgba(139,92,246,.1);color:#a78bfa;border:1px solid rgba(139,92,246,.2);font-size:13px;font-style:italic}.floating-chat-message-time{font-size:11px;color:#64748b;margin-top:6px;align-self:flex-end;opacity:.8}.floating-chat-message.user .floating-chat-message-time{align-self:flex-end}.floating-chat-message.assistant .floating-chat-message-time{align-self:flex-start}.floating-chat-typing{display:flex;align-items:center;gap:6px;padding:12px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px 16px 16px 6px;width:fit-content}.floating-chat-typing span{width:8px;height:8px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.floating-chat-typing span:nth-child(1){animation-delay:-.32s}.floating-chat-typing span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.floating-chat-input-area{padding:20px;background:linear-gradient(135deg,#1e293b,#0f172a);border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px;align-items:center;flex-shrink:0}.floating-chat-input{flex:1;padding:12px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:24px;color:#f1f5f9;font-size:14px;outline:none;transition:all .3s ease}.floating-chat-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626;background:rgba(255,255,255,.08)}.floating-chat-input::placeholder{color:#64748b}.floating-chat-input:disabled{opacity:.5;cursor:not-allowed}.floating-chat-send-btn{width:40px;height:40px;border:none;background:linear-gradient(135deg,#8b5cf6,#6366f1,#ec4899);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 12px #8b5cf64d}.floating-chat-send-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 16px #8b5cf666}.floating-chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.floating-chat-container{bottom:16px;right:16px}.floating-chat-window{width:calc(100vw - 32px);height:calc(100vh - 120px);max-width:420px;max-height:650px}.floating-chat-button{width:56px;height:56px}.floating-chat-button svg{width:20px;height:20px}}@media (max-width: 480px){.floating-chat-window{width:calc(100vw - 24px);height:calc(100vh - 100px)}.floating-chat-message{max-width:90%}.floating-chat-input-area,.floating-chat-messages{padding:16px}}@media (prefers-color-scheme: dark){.floating-chat-window{background:#0f172a}.floating-chat-messages{background:#020617}}@media (prefers-reduced-motion: reduce){.floating-chat-button,.floating-chat-window,.floating-chat-control-btn,.floating-chat-send-btn{transition:none}.floating-chat-typing span,.floating-chat-message{animation:none}}@media (prefers-contrast: high){.floating-chat-window{border-color:#8b5cf666}.floating-chat-input{border-color:#ffffff4d}}.pending-customer-notification{position:relative;display:inline-block}.pending-notification-btn{width:36px;height:36px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#8b5cf6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.875rem;flex-shrink:0;outline:none;position:relative}.pending-notification-btn:hover{background:rgba(139,92,246,.2);border-color:#8b5cf64d;transform:scale(1.05);box-shadow:0 4px 12px #8b5cf633}.pending-notification-btn:active{transform:scale(.95)}.pending-notification-btn:focus{outline:2px solid rgba(139,92,246,.5);outline-offset:2px}.pending-notification-btn.has-notifications{background:rgba(239,68,68,.1);border-color:#ef444433;color:#ef4444;animation:pulse 2s infinite}.pending-notification-btn.has-notifications:hover{background:rgba(239,68,68,.2);border-color:#ef44444d;box-shadow:0 4px 12px #ef444433}.pending-notification-btn.no-notifications{background:rgba(16,185,129,.1);border-color:#10b98133;color:#10b981;cursor:pointer;opacity:.8}.pending-notification-btn.no-notifications:hover{background:rgba(16,185,129,.2);border-color:#10b9814d;transform:scale(1.05);box-shadow:0 4px 12px #10b98133}.pending-notification-btn.no-notifications:active{transform:scale(.95)}.pending-notification-btn.no-notifications:focus{outline:2px solid rgba(16,185,129,.5);outline-offset:2px}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.pending-notification-icon{width:18px;height:18px;stroke-width:2;transition:all .3s ease}.pending-notification-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.7rem;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #0003;animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.pending-notification-dropdown{position:absolute;top:100%;right:0;width:320px;max-height:400px;background:rgba(15,10,26,.98);border:1px solid rgba(139,92,246,.2);border-radius:12px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;margin-top:8px;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pending-notification-dropdown:before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background:rgba(15,10,26,.98);border-left:1px solid rgba(139,92,246,.2);border-top:1px solid rgba(139,92,246,.2);transform:rotate(45deg)}.pending-notification-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(139,92,246,.1);background:rgba(139,92,246,.05)}.pending-notification-title{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-weight:600;font-size:.875rem}.pending-notification-title svg{color:#f59e0b}.pending-notification-close{width:24px;height:24px;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.pending-notification-close:hover{background:rgba(239,68,68,.1);color:#ef4444}.pending-notification-content{max-height:300px;overflow-y:auto}.pending-notification-content::-webkit-scrollbar{width:4px}.pending-notification-content::-webkit-scrollbar-track{background:rgba(139,92,246,.05)}.pending-notification-content::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:2px}.pending-notification-content::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)}.pending-notification-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#94a3b8;font-size:.875rem}.pending-notification-spinner{width:16px;height:16px;border:2px solid rgba(139,92,246,.2);border-top:2px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.pending-customer-item{padding:12px 16px;border-bottom:1px solid rgba(139,92,246,.05);cursor:pointer;transition:all .2s ease}.pending-customer-item:hover{background:rgba(139,92,246,.1)}.pending-customer-item:last-child{border-bottom:none}.pending-customer-info{display:flex;flex-direction:column;gap:4px}.pending-customer-name{color:#e2e8f0;font-weight:600;font-size:.875rem;line-height:1.2}.pending-customer-details{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pending-customer-id{color:#8b5cf6;font-size:.75rem;font-weight:500;background:rgba(139,92,246,.1);padding:2px 6px;border-radius:4px}.pending-customer-package{color:#f59e0b;font-size:.75rem;font-weight:500;background:rgba(245,158,11,.1);padding:2px 6px;border-radius:4px}.pending-customer-time{color:#94a3b8;font-size:.7rem;font-weight:500}.pending-notification-footer{padding:12px 16px;border-top:1px solid rgba(139,92,246,.1);background:rgba(139,92,246,.05)}.pending-view-all-btn{width:100%;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.pending-view-all-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.pending-notification-footer-info{padding:8px 16px;background:rgba(15,10,26,.5);border-top:1px solid rgba(139,92,246,.1);text-align:center}.pending-notification-footer-info span{color:#94a3b8;font-size:.7rem;font-weight:500}.pending-notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;gap:1rem}.pending-notification-empty-icon{color:#10b981;opacity:.8}.pending-notification-empty-text h4{color:#e2e8f0;font-size:1rem;font-weight:600;margin:0;margin-bottom:.5rem}.pending-notification-empty-text p{color:#94a3b8;font-size:.875rem;margin:0;line-height:1.4}@media (max-width: 768px){.pending-notification-dropdown{position:fixed;top:70px;right:16px;left:16px;width:auto;max-height:60vh}.pending-notification-empty{padding:1.5rem 1rem}.pending-notification-empty-icon{width:28px;height:28px}.pending-notification-empty-text h4{font-size:.9rem}.pending-notification-empty-text p{font-size:.8rem}.pending-notification-dropdown:before{display:none}.pending-customer-details{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.pending-notification-dropdown{right:8px;left:8px}.pending-notification-empty{padding:1rem .75rem}.pending-notification-empty-icon{width:24px;height:24px}.pending-notification-empty-text h4{font-size:.85rem}.pending-notification-empty-text p{font-size:.75rem}.pending-notification-header,.pending-customer-item,.pending-notification-footer{padding:10px 12px}.pending-notification-footer-info{padding:6px 12px}}@media (prefers-color-scheme: dark){.pending-notification-dropdown{background:rgba(10,6,20,.95)}}@media (prefers-reduced-motion: reduce){.pending-notification-btn,.pending-notification-dropdown,.pending-customer-item,.pending-view-all-btn{transition:none}.pending-notification-badge,.pending-notification-spinner{animation:none}}.admin-sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background:rgba(15,10,26,.98);border-right:1px solid rgba(139,92,246,.2);z-index:1000;transition:transform .3s ease;overflow-y:auto;overflow-x:hidden}.admin-sidebar.closed{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(139,92,246,.1);background:rgba(139,92,246,.05)}.admin-sidebar-logo{display:flex;align-items:center;gap:1rem}.admin-sidebar-icon{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 0 20px #8b5cf64d;color:#fff}.admin-logo-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.admin-sidebar-logo h2{font-size:1rem;font-weight:700;color:#e2e8f0;margin:0;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-sidebar-toggle-mobile{width:32px;height:32px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:.875rem;transition:all .3s ease;flex-shrink:0}.admin-sidebar-toggle-mobile:hover{background:rgba(239,68,68,.2);border-color:#ef44444d;transform:scale(1.05)}.admin-sidebar-toggle-mobile:active{transform:scale(.95)}.admin-sidebar-nav{padding:1rem 0}.admin-menu{list-style:none;margin:0;padding:0}.admin-menu-item{margin:0}.admin-menu-btn{width:100%;padding:.875rem 1.5rem;background:none;border:none;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;position:relative;text-align:left}.admin-menu-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#8b5cf6,#6366f1);opacity:0;transition:opacity .3s ease}.admin-menu-btn:hover{background:rgba(139,92,246,.1);color:#e2e8f0}.admin-menu-btn:hover:before{opacity:1}.admin-menu-item.active .admin-menu-btn{background:rgba(139,92,246,.15);color:#8b5cf6}.admin-menu-item.active .admin-menu-btn:before{opacity:1}.admin-menu-icon{width:20px;height:20px;flex-shrink:0;stroke-width:2}.admin-menu-text{font-weight:500;white-space:nowrap}.admin-menu-group-btn .admin-menu-text{margin-right:2rem}.admin-menu-logout{color:#ef4444!important}.admin-menu-logout:hover{background:rgba(239,68,68,.1)!important;color:#f87171!important}.admin-menu-divider{height:1px;background:rgba(139,92,246,.1);margin:.5rem 1.5rem}.admin-menu-group{position:relative}.admin-menu-group-btn{justify-content:flex-start!important;background:rgba(139,92,246,.05)!important;border-left:3px solid transparent;position:relative}.admin-menu-group-btn:hover{background:rgba(139,92,246,.1)!important;border-left-color:#8b5cf64d}.admin-menu-chevron{color:#94a3b8;transition:transform .3s ease;flex-shrink:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.admin-menu-group-btn:hover .admin-menu-chevron{color:#e2e8f0}.admin-submenu{list-style:none;margin:0;padding:0;background:rgba(15,10,26,.5);border-left:2px solid rgba(139,92,246,.2);margin-left:1.5rem;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.admin-submenu-item{margin:0}.admin-submenu-btn{width:100%;background:none;border:none;color:#94a3b8;font-size:.8rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;position:relative;text-align:left;padding:.625rem 1rem .625rem 2rem}.admin-submenu-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(135deg,#8b5cf6,#6366f1);opacity:0;transition:opacity .3s ease}.admin-submenu-btn:hover{background:rgba(139,92,246,.1);color:#e2e8f0}.admin-submenu-btn:hover:before{opacity:1}.admin-submenu-item.active .admin-submenu-btn{background:rgba(139,92,246,.15);color:#8b5cf6}.admin-submenu-item.active .admin-submenu-btn:before{opacity:1}.admin-submenu-icon{width:16px;height:16px;flex-shrink:0;stroke-width:2}.admin-submenu-text{font-weight:500;white-space:nowrap;font-size:.8rem}.admin-main{margin-left:280px;min-height:100vh;background:#0f0a1a;transition:margin-left .3s ease}.admin-main.without-sidebar{margin-left:0}.admin-header{background:rgba(15,10,26,.98);border-bottom:1px solid rgba(139,92,246,.2);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:280px;right:0;z-index:100;height:80px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.admin-header.with-sidebar{left:280px}.admin-header.without-sidebar{left:0}.admin-header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.admin-sidebar-toggle-btn{width:40px;height:40px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:10px;color:#8b5cf6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s ease;flex-shrink:0;position:relative;z-index:10}.admin-sidebar-toggle-btn:hover{background:rgba(139,92,246,.2);border-color:#8b5cf64d;transform:scale(1.05)}.admin-sidebar-toggle-btn:active{transform:scale(.95)}.admin-sidebar-toggle-btn svg{transition:transform .3s ease}.admin-sidebar-toggle-btn:hover svg{transform:rotate(90deg)}.admin-header-title{flex:1;min-width:0;margin-left:1rem}.admin-header-title h1{font-size:1.5rem;font-weight:600;color:#e2e8f0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.admin-header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.admin-user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#94a3b8;font-size:.875rem;font-weight:500;white-space:nowrap}.admin-user-info svg{color:#8b5cf6;flex-shrink:0}.afs-floating-cht-btn-hdr{width:36px;height:36px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#8b5cf6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.875rem;flex-shrink:0;outline:none}.afs-floating-cht-btn-hdr:hover{background:rgba(139,92,246,.2);border-color:#8b5cf64d;transform:scale(1.05);box-shadow:0 4px 12px #8b5cf633}.afs-floating-cht-btn-hdr:active{transform:scale(.95)}.afs-floating-cht-btn-hdr:focus{outline:2px solid rgba(139,92,246,.5);outline-offset:2px}.afs-floating-cht-btn-hdr-icon{width:18px;height:18px;color:#8b5cf6;stroke-width:2;transition:all .3s ease}.afs-floating-cht-btn-hdr:hover .afs-floating-cht-btn-hdr-icon{color:#a78bfa}.afs-floating-cht-btn-hdr-icon[data-lucide=message-circle-off]{opacity:.7;color:#94a3b8}.afs-floating-cht-btn-hdr:hover .afs-floating-cht-btn-hdr-icon[data-lucide=message-circle-off]{opacity:1;color:#ef4444}.admin-content{padding:2rem;min-height:calc(100vh - 80px);margin-top:80px}.admin-container{max-width:1400px;margin:0 auto}.admin-mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}@media (max-width: 1024px){.admin-sidebar{width:260px}.admin-main{margin-left:260px}.admin-header.with-sidebar{left:260px}.admin-header-title h1{font-size:1.375rem}.admin-user-info,.admin-logout-btn{padding:.5rem .75rem;font-size:.8rem}}@media (max-width: 768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.admin-sidebar-toggle-btn{display:flex;background:rgba(139,92,246,.15);border-color:#8b5cf64d}.admin-sidebar-toggle-mobile{display:flex}.admin-header{padding:.75rem 1rem;left:0;height:70px;gap:.5rem}.admin-header-left{gap:.75rem}.admin-header-title{margin-left:.5rem}.admin-header-title h1{font-size:1.125rem;line-height:1.3}.admin-header-right{gap:.5rem}.admin-content{padding:1rem;margin-top:70px}.admin-user-info{display:none}.pending-customer-notification{margin-right:.25rem}.admin-submenu{margin-left:1rem}.afs-floating-cht-btn-hdr{width:36px;height:36px;font-size:.8rem}.afs-floating-cht-btn-hdr-icon{width:18px;height:18px}.admin-submenu-btn{padding:.75rem .75rem .75rem 1.5rem;font-size:.75rem;min-height:44px;display:flex;align-items:center}.admin-submenu-icon{width:16px;height:16px}.admin-submenu-text{font-size:.75rem}.admin-menu-chevron{right:.75rem}.admin-menu-group-btn .admin-menu-text{margin-right:1.5rem}}@media (max-width: 480px){.admin-sidebar{width:280px}.admin-sidebar-header{padding:1rem}.admin-sidebar-logo h2{font-size:1.125rem}.admin-header{padding:.5rem .75rem;height:65px}.admin-header-left{gap:.5rem}.admin-header-title{margin-left:.25rem}.admin-header-title h1{font-size:1rem;line-height:1.2}.admin-content{padding:.75rem;margin-top:65px}.admin-sidebar-toggle-btn{width:36px;height:36px;font-size:.875rem}.admin-sidebar-toggle-mobile{width:28px;height:28px;font-size:.75rem}.admin-submenu-btn{padding:.875rem .75rem .875rem 1.25rem;min-height:48px}.afs-floating-cht-btn-hdr{width:38px;height:38px;font-size:.8rem}.afs-floating-cht-btn-hdr-icon,.admin-submenu-icon{width:18px;height:18px}.admin-submenu-text{font-size:.8rem}.admin-menu-chevron{right:.5rem}.admin-menu-group-btn .admin-menu-text{margin-right:1.25rem}}@media (max-width: 360px){.admin-header{padding:.5rem;height:60px}.admin-header-title h1{font-size:.875rem}.admin-content{margin-top:60px}.admin-sidebar-toggle-btn{width:32px;height:32px}.admin-chat-toggle-btn{width:36px;height:36px;font-size:.8rem}.admin-submenu-btn{padding:1rem .75rem 1rem 1rem;min-height:52px}.admin-submenu-icon{width:20px;height:20px}.admin-submenu-text{font-size:.85rem}}@media (prefers-color-scheme: dark){.admin-sidebar,.admin-header{background:rgba(10,6,20,.95)}}@media (prefers-reduced-motion: reduce){.admin-sidebar,.admin-main,.admin-menu-btn,.admin-sidebar-toggle-btn,.admin-sidebar-toggle-mobile,.admin-menu-chevron,.admin-submenu{transition:none}.admin-submenu{animation:none}}@media (prefers-contrast: high){.admin-sidebar{border-right-color:#8b5cf666}.admin-header{border-bottom-color:#8b5cf666}.admin-menu-divider{background:rgba(139,92,246,.3)}}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:rgba(139,92,246,.05)}.admin-sidebar::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem;color:#d1d5db;background:#0f0a1a}.admin-loading p{font-size:1.1rem;font-weight:500}.admin-loading-spinner{width:3.5rem;height:3.5rem;border:3px solid rgba(139,92,246,.2);border-top:3px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem;color:#d1d5db;background:#0f0a1a;text-align:center;padding:2rem}.admin-error h2{font-size:1.5rem;font-weight:600;color:#ef4444;margin:0}.admin-error p{font-size:1rem;color:#94a3b8;margin:0;max-width:400px}.admin-btn{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #8b5cf640}.admin-btn:hover{box-shadow:0 6px 20px #8b5cf659}@media (max-width: 768px){.admin-error{padding:1.5rem;gap:1rem}.admin-error h2{font-size:1.25rem}.admin-error p{font-size:.875rem}.admin-btn{padding:10px 20px;font-size:13px}}.admin-dashboard{min-height:100vh;background:var(--admin-bg);color:var(--admin-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.admin-loading-spinner{width:40px;height:40px;border:3px solid var(--admin-border-light);border-top:3px solid var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite}.admin-welcome-section{margin-bottom:2rem}.admin-welcome-card{background:var(--admin-gradient-subtle);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;box-shadow:var(--admin-shadow)}.admin-welcome-header{display:flex;align-items:center;gap:1.5rem;position:relative}.admin-welcome-icon{width:60px;height:60px;background:var(--admin-gradient);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--admin-glow);color:#fff}.admin-welcome-icon svg{color:#fff;stroke-width:2}.admin-welcome-text h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:var(--admin-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-welcome-text p{color:var(--admin-text-secondary);font-size:1rem;line-height:1.6;margin:0}.admin-refresh-btn{position:absolute;top:0;right:0;background:var(--admin-gradient);border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:var(--admin-shadow)}.admin-refresh-btn:hover{transform:scale(1.05);box-shadow:var(--admin-shadow-hover)}.admin-refresh-btn:active{transform:scale(.95)}.admin-customer-section,.admin-billing-section{margin-bottom:2.5rem;background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden}.admin-customer-section:before,.admin-billing-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--admin-gradient);border-radius:16px 16px 0 0}.admin-customer-section:before{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}.admin-billing-section:before{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.admin-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--admin-border-light)}.admin-section-icon{width:50px;height:50px;background:var(--admin-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--admin-shadow)}.admin-section-icon svg{color:#fff;stroke-width:2}.admin-section-content{flex:1}.admin-section-title{font-size:1.25rem;font-weight:700;color:var(--admin-text);margin-bottom:.25rem;background:var(--admin-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-section-subtitle{color:var(--admin-text-secondary);font-size:.875rem;margin:0;line-height:1.4}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.admin-customer-section .admin-stat-card,.admin-billing-section .admin-stat-card{background:var(--admin-bg);border:1px solid var(--admin-border-light);border-radius:12px;padding:1.25rem;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;text-align:center}.admin-customer-section .admin-stat-card:before,.admin-billing-section .admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--admin-gradient-subtle);opacity:0;transition:opacity .3s ease;z-index:1}.admin-customer-section .admin-stat-card:hover,.admin-billing-section .admin-stat-card:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-hover);border-color:var(--admin-border)}.admin-customer-section .admin-stat-card:hover:before,.admin-billing-section .admin-stat-card:hover:before{opacity:1}.admin-customer-section .admin-stat-icon,.admin-billing-section .admin-stat-icon{width:45px;height:45px;background:var(--admin-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;position:relative;z-index:2;color:#fff;box-shadow:0 4px 12px #8b5cf633}.admin-customer-section .admin-stat-icon svg,.admin-billing-section .admin-stat-icon svg{color:#fff;stroke-width:2}.admin-customer-section .admin-stat-info,.admin-billing-section .admin-stat-info{position:relative;z-index:2}.admin-customer-section .admin-stat-info h3,.admin-billing-section .admin-stat-info h3{font-size:.75rem;font-weight:600;color:var(--admin-text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.admin-customer-section .admin-stat-number,.admin-billing-section .admin-stat-number{font-size:1.5rem;font-weight:700;color:var(--admin-text);margin-bottom:.2rem;line-height:1}.admin-customer-section .admin-stat-label,.admin-billing-section .admin-stat-label{font-size:.65rem;color:var(--admin-text-secondary);font-weight:500}.admin-customer-section .admin-section-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.admin-billing-section .admin-section-icon{background:linear-gradient(135deg,#10b981,#059669)}.admin-quick-actions .admin-section-icon,.admin-stat-icon.total{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.admin-stat-icon.active{background:linear-gradient(135deg,#10b981,#059669)}.admin-stat-icon.pppoe{background:linear-gradient(135deg,#3b82f6,#2563eb)}.admin-stat-icon.hotspot{background:linear-gradient(135deg,#f59e0b,#d97706)}.admin-stat-icon.static{background:linear-gradient(135deg,#ec4899,#db2777)}.admin-stat-icon.ip-binding{background:linear-gradient(135deg,#10b981,#34d399)}.admin-stat-icon.billing{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.admin-stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.admin-stat-icon.completed{background:linear-gradient(135deg,#10b981,#34d399)}.admin-stat-icon.overdue{background:linear-gradient(135deg,#ef4444,#f87171)}.admin-stat-icon.revenue{background:linear-gradient(135deg,#059669,#10b981)}.admin-stat-icon.collected{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.admin-stat-icon.estimated-revenue{background:linear-gradient(135deg,#f59e0b,#d97706)}.admin-stat-icon.free{background:linear-gradient(135deg,#ec4899,#db2777)}.admin-stat-icon.custom{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.admin-quick-actions{margin-bottom:2rem}.admin-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.admin-action-card{background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease;text-align:center}.admin-action-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--admin-gradient-subtle);opacity:0;transition:opacity .3s ease;z-index:1}.admin-action-card:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-hover);border-color:var(--admin-border)}.admin-action-card:hover:before{opacity:1}.admin-action-icon{width:50px;height:50px;background:var(--admin-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:2;color:#fff}.admin-action-icon svg{color:#fff;stroke-width:2}.admin-action-card h4{font-size:1.125rem;font-weight:600;color:var(--admin-text);margin-bottom:.5rem;position:relative;z-index:2}.admin-action-card p{color:var(--admin-text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1rem;position:relative;z-index:2}.admin-action-btn{background:var(--admin-gradient);border:none;border-radius:8px;padding:.75rem 1.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;z-index:2;box-shadow:0 4px 12px #8b5cf64d;display:block;margin:0 auto}.admin-action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.admin-action-btn:active{transform:translateY(0)}@media (max-width: 768px){.admin-welcome-header{flex-direction:column;text-align:center;gap:1rem}.admin-refresh-btn{position:static;margin-top:1rem}.admin-welcome-icon{width:50px;height:50px}.admin-welcome-text h2{font-size:1.5rem}.admin-customer-section,.admin-billing-section{padding:1rem}.admin-section-header{flex-direction:column;text-align:center;gap:.75rem}.admin-section-icon{width:40px;height:40px}.admin-section-title{font-size:1.125rem}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.admin-customer-section .admin-stat-card,.admin-billing-section .admin-stat-card{padding:.75rem}.admin-customer-section .admin-stat-icon,.admin-billing-section .admin-stat-icon{width:32px;height:32px}.admin-customer-section .admin-stat-number,.admin-billing-section .admin-stat-number{font-size:1.125rem}.admin-actions-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.admin-action-card{padding:1rem}.admin-action-icon{width:40px;height:40px}.admin-action-card h4{font-size:1rem}.admin-action-card p{font-size:.8rem}.admin-action-btn{padding:.625rem 1.25rem;font-size:.8rem}}@media (max-width: 480px){.admin-welcome-card{padding:1.5rem}.admin-customer-section,.admin-billing-section{padding:.75rem}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.admin-customer-section .admin-stat-card,.admin-billing-section .admin-stat-card{padding:.5rem}.admin-customer-section .admin-stat-icon,.admin-billing-section .admin-stat-icon{width:28px;height:28px}.admin-customer-section .admin-stat-number,.admin-billing-section .admin-stat-number{font-size:1rem}.admin-actions-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.admin-action-card{padding:.75rem}.admin-action-icon{width:36px;height:36px}.admin-action-card h4{font-size:.9rem}.admin-action-card p{font-size:.75rem}.admin-action-btn{padding:.5rem 1rem;font-size:.75rem}}@media (max-width: 320px){.admin-stats-grid{grid-template-columns:1fr;gap:.5rem}.admin-customer-section .admin-stat-card,.admin-billing-section .admin-stat-card{padding:.5rem}.admin-customer-section .admin-stat-icon,.admin-billing-section .admin-stat-icon{width:24px;height:24px}.admin-customer-section .admin-stat-number,.admin-billing-section .admin-stat-number{font-size:.875rem}.admin-customer-section .admin-stat-info h3,.admin-billing-section .admin-stat-info h3{font-size:.65rem}.admin-customer-section .admin-stat-label,.admin-billing-section .admin-stat-label{font-size:.55rem}.admin-actions-grid{grid-template-columns:1fr;gap:.5rem}.admin-action-card{padding:.5rem}.admin-action-icon{width:32px;height:32px}.admin-action-card h4{font-size:.8rem}.admin-action-card p{font-size:.7rem}.admin-action-btn{padding:.375rem .75rem;font-size:.7rem}}@media (prefers-reduced-motion: reduce){.admin-stat-card,.admin-action-card,.admin-action-btn{transition:none}.admin-loading-spinner{animation:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;will-change:opacity}.modal{background:rgba(15,23,42,.98);border:1px solid rgba(255,255,255,.12);border-radius:1.5rem;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;color:#e2e8f0;box-shadow:0 8px 32px #0006;transform:translateZ(0);will-change:transform}.modal.small{width:400px;min-width:320px}.modal.medium{width:600px;min-width:480px}.modal.large{width:800px;min-width:640px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.5rem;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);border-radius:1.5rem 1.5rem 0 0}.modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#fff;color:#8b5cf6;letter-spacing:-.025em}.modal-close-btn{width:2.5rem;height:2.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:.75rem;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:transform .2s ease,background-color .2s ease,color .2s ease;transform:translateZ(0)}.modal-close-btn:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#ffffff40;transform:translate3d(0,-1px,0)}.modal-body{padding:2rem 2.5rem;overflow-y:auto;flex:1;background:rgba(15,23,42,.98);transform:translateZ(0);will-change:scroll-position}.modal .whatsapp-form{color:#e2e8f0}.modal .form-group label{color:#e2e8f0;font-weight:600;font-size:.875rem}.modal .form-group input,.modal .form-group textarea,.modal .form-group select{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#e2e8f0}.modal .form-group input:focus,.modal .form-group textarea:focus,.modal .form-group select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.modal .form-group input::placeholder,.modal .form-group textarea::placeholder{color:#94a3b8}.modal .form-group small{color:#94a3b8}.modal .form-warning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#f59e0b}.modal .empty-messages{color:#94a3b8}.modal .message-content{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.modal .message-item.outgoing .message-content{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.modal .btn-test,.modal .form-actions .btn-cancel,.modal .form-actions .btn-save,.modal .form-actions .btn-test,.modal .form-actions .btn-delete{min-width:auto!important;width:auto!important;flex:none!important}@media (max-width: 768px){.modal-overlay{padding:1rem}.modal{width:100%!important;min-width:unset!important;max-width:100%;max-height:95vh;border-radius:1rem}.modal-header{padding:1.25rem 1.5rem;border-radius:1rem 1rem 0 0}.modal-header h3{font-size:1.125rem}.modal-close-btn{width:2rem;height:2rem;font-size:.875rem}.modal-body{padding:1.25rem 1.5rem}.modal .form-actions .btn-cancel,.modal .form-actions .btn-save,.modal .form-actions .btn-test,.modal .form-actions .btn-delete,.modal .template-actions .btn-edit,.modal .template-actions .btn-test{width:100%!important;flex:1!important}}@media (max-width: 480px){.modal-overlay{padding:.5rem}.modal{border-radius:.75rem}.modal-header{padding:1rem 1.25rem;border-radius:.75rem .75rem 0 0}.modal-header h3{font-size:1rem}.modal-close-btn{width:1.75rem;height:1.75rem;font-size:.75rem}.modal-body{padding:1rem 1.25rem}.modal .form-actions .btn-cancel,.modal .form-actions .btn-save,.modal .form-actions .btn-test,.modal .form-actions .btn-delete,.modal .template-actions .btn-edit,.modal .template-actions .btn-test{width:100%!important;flex:1!important}}.afs-adm-prof-page{--admin-success: #10b981;--admin-warning: #f59e0b;--admin-error: #ef4444;--admin-info: #3b82f6}.afs-adm-prof-page{min-height:100vh;color:var(--admin-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:2rem}.afs-adm-prof-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.afs-adm-prof-loading-spinner{width:40px;height:40px;border:3px solid var(--admin-border-light);border-top:3px solid var(--admin-primary);border-radius:50%;animation:afs-adm-prof-spin 1s linear infinite}@keyframes afs-adm-prof-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.afs-adm-prof-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--admin-border-light)}.afs-adm-prof-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--admin-gradient-subtle);border:1px solid var(--admin-border-light);border-radius:12px;color:var(--admin-text);cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500}.afs-adm-prof-back-btn:hover{background:var(--admin-bg-hover);border-color:var(--admin-border);transform:translateY(-1px);box-shadow:var(--admin-shadow)}.afs-adm-prof-back-btn:active{transform:translateY(0)}.afs-adm-prof-title h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:var(--admin-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.afs-adm-prof-title p{color:var(--admin-text-secondary);font-size:1rem;line-height:1.6;margin:0}.afs-adm-prof-tabs{display:flex;gap:.75rem;margin-bottom:2rem;background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:16px;padding:.75rem;overflow-x:auto;scrollbar-width:thin;-ms-overflow-style:auto;box-shadow:var(--admin-shadow)}.afs-adm-prof-tabs::-webkit-scrollbar{height:6px;display:block}.afs-adm-prof-tabs::-webkit-scrollbar-track{background:var(--admin-bg-secondary);border-radius:3px}.afs-adm-prof-tabs::-webkit-scrollbar-thumb{background:var(--admin-border);border-radius:3px;transition:background .3s ease}.afs-adm-prof-tabs::-webkit-scrollbar-thumb:hover{background:var(--admin-primary)}.afs-adm-prof-tab-button{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:transparent;border:1px solid transparent;color:var(--admin-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;border-radius:12px;min-width:max-content}.afs-adm-prof-tab-button:hover{color:var(--admin-text);background:var(--admin-bg-hover);border-color:var(--admin-border-light);transform:translateY(-1px)}.afs-adm-prof-tab-button.active{color:var(--admin-primary);background:var(--admin-primary);color:#fff;border-color:var(--admin-primary);box-shadow:0 4px 12px #8b5cf64d}.afs-adm-prof-tab-button.active:hover{background:var(--admin-primary-dark);border-color:var(--admin-primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.afs-adm-prof-tab-button svg{width:18px;height:18px;stroke-width:2;transition:all .3s ease}.afs-adm-prof-tab-button.active svg{color:#fff;transform:scale(1.1)}.afs-adm-prof-tab-content{min-height:400px}.afs-adm-prof-section{background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;position:relative;overflow:hidden}.afs-adm-prof-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--admin-gradient);border-radius:16px 16px 0 0}.afs-adm-prof-section h3{font-size:1.25rem;font-weight:700;color:var(--admin-text);margin-bottom:1.5rem;background:var(--admin-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.afs-adm-prof-form{display:flex;flex-direction:column;gap:1.5rem;max-width:600px}.afs-adm-prof-field{display:flex;flex-direction:column;gap:.5rem}.afs-adm-prof-field label{font-size:.875rem;font-weight:600;color:var(--admin-text)}.afs-adm-prof-field input,.afs-adm-prof-field select{padding:.875rem 1rem;background:var(--admin-bg);border:1px solid var(--admin-border-light);border-radius:8px;color:var(--admin-text);font-size:.875rem;transition:all .3s ease}.afs-adm-prof-field input:focus,.afs-adm-prof-field select:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #8b5cf61a}.afs-adm-prof-field input:disabled{background:var(--admin-bg-secondary);color:var(--admin-text-secondary);cursor:not-allowed}.afs-adm-prof-field-info{font-size:.75rem;color:var(--admin-text-secondary);line-height:1.4}.afs-adm-prof-password-container{position:relative;display:flex;align-items:center}.afs-adm-prof-password-container input{flex:1;padding-right:3rem}.afs-adm-prof-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--admin-text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease}.afs-adm-prof-password-toggle:hover{color:var(--admin-text);background:var(--admin-bg-hover)}.afs-adm-prof-action-btn{background:var(--admin-gradient);border:none;border-radius:8px;padding:.875rem 1.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #8b5cf64d;max-width:200px}.afs-adm-prof-action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.afs-adm-prof-action-btn:active{transform:translateY(0)}.afs-adm-prof-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.afs-adm-prof-btn-secondary{background:var(--admin-bg);border:1px solid var(--admin-border-light);border-radius:8px;padding:.75rem 1.25rem;color:var(--admin-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.afs-adm-prof-btn-secondary:hover{background:var(--admin-bg-hover);border-color:var(--admin-border);transform:translateY(-1px)}.afs-adm-prof-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;padding:.75rem 1.25rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #ef44444d}.afs-adm-prof-btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.afs-adm-prof-team-header,.afs-adm-prof-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.afs-adm-prof-team-actions,.afs-adm-prof-admin-actions{display:flex;gap:.75rem;flex-wrap:wrap}.afs-adm-prof-team-controls,.afs-adm-prof-admin-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.afs-adm-prof-search-section{display:flex;align-items:center;gap:.5rem;flex:1;max-width:400px}.afs-adm-prof-search-input{flex:1;padding:.75rem 1rem;background:var(--admin-bg);border:1px solid var(--admin-border-light);border-radius:8px;color:var(--admin-text);font-size:.875rem;transition:all .3s ease}.afs-adm-prof-search-input:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #8b5cf61a}.afs-adm-prof-search-btn{padding:.75rem;background:var(--admin-gradient);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1rem}.afs-adm-prof-search-btn:hover{transform:scale(1.05);box-shadow:var(--admin-shadow)}.afs-adm-prof-bulk-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.afs-adm-prof-select-all{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--admin-text);cursor:pointer}.afs-adm-prof-select-all input[type=checkbox]{width:16px;height:16px;accent-color:var(--admin-primary)}.afs-adm-prof-bulk-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.afs-adm-prof-team-users-grid,.afs-adm-prof-admin-users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.afs-adm-prof-team-user-card,.afs-adm-prof-admin-user-card{background:var(--admin-bg);border:1px solid var(--admin-border-light);border-radius:12px;padding:1.25rem;transition:all .3s ease;position:relative;overflow:hidden}.afs-adm-prof-team-user-card:before,.afs-adm-prof-admin-user-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--admin-gradient-subtle);opacity:0;transition:opacity .3s ease;z-index:1}.afs-adm-prof-team-user-card:hover,.afs-adm-prof-admin-user-card:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-hover);border-color:var(--admin-border)}.afs-adm-prof-team-user-card:hover:before,.afs-adm-prof-admin-user-card:hover:before{opacity:1}.afs-adm-prof-team-user-card.selected,.afs-adm-prof-admin-user-card.selected{border-color:var(--admin-primary);background:var(--admin-bg-hover)}.afs-adm-prof-user-selection{position:absolute;top:1rem;right:1rem;z-index:3}.afs-adm-prof-user-checkbox{width:18px;height:18px;accent-color:var(--admin-primary)}.afs-adm-prof-user-info{display:flex;gap:1rem;align-items:flex-start;position:relative;z-index:2}.afs-adm-prof-user-avatar{width:48px;height:48px;background:var(--admin-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--admin-shadow)}.afs-adm-prof-user-details{flex:1;min-width:0}.afs-adm-prof-user-details h4{font-size:1rem;font-weight:600;color:var(--admin-text);margin-bottom:.25rem;line-height:1.2}.afs-adm-prof-username{font-size:.75rem;color:var(--admin-text-secondary);margin-bottom:.5rem}.afs-adm-prof-role-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.afs-adm-prof-role-badge.role-admin{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.afs-adm-prof-role-badge.role-super_admin{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.afs-adm-prof-role-badge.role-teknisi{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.afs-adm-prof-role-badge.role-operator{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.afs-adm-prof-role-badge.role-customer_service{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.afs-adm-prof-role-badge.role-finance{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.afs-adm-prof-user-contact{margin-bottom:.5rem}.afs-adm-prof-user-contact p{font-size:.75rem;color:var(--admin-text-secondary);margin:.125rem 0;line-height:1.3}.afs-adm-prof-user-status{font-size:.75rem;color:var(--admin-success);font-weight:500}.afs-adm-prof-user-status.inactive{color:var(--admin-error)}.afs-adm-prof-user-actions{display:flex;gap:.5rem;margin-top:1rem;position:relative;z-index:2}.afs-adm-prof-action-btn-edit,.afs-adm-prof-action-btn-delete{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.afs-adm-prof-action-btn-edit{background:var(--admin-bg-hover);color:var(--admin-primary)}.afs-adm-prof-action-btn-edit:hover{background:var(--admin-primary);color:#fff;transform:scale(1.05)}.afs-adm-prof-action-btn-delete{background:rgba(239,68,68,.1);color:var(--admin-error)}.afs-adm-prof-action-btn-delete:hover{background:var(--admin-error);color:#fff;transform:scale(1.05)}.afs-adm-prof-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--admin-text-secondary)}.afs-adm-prof-empty-state svg{margin-bottom:1rem;opacity:.5}.afs-adm-prof-empty-state p{font-size:1rem;margin-bottom:1.5rem}.afs-adm-prof-modal .modal-content{background:var(--admin-bg);border:1px solid var(--admin-border-light);border-radius:16px;color:var(--admin-text)}.afs-adm-prof-modal .modal-header{border-bottom:1px solid var(--admin-border-light);padding:1.5rem 2rem}.afs-adm-prof-modal .modal-title{color:var(--admin-text);font-weight:600}.afs-adm-prof-modal .modal-body{padding:2rem}.afs-adm-prof-modal .modal-footer{border-top:1px solid var(--admin-border-light);padding:1.5rem 2rem}.afs-adm-prof-team-form,.afs-adm-prof-admin-form{display:flex;flex-direction:column;gap:1.5rem}.afs-adm-prof-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.afs-adm-prof-form-group{display:flex;flex-direction:column;gap:.5rem}.afs-adm-prof-form-group label{font-size:.875rem;font-weight:600;color:var(--admin-text)}.afs-adm-prof-form-group input,.afs-adm-prof-form-group select{padding:.875rem 1rem;background:var(--admin-bg);border:1px solid var(--admin-border-light);border-radius:8px;color:var(--admin-text);font-size:.875rem;transition:all .3s ease}.afs-adm-prof-form-group input:focus,.afs-adm-prof-form-group select:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #8b5cf61a}.afs-adm-prof-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}@media (max-width: 1024px){.afs-adm-prof-page{padding:1.5rem}.afs-adm-prof-header{flex-direction:column;align-items:flex-start;gap:1rem}.afs-adm-prof-team-header,.afs-adm-prof-admin-header{flex-direction:column;align-items:flex-start}.afs-adm-prof-team-controls,.afs-adm-prof-admin-controls{flex-direction:column;align-items:stretch}.afs-adm-prof-search-section{max-width:none}.afs-adm-prof-team-users-grid,.afs-adm-prof-admin-users-grid,.afs-adm-prof-form-row{grid-template-columns:1fr}}@media (max-width: 768px){.afs-adm-prof-page{padding:1rem}.afs-adm-prof-section{padding:1.5rem}.afs-adm-prof-tabs{gap:.5rem;padding:.5rem;margin-bottom:1.5rem}.afs-adm-prof-tabs::-webkit-scrollbar{height:8px}.afs-adm-prof-tabs::-webkit-scrollbar-track{background:var(--admin-bg-secondary);border-radius:4px}.afs-adm-prof-tabs::-webkit-scrollbar-thumb{background:var(--admin-primary);border-radius:4px}.afs-adm-prof-tab-button{padding:.75rem 1rem;font-size:.8rem;min-width:max-content;gap:.5rem}.afs-adm-prof-tab-button svg{width:16px;height:16px}.afs-adm-prof-title h2{font-size:1.5rem}.afs-adm-prof-team-actions,.afs-adm-prof-admin-actions{width:100%;justify-content:stretch}.afs-adm-prof-action-btn,.afs-adm-prof-btn-secondary{flex:1;justify-content:center}.afs-adm-prof-bulk-actions{flex-direction:column;align-items:stretch}.afs-adm-prof-bulk-buttons{justify-content:center}.afs-adm-prof-user-info{flex-direction:column;text-align:center;align-items:center}.afs-adm-prof-user-avatar{align-self:center;margin-bottom:.5rem}.afs-adm-prof-user-details{text-align:center;width:100%}.afs-adm-prof-user-actions{justify-content:center;margin-top:1.5rem}.afs-adm-prof-user-selection{position:relative;top:auto;right:auto;margin-bottom:1rem;align-self:flex-start}}@media (max-width: 480px){.afs-adm-prof-page{padding:.75rem}.afs-adm-prof-section{padding:1rem}.afs-adm-prof-title h2{font-size:1.25rem}.afs-adm-prof-tabs{padding:.5rem;margin-bottom:1rem;gap:.375rem}.afs-adm-prof-tabs::-webkit-scrollbar{height:10px}.afs-adm-prof-tabs::-webkit-scrollbar-thumb{background:var(--admin-primary);border:2px solid var(--admin-bg)}.afs-adm-prof-tab-button{padding:.625rem .75rem;font-size:.75rem;min-width:max-content;gap:.375rem}.afs-adm-prof-team-user-card,.afs-adm-prof-admin-user-card{padding:1rem}.afs-adm-prof-user-info{gap:.75rem}.afs-adm-prof-user-avatar{width:44px;height:44px}.afs-adm-prof-user-details h4{font-size:.9rem;margin-bottom:.375rem}.afs-adm-prof-username{font-size:.7rem;margin-bottom:.375rem}.afs-adm-prof-role-badge{font-size:.65rem;padding:.2rem .5rem;margin-bottom:.375rem}.afs-adm-prof-user-contact p{font-size:.7rem;margin:.1rem 0}.afs-adm-prof-user-status{font-size:.7rem}.afs-adm-prof-user-actions{gap:.375rem}.afs-adm-prof-action-btn-edit,.afs-adm-prof-action-btn-delete{padding:.375rem}.afs-adm-prof-tab-button svg{width:14px;height:14px}.afs-adm-prof-action-btn,.afs-adm-prof-btn-secondary,.afs-adm-prof-btn-danger{padding:.75rem 1rem;font-size:.8rem}.afs-adm-prof-user-avatar{width:40px;height:40px}.afs-adm-prof-user-details h4{font-size:.9rem}.afs-adm-prof-role-badge{font-size:.7rem;padding:.2rem .5rem}}@media (prefers-color-scheme: dark){.afs-adm-prof-page{--admin-bg: #0a0614;--admin-bg-card: rgba(139, 92, 246, .06);--admin-border-light: rgba(139, 92, 246, .08)}}@media (prefers-reduced-motion: reduce){.afs-adm-prof-team-user-card,.afs-adm-prof-admin-user-card,.afs-adm-prof-action-btn,.afs-adm-prof-btn-secondary,.afs-adm-prof-btn-danger,.afs-adm-prof-back-btn,.afs-adm-prof-tab-button{transition:none}.afs-adm-prof-loading-spinner{animation:none}}@media (prefers-contrast: high){.afs-adm-prof-page{--admin-border: rgba(139, 92, 246, .4);--admin-border-light: rgba(139, 92, 246, .3)}}@media (max-width: 360px){.afs-adm-prof-page{padding:.5rem}.afs-adm-prof-section,.afs-adm-prof-team-user-card,.afs-adm-prof-admin-user-card{padding:.75rem}.afs-adm-prof-user-info{gap:.5rem}.afs-adm-prof-user-avatar{width:40px;height:40px}.afs-adm-prof-user-details h4{font-size:.85rem}.afs-adm-prof-username{font-size:.65rem}.afs-adm-prof-role-badge{font-size:.6rem;padding:.15rem .4rem}.afs-adm-prof-user-contact p,.afs-adm-prof-user-status{font-size:.65rem}.afs-adm-prof-user-actions{gap:.25rem;margin-top:1rem}.afs-adm-prof-action-btn-edit,.afs-adm-prof-action-btn-delete{padding:.25rem}.afs-adm-prof-user-selection{margin-bottom:.75rem}}.zte-connection-status{margin-top:.5rem}.zte-status{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:500;transition:all .2s ease}.zte-status.connected{color:var(--form-success);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2)}.zte-status.disconnected{color:var(--form-warning);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);animation:pulse 2s infinite}.onu-loading-status{display:block;margin-top:.5rem;color:var(--form-info);font-size:.75rem;font-weight:500}.zte-onu-loading-status{display:block;margin-top:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(99,102,241,.1) 100%);border:1px solid rgba(139,92,246,.3);border-radius:12px;color:var(--form-primary);font-size:.8rem;font-weight:600;text-align:center;box-shadow:0 2px 8px #8b5cf626;position:relative;overflow:hidden}.zte-onu-loading-status:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:zte-loading-shimmer 2s infinite}.zte-onu-loading-status .zte-loading-icon{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.zte-onu-loading-status .zte-loading-spinner{width:16px;height:16px;border:2px solid rgba(139,92,246,.3);border-top:2px solid var(--form-primary);border-radius:50%;animation:zte-spin 1s linear infinite}.zte-onu-loading-status .zte-loading-text{font-size:.75rem;color:var(--form-primary);font-weight:500;margin-top:.25rem;opacity:.9}@keyframes zte-loading-shimmer{0%{left:-100%}to{left:100%}}@keyframes zte-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.zte-onu-loading-status{padding:.625rem .875rem;font-size:.75rem;border-radius:10px}.zte-onu-loading-status .zte-loading-spinner{width:14px;height:14px}.zte-onu-loading-status .zte-loading-text{font-size:.7rem}}@media (max-width: 480px){.zte-onu-loading-status{padding:.5rem .75rem;font-size:.7rem;border-radius:8px}.zte-onu-loading-status .zte-loading-spinner{width:12px;height:12px}.zte-onu-loading-status .zte-loading-text{font-size:.65rem}.zte-onu-loading-status .zte-loading-icon{gap:.375rem}}.device-table-error{text-align:center;padding:2rem;color:var(--form-text-secondary)}.device-table-error p{margin-bottom:.5rem;font-weight:500}:root{--form-primary: #8b5cf6;--form-primary-light: #a78bfa;--form-primary-dark: #7c3aed;--form-secondary: #6366f1;--form-accent: #ec4899;--form-bg: #0f0a1a;--form-bg-secondary: rgba(139, 92, 246, .05);--form-bg-card: rgba(139, 92, 246, .08);--form-bg-hover: rgba(139, 92, 246, .12);--form-text: #e2e8f0;--form-text-secondary: #94a3b8;--form-border: rgba(139, 92, 246, .2);--form-border-light: rgba(139, 92, 246, .1);--form-shadow: 0 2px 8px rgba(139, 92, 246, .1);--form-shadow-hover: 0 4px 16px rgba(139, 92, 246, .15);--form-success: #10b981;--form-warning: #f59e0b;--form-error: #ef4444;--form-info: #3b82f6}.customer-form{color:var(--form-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;min-width:0}.customer-form-grid{display:grid;gap:2rem;margin-bottom:2rem;min-width:0;overflow-x:hidden}.customer-form-section{background:var(--form-bg-card);border:1px solid var(--form-border-light);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #8b5cf61a;transform:translateZ(0);min-width:0;overflow-x:hidden}.customer-form-section h3{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;color:var(--form-text);color:var(--form-primary);display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-form-section h3:before{content:"";width:4px;height:20px;background:var(--form-primary);border-radius:2px;flex-shrink:0}.customer-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;min-width:0;overflow-x:hidden}.customer-form-row:last-child{margin-bottom:0}.customer-form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;min-width:0;overflow-x:hidden}.customer-form-group:last-child{margin-bottom:0}.customer-form-input-group{display:flex;align-items:center;gap:.75rem;min-width:0;overflow-x:hidden}.customer-form-input-group input{flex:1;max-width:100%;box-sizing:border-box}.customer-form-input-group.unique-code{max-width:200px}.customer-form-input-group.unique-code input{flex:0 1 120px;min-width:80px}.customer-form-input-group:has(input[name=ppp_username]){max-width:400px}.customer-form-input-group:has(input[name=ppp_username]) input{flex:1;min-width:200px}.customer-form-input-group:has(input[name=device_id]){max-width:500px}.customer-form-input-group:has(input[name=device_id]) input{flex:1;min-width:200px}.customer-form-input-group:has(input[name=device_id]) .customer-form-generate-btn.delete-device{min-width:48px;width:48px;padding:.75rem;font-size:.875rem;flex-shrink:0}.customer-form-generate-btn{width:48px;height:48px;background:var(--form-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:transform .2s ease,background-color .2s ease;transform:translateZ(0);flex-shrink:0;min-width:48px}.customer-form-generate-btn svg{width:1.25rem;height:1.25rem;transform:translateZ(0)}.customer-form-generate-btn:hover{background:var(--form-primary-dark);transform:translate3d(0,-2px,0)}.customer-form-generate-btn:hover svg{transform:translateZ(0) rotate(180deg);transition:transform .3s ease}.customer-form-generate-btn:active{transform:translateZ(0)}.customer-form-generate-btn:active svg{transform:translateZ(0) rotate(360deg)}.customer-form-generate-btn:disabled{background:var(--form-text-secondary);cursor:not-allowed;transform:translateZ(0)}.customer-form-generate-btn:disabled:hover{background:var(--form-text-secondary);transform:translateZ(0)}.customer-form-generate-btn:disabled svg{opacity:.5;transform:translateZ(0)}.customer-form-group label{font-weight:600;font-size:.875rem;color:var(--form-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-form-group label:after{content:"";display:inline-block;width:4px;height:4px;background:var(--form-primary);border-radius:50%;margin-left:.5rem;flex-shrink:0}.customer-form-group:has(input[required]) label:after,.customer-form-group:has(select[required]) label:after,.customer-form-group:has(textarea[required]) label:after{background:var(--form-error)}.customer-form-group input,.customer-form-group select,.customer-form-group textarea{padding:.875rem 1rem;background:rgba(255,255,255,.05);border:1px solid var(--form-border-light);border-radius:12px;color:var(--form-text);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease;transform:translateZ(0);max-width:100%;box-sizing:border-box;min-width:0}.customer-form-group input:focus,.customer-form-group select:focus,.customer-form-group textarea:focus{outline:none;border-color:var(--form-primary);box-shadow:0 0 0 3px #8b5cf61a}.customer-form-group input::placeholder,.customer-form-group textarea::placeholder{color:var(--form-text-secondary)}.customer-form-group input:disabled{background:rgba(255,255,255,.02);color:var(--form-text-secondary);cursor:not-allowed}.customer-form-group input.error,.customer-form-group select.error,.customer-form-group textarea.error{border-color:var(--form-error);box-shadow:0 0 0 3px #ef44441a}.customer-form-group input.error:focus,.customer-form-group select.error:focus,.customer-form-group textarea.error:focus{border-color:var(--form-error);box-shadow:0 0 0 3px #ef444433}.error-message{color:var(--form-error);font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-message:before{content:"⚠";font-size:.875rem;flex-shrink:0}.customer-form-group select{cursor:pointer;max-width:100%;box-sizing:border-box}.customer-form-group select option{background:var(--form-bg);color:var(--form-text);padding:.5rem;max-width:100%;box-sizing:border-box}.customer-form-group select:disabled{cursor:not-allowed;opacity:.6}.customer-form-group small{color:var(--form-text-secondary);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-form-group select option:first-child{color:var(--form-text-secondary);font-style:italic}.customer-form-group select option:not(:first-child){color:var(--form-text)}.customer-form-group textarea{resize:vertical;min-height:80px;max-width:100%;box-sizing:border-box}.total-fee-display{background:var(--form-bg-secondary);border:1px solid var(--form-border);color:var(--form-text);padding:.875rem 1rem;border-radius:12px;font-size:1rem;font-weight:600;text-align:center;margin-bottom:.5rem;box-shadow:var(--form-shadow)}.fee-breakdown{color:#fff;font-size:.8rem;display:block;text-align:center;line-height:1.4;font-weight:500}.customer-form-btn.calculate-prorata{background:var(--form-primary);color:#fff;border:1px solid var(--form-border);padding:.875rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;margin-top:.5rem;box-shadow:var(--form-shadow);transform:translateZ(0)}.customer-form-btn.calculate-prorata:hover{background:var(--form-primary-dark);border-color:var(--form-primary-light);transform:translate3d(0,-2px,0);box-shadow:var(--form-shadow-hover)}.customer-form-btn.calculate-prorata:active{transform:translateZ(0)}.customer-form-btn.calculate-prorata:disabled{background:var(--form-text-secondary);border-color:var(--form-border-light);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.customer-form-btn.calculate-prorata svg{width:16px;height:16px}.billing-calculation-info{background:var(--form-bg-card);border:1px solid var(--form-border-light);border-radius:12px;padding:1rem;margin-top:.75rem;box-shadow:var(--form-shadow);transform:translateZ(0)}.billing-calculation-info h5{color:var(--form-text);font-size:.9rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid var(--form-primary)}.billing-period{background:var(--form-bg-secondary);border-radius:8px;padding:.75rem;margin-bottom:.75rem;border-left:3px solid var(--form-primary);box-shadow:0 1px 3px #8b5cf61a}.billing-period:last-child{margin-bottom:0}.billing-period h5{color:var(--form-primary);font-size:.8rem;font-weight:600;margin:0 0 .375rem;border-bottom:none;padding-bottom:0}.billing-period p{color:var(--form-text-secondary);font-size:.75rem;margin:.125rem 0;line-height:1.3}.billing-period p:last-child{font-weight:600;color:var(--form-success);font-size:.8rem}.billing-period p small{color:var(--form-text-secondary);font-size:.65rem;font-style:italic;margin-left:.25rem}@media (max-width: 768px){.billing-calculation-info{padding:.75rem;border-radius:8px}.billing-period{padding:.5rem;border-radius:6px}.billing-period h5{font-size:.75rem}.billing-period p{font-size:.7rem}}@media (max-width: 480px){.customer-form-btn.calculate-prorata{padding:.75rem 1rem;font-size:.8rem}.billing-calculation-info{padding:.5rem;border-radius:6px}.billing-period{padding:.375rem;border-radius:4px}.billing-period h5{font-size:.7rem}.billing-period p{font-size:.65rem}}.customer-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--form-border-light);min-width:0;overflow-x:hidden}.customer-form-btn{padding:.875rem 1.75rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background-color .2s ease;transform:translateZ(0);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.customer-form-btn.cancel{background:transparent;color:var(--form-text-secondary);border:1px solid var(--form-border-light)}.customer-form-btn.cancel:hover{background:rgba(255,255,255,.05);color:var(--form-text);border-color:var(--form-border);transform:translate3d(0,-1px,0)}.customer-form-btn.cancel:disabled{opacity:.5;cursor:not-allowed;transform:translateZ(0)}.customer-form-btn.submit{background:var(--form-primary);color:#fff;border:none}.customer-form-btn.submit:hover{background:var(--form-primary-dark);transform:translate3d(0,-1px,0)}.customer-form-btn.submit:active{transform:translateZ(0)}.customer-form-btn:disabled{opacity:.6;cursor:not-allowed;transform:translateZ(0)}.customer-form-btn:has(.customer-form-onu-loading-spinner){background:linear-gradient(135deg,var(--form-primary) 0%,var(--form-secondary) 100%);color:#fff;border:1px solid var(--form-primary);box-shadow:0 2px 8px #8b5cf633;position:relative;overflow:hidden}.customer-form-btn:has(.customer-form-onu-loading-spinner):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:zte-loading-shimmer 2s infinite}.customer-form-btn:has(.customer-form-onu-loading-spinner):hover{background:linear-gradient(135deg,var(--form-primary-dark) 0%,var(--form-secondary) 100%);transform:translate3d(0,-1px,0);box-shadow:0 4px 12px #8b5cf64d}.customer-form-btn:disabled:hover{transform:translateZ(0)}.customer-form-btn.submit:disabled{background:var(--form-text-secondary);color:var(--form-text)}.customer-form-btn.submit:disabled:hover{background:var(--form-text-secondary);color:var(--form-text)}.customer-form-btn.submit.loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;transform:translateZ(0)}@keyframes spin{0%{transform:translateZ(0) rotate(0)}to{transform:translateZ(0) rotate(360deg)}}.customer-form-group.full-width{grid-column:1 / -1;min-width:0;overflow-x:hidden}@media (max-width: 1024px){.customer-form-row{grid-template-columns:1fr;gap:1rem}.customer-form-section{padding:1.25rem}}@media (max-width: 768px){.customer-form-grid{gap:1.5rem}.customer-form-section{padding:1rem}.customer-form-section h3{font-size:1rem;margin-bottom:1.5rem}.customer-form-group{margin-bottom:1.25rem}.customer-form-row{margin-bottom:1.5rem}.customer-form-group input,.customer-form-group select,.customer-form-group textarea{padding:.75rem .875rem;font-size:.8rem}.customer-form-input-group{flex-direction:row;gap:.5rem;max-width:100%;overflow-x:hidden;min-width:0}.customer-form-input-group input{flex:1;border-radius:8px;min-width:0;max-width:100%}.customer-form-input-group.unique-code{max-width:200px}.customer-form-input-group.unique-code input{flex:1;min-width:0;max-width:100%}.customer-form-input-group:has(input[name=ppp_username]){max-width:100%}.customer-form-input-group:has(input[name=ppp_username]) input{flex:1;min-width:0;max-width:100%}.customer-form-input-group:has(input[name=device_id]){max-width:100%}.customer-form-input-group:has(input[name=device_id]) input{flex:1;min-width:0;max-width:100%}.customer-form-input-group:has(input[name=device_id]) .customer-form-generate-btn.delete-device{min-width:48px;width:48px;padding:.75rem;font-size:.875rem;flex-shrink:0}.customer-form-generate-btn{border-radius:8px;width:48px;min-width:48px;flex-shrink:0}.customer-form-actions{flex-direction:column;gap:.75rem;min-width:0;overflow-x:hidden}.customer-form-btn{width:100%;padding:.75rem 1.5rem;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 480px){.customer-form-section{padding:.875rem}.customer-form-group{margin-bottom:1rem}.customer-form-row{margin-bottom:1.25rem}.customer-form-group input,.customer-form-group select,.customer-form-group textarea{padding:.625rem .75rem;font-size:.75rem}.customer-form-input-group{flex-direction:column;gap:.5rem;max-width:100%;overflow-x:hidden;min-width:0}.customer-form-input-group input{flex:1;border-radius:8px;min-width:0;max-width:100%}.customer-form-input-group.unique-code{max-width:100%}.customer-form-input-group.unique-code input{flex:1;min-width:0;max-width:100%}.customer-form-input-group:has(input[name=ppp_username]){max-width:100%}.customer-form-input-group:has(input[name=ppp_username]) input{flex:1;min-width:0;max-width:100%}.customer-form-input-group:has(input[name=device_id]){max-width:100%}.customer-form-input-group:has(input[name=device_id]) input{flex:1;min-width:0;max-width:100%}.customer-form-input-group:has(input[name=device_id]) .customer-form-generate-btn.delete-device{min-width:40px;width:40px;padding:.625rem;font-size:.75rem;flex-shrink:0}.customer-form-generate-btn{border-radius:6px;width:40px;min-width:40px;height:40px;flex-shrink:0}.customer-form-actions{flex-direction:column;gap:.5rem;min-width:0;overflow-x:hidden}.customer-form-btn{width:100%;padding:.625rem 1.25rem;font-size:.875rem;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-form-group label{font-size:.75rem}.total-fee-display{padding:.75rem;font-size:.875rem}.fee-breakdown{gap:.5rem}.fee-breakdown p{font-size:.75rem}@media (max-width: 480px){.total-fee-display{padding:.5rem;font-size:.75rem}.fee-breakdown{gap:.25rem}.fee-breakdown p{font-size:.625rem}}.error-message{font-size:.625rem}}@media (max-width: 360px){.customer-form-input-group{flex-direction:column;gap:.375rem;max-width:100%;overflow-x:hidden;min-width:0}.customer-form-input-group input{flex:1;border-radius:6px;min-width:0;max-width:100%}.customer-form-input-group.unique-code{max-width:100%}.customer-form-input-group.unique-code input{flex:1;min-width:0;max-width:100%}.customer-form-input-group:has(input[name=ppp_username]){max-width:100%}.customer-form-input-group:has(input[name=ppp_username]) input{flex:1;min-width:0;max-width:100%}.customer-form-input-group:has(input[name=device_id]){max-width:100%}.customer-form-input-group:has(input[name=device_id]) input{flex:1;min-width:0;max-width:100%}.customer-form-input-group:has(input[name=device_id]) .customer-form-generate-btn.delete-device{min-width:36px;width:36px;padding:.5rem;font-size:.625rem;flex-shrink:0}.customer-form-generate-btn{border-radius:4px;width:36px;min-width:36px;height:36px;flex-shrink:0}.customer-form-generate-btn svg{width:1rem;height:1rem}.customer-form-actions{flex-direction:column;gap:.375rem;min-width:0;overflow-x:hidden}.customer-form-btn{width:100%;padding:.5rem 1rem;font-size:.75rem;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (prefers-color-scheme: dark){:root{--form-bg: #0a0614;--form-bg-secondary: rgba(139, 92, 246, .08);--form-bg-card: rgba(139, 92, 246, .12)}.billing-calculation-info{background:var(--form-bg-card);border-color:var(--form-border)}.billing-period{background:var(--form-bg-secondary)}.zte-onu-loading-status{background:linear-gradient(135deg,rgba(139,92,246,.15) 0%,rgba(99,102,241,.15) 100%);border-color:#8b5cf666;box-shadow:0 2px 8px #8b5cf640}.zte-onu-loading-status .zte-loading-spinner{border-color:#8b5cf666;border-top-color:var(--form-primary)}}@media (prefers-reduced-motion: reduce){.customer-form-group input,.customer-form-group select,.customer-form-group textarea,.customer-form-btn{transition:none}.customer-form-btn.submit.loading:after{animation:none}.customer-form-section,.customer-form-group input,.customer-form-group select,.customer-form-group textarea,.customer-form-btn{transform:none!important}.zte-onu-loading-status:before{animation:none}.zte-onu-loading-status .zte-loading-spinner{animation:none}.customer-form-btn:has(.customer-form-onu-loading-spinner):before{animation:none}.customer-form-onu-loading-spinner{animation:none}}@media (prefers-contrast: high){:root{--form-border: rgba(139, 92, 246, .4);--form-border-light: rgba(139, 92, 246, .3)}.customer-form-group input,.customer-form-group select,.customer-form-group textarea{border-width:2px}}.customer-form-group input:focus-visible,.customer-form-group select:focus-visible,.customer-form-group textarea:focus-visible{outline:2px solid var(--form-primary);outline-offset:2px}.customer-form-group textarea::-webkit-scrollbar{width:6px}.customer-form-group textarea::-webkit-scrollbar-track{background:var(--form-bg-secondary);border-radius:3px}.customer-form-group textarea::-webkit-scrollbar-thumb{background:var(--form-border);border-radius:3px;transform:translateZ(0)}.customer-form-group textarea::-webkit-scrollbar-thumb:hover{background:var(--form-border-light)}.customer-form-group input[type=number]{-moz-appearance:textfield}.customer-form-group input[type=number]::-webkit-outer-spin-button,.customer-form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.customer-form-group input[type=date]{position:relative}.customer-form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(.8);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease}.customer-form-group input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert(1) brightness(1);background:var(--form-bg-hover)}.customer-form-group input[type=tel]{font-family:Monaco,Menlo,monospace;letter-spacing:.5px}.customer-form-group input[type=email]{font-family:inherit}.customer-form-group input:disabled,.customer-form-group select:disabled,.customer-form-group textarea:disabled{background:var(--form-bg);color:var(--form-text-secondary);cursor:not-allowed;opacity:.6}.customer-form-group select:disabled option{color:var(--form-text-secondary);font-style:italic}.customer-form-group.success input,.customer-form-group.success select,.customer-form-group.success textarea{border-color:var(--form-success);box-shadow:0 0 0 2px #10b98126}.customer-form-group.warning input,.customer-form-group.warning select,.customer-form-group.warning textarea{border-color:var(--form-warning);box-shadow:0 0 0 2px #f59e0b26}.location-controls{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.customer-form-group:has(.location-controls){margin-bottom:2rem}.customer-form-group:has(.customer-map){margin-bottom:2rem}.location-search-input{flex:1;min-width:200px;padding:.75rem 1rem;border:1px solid var(--form-border);border-radius:8px;background:var(--form-bg);color:var(--form-text);font-size:.875rem;transition:all .2s ease}.location-search-input:focus{outline:none;border-color:var(--form-primary);box-shadow:0 0 0 2px #8b5cf61a}.location-search-input::placeholder{color:var(--form-text-secondary)}.btn-location,.btn-clear-location{padding:.75rem 1rem;border:1px solid var(--form-border);border-radius:8px;background:var(--form-bg);color:var(--form-text);font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.btn-location:hover{background:var(--form-bg-hover);border-color:var(--form-primary);transform:translateY(-1px)}.btn-location:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-clear-location:hover{background:var(--form-error);border-color:var(--form-error);color:#fff;transform:translateY(-1px)}.coordinates-display{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.coordinate-input label{font-size:.875rem;font-weight:500;color:var(--form-text)}.coordinate-input input{padding:.75rem;border:1px solid var(--form-border);border-radius:8px;background:var(--form-bg);color:var(--form-text);font-size:.875rem;transition:all .2s ease}.coordinate-input input:focus{outline:none;border-color:var(--form-primary);box-shadow:0 0 0 2px #8b5cf61a}.coordinate-input input::placeholder{color:var(--form-text-secondary)}.customer-map{width:100%;height:300px;border:1px solid var(--form-border);border-radius:8px;margin-bottom:1.5rem;background:var(--form-bg)}.map-instructions{text-align:center;padding:.75rem;background:var(--form-bg-secondary);border-radius:8px;border:1px solid var(--form-border-light)}.map-instructions p{margin:0;font-size:.875rem;color:var(--form-text-secondary)}.pac-container{background:var(--form-bg);border:1px solid var(--form-border);border-radius:8px;box-shadow:var(--form-shadow-hover);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.pac-item{padding:.75rem 1rem;border-bottom:1px solid var(--form-border-light);color:var(--form-text);cursor:pointer;transition:background-color .2s ease}.pac-item:last-child{border-bottom:none}.pac-item:hover{background:var(--form-bg-hover)}.pac-item-selected{background:var(--form-primary);color:#fff}.pac-item-query{font-weight:600;color:inherit}.pac-matched{font-weight:600;color:var(--form-accent)}.pac-secondary-text{font-size:.875rem;color:var(--form-text-secondary)}.pac-icon{color:var(--form-primary)}@media (max-width: 768px){.location-controls{flex-direction:column;align-items:stretch;margin-bottom:1.25rem}.location-search-input{min-width:auto}.coordinates-display{grid-template-columns:1fr;margin-bottom:1.25rem}.customer-map{height:250px;margin-bottom:1.25rem}.btn-location,.btn-clear-location{justify-content:center}}@media (max-width: 480px){.location-controls{gap:.5rem;margin-bottom:1rem}.location-search-input,.btn-location,.btn-clear-location{font-size:.8rem;padding:.625rem .875rem}.coordinates-display{margin-bottom:1rem}.customer-map{height:200px;margin-bottom:1rem}.map-instructions p{font-size:.8rem}}.customer-form-group select[name=genieacs_device_id]{min-width:100%;max-width:100%;width:100%}.customer-form-group select[name=genieacs_device_id] option{white-space:normal;word-wrap:break-word;max-width:100%;padding:.75rem;line-height:1.4}.customer-form-group select[name=genieacs_device_id]:focus{min-width:100%;max-width:100%}@media (max-width: 768px){.customer-form-group select[name=genieacs_device_id]{min-width:100%;max-width:100%}.customer-form-group select[name=genieacs_device_id] option{font-size:.875rem;padding:.5rem}}@media (max-width: 480px){.customer-form-group select[name=genieacs_device_id]{min-width:100%;max-width:100%}.customer-form-group select[name=genieacs_device_id] option{font-size:.8rem;padding:.4rem}}.genieacs-device-table-card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.1);border-radius:16px;margin:20px 0;box-shadow:0 8px 32px #8b5cf61a;overflow:hidden;max-width:100%;width:100%;box-sizing:border-box}.customer-form-section:has(.genieacs-device-table-card){max-width:100%;overflow:hidden}.customer-form-section:has(.genieacs-device-table-card) .customer-form-grid{max-width:100%}.customer-form-section:has(.genieacs-device-table-card) .customer-form-row{max-width:100%}.device-table-header{background:rgba(248,249,250,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px 24px;border-bottom:1px solid rgba(139,92,246,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;position:relative}.device-table-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent)}.device-table-header h4{margin:0;color:#2c3e50;font-size:16px;font-weight:600}.device-table-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.device-search-container{position:relative}.device-search-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;width:200px;background:#ffffff;transition:border-color .2s ease}.device-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.device-filter-controls{display:flex;gap:8px}.device-filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#ffffff;color:#374151;cursor:pointer;transition:border-color .2s ease}.device-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.device-table-loading{padding:40px 20px;text-align:center;color:#6b7280}.loading-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.device-table-empty{padding:40px 20px;text-align:center;color:#6b7280}.device-table-container{overflow-x:auto;max-height:400px;overflow-y:auto;width:100%}.device-table{width:100%;border-collapse:collapse;font-size:14px;min-width:600px}.device-table thead{background:rgba(248,249,250,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;border-bottom:2px solid rgba(139,92,246,.2)}.device-table th{padding:12px 16px;text-align:left;font-weight:700;color:#1f2937;border-bottom:1px solid rgba(139,92,246,.1);white-space:nowrap;font-size:14px;text-transform:uppercase;letter-spacing:.5px;position:relative}.device-table td{padding:10px 16px;border-bottom:1px solid rgba(139,92,246,.05);vertical-align:middle;font-size:13px}.device-table tbody tr{cursor:pointer;transition:background-color .2s ease;background-color:transparent}.device-table tbody tr:hover{background-color:#8b5cf61a!important}.device-table tbody tr.selected-device{background-color:#8b5cf61a;border-left:3px solid var(--form-primary)}.device-serial{display:flex;flex-direction:column;gap:2px}.device-serial strong{font-weight:600;color:#1f2937;font-size:12px}.device-serial small{color:#6b7280;font-size:10px}.device-model{display:flex;flex-direction:column;gap:2px}.device-model div{font-weight:500;color:#1f2937}.device-model small{color:#6b7280;font-size:12px}.genieacs-status-badge{display:inline-flex;align-items:center;padding:3px 6px;border-radius:8px;font-size:11px;font-weight:500;text-transform:capitalize}.genieacs-status-online{background-color:#dcfce7;color:#166534}.genieacs-status-offline{background-color:#fee2e2;color:#991b1b}.genieacs-status-recent{background-color:#fef3c7;color:#92400e}.genieacs-status-unknown{background-color:#f3f4f6;color:#374151}.device-select-btn{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;background:#ffffff;color:#374151;font-size:11px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.device-table tbody tr:hover .device-select-btn{background:var(--form-primary);color:#fff;border-color:var(--form-primary)}.device-select-btn:hover:not(:disabled){background:#3b82f6;color:#fff;border-color:#3b82f6}.device-select-btn:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}@media (max-width: 1024px){.device-table-header{flex-direction:column;gap:1rem;align-items:stretch}.device-table-controls{flex-direction:column;gap:.75rem}.device-search-input{width:100%}}@media (max-width: 768px){.genieacs-device-table-card{padding:1rem}.device-table-header{flex-direction:column;gap:.75rem}.device-table-controls,.device-filter-controls{flex-direction:column;gap:.5rem}.device-search-input{width:100%;font-size:.875rem}.device-table-container{overflow-x:auto;max-width:100%}.device-table{min-width:600px}.device-table th,.device-table td{padding:.5rem .375rem;font-size:.75rem}.device-table th:nth-child(3),.device-table td:nth-child(3){display:none}}@media (max-width: 480px){.device-table-header h4{font-size:1rem}.device-table{min-width:500px}.device-table th,.device-table td{padding:.375rem .25rem;font-size:.625rem}.device-table th:nth-child(3),.device-table td:nth-child(3){display:none}.genieacs-status-badge{font-size:.5rem;padding:.125rem .25rem}.device-select-btn{padding:.25rem .5rem;font-size:.625rem}}@media (prefers-color-scheme: dark){.genieacs-device-table-card{background:rgba(15,23,42,.95);border-color:#8b5cf633}.device-table-header{background:rgba(139,92,246,.05)}.device-table-header h4{color:var(--form-primary)}.device-search-input,.device-filter-select{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:var(--form-text)}.device-search-input:focus,.device-filter-select:focus{border-color:var(--form-primary);box-shadow:0 0 0 3px #8b5cf61a}.device-table thead{background:rgba(15,23,42,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid rgba(139,92,246,.3)}.device-table th{color:var(--form-primary);border-bottom:1px solid rgba(139,92,246,.2)}.device-table td{color:var(--form-text)}.device-table tbody tr:hover{background:transparent}.device-table tbody tr.selected-device{background:rgba(139,92,246,.15)}.device-serial strong,.device-model div{color:var(--form-text)}.device-serial small,.device-model small{color:var(--form-text-secondary)}.device-select-btn{background:var(--form-primary);color:#fff}.device-select-btn:hover:not(:disabled){background:var(--form-primary-dark)}.device-select-btn:disabled{background:var(--form-text-secondary);color:var(--form-text)}.device-table-loading,.device-table-empty{color:var(--form-text-secondary)}}.customer-form-btn.genieacs-select{background:var(--form-primary);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s ease,background-color .2s ease;transform:translateZ(0);flex-shrink:0;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-form-btn.genieacs-select:hover{background:var(--form-primary-dark);transform:translate3d(0,-2px,0)}.customer-form-btn.genieacs-select:active{transform:translateZ(0)}.customer-form-btn.genieacs-select:disabled{background:var(--form-text-secondary);cursor:not-allowed;transform:translateZ(0)}.customer-form-btn.genieacs-select:disabled:hover{background:var(--form-text-secondary);transform:translateZ(0)}.customer-form-generate-btn.delete-device{background:var(--form-error);color:#fff;border:none;border-radius:12px;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:transform .2s ease,background-color .2s ease;transform:translateZ(0);flex-shrink:0;min-width:48px}.customer-form-generate-btn.delete-device:hover{background:#dc2626;transform:translate3d(0,-2px,0)}.customer-form-generate-btn.delete-device:active{transform:translateZ(0)}.customer-form-generate-btn.delete-device:disabled{background:var(--form-text-secondary);cursor:not-allowed;transform:translateZ(0)}.customer-form-generate-btn.delete-device:disabled:hover{background:var(--form-text-secondary);transform:translateZ(0)}.customer-form-generate-btn.delete-device svg{width:1.25rem;height:1.25rem;transform:translateZ(0)}.customer-form-generate-btn.delete-device:hover svg{transform:translateZ(0) scale(1.1);transition:transform .2s ease}@media (max-width: 768px){.customer-form-btn.genieacs-select{padding:.625rem 1.25rem;font-size:.8rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-form-onu-loading-spinner{width:12px;height:12px;margin-right:6px}.customer-form-generate-btn.delete-device{min-width:40px;width:40px;height:40px;padding:.5rem;font-size:.875rem;flex-shrink:0}.customer-form-generate-btn.delete-device svg{width:1rem;height:1rem}}@media (max-width: 480px){.customer-form-btn.genieacs-select{padding:.5rem 1rem;font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-form-onu-loading-spinner{width:10px;height:10px;margin-right:5px}.customer-form-generate-btn.delete-device{min-width:36px;width:36px;height:36px;padding:.375rem;font-size:.75rem;flex-shrink:0}.customer-form-generate-btn.delete-device svg{width:.875rem;height:.875rem}}.customer-form-row:has(.customer-form-group:has(.customer-form-btn.genieacs-select)){grid-template-columns:1fr auto;gap:1rem;align-items:end;min-width:0;overflow-x:hidden}.customer-form-row:has(.customer-form-group:has(.customer-form-btn.genieacs-select)) .customer-form-group:first-child{min-width:0;overflow-x:hidden}.customer-form-row:has(.customer-form-group:has(.customer-form-btn.genieacs-select)) .customer-form-group:last-child{flex-shrink:0;min-width:0;overflow-x:hidden}@media (max-width: 768px){.customer-form-row:has(.customer-form-group:has(.customer-form-btn.genieacs-select)){grid-template-columns:1fr;gap:.75rem}.customer-form-row:has(.customer-form-group:has(.customer-form-btn.genieacs-select)) .customer-form-group:last-child{align-self:stretch}}.customer-form-olt-note{color:#666;font-size:12px}.customer-form-onu-empty-note{color:#666}.customer-form-btn.clean{font-size:12px;padding:6px 12px}.customer-form-onu-auth-badge{margin-left:5px;font-size:10px}.customer-form-onu-loading-spinner{width:14px;height:14px;margin-right:8px;display:inline-block;border:2px solid rgba(139,92,246,.3);border-top:2px solid var(--form-primary);border-radius:50%;animation:zte-spin 1s linear infinite}.customer-form-hsgq-gpon-status{font-size:12px;color:var(--form-text-secondary);margin-top:.25rem}.customer-form-hsgq-gpon-description{font-size:11px;color:var(--form-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-form-hsgq-epon-status,.customer-form-zte-status{font-size:12px;color:var(--form-text-secondary);margin-top:.25rem}.customer-form-row:has(.customer-form-group:has(select[name=genieacs_server_id])){display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.customer-form-row:has(.customer-form-group:has(select[name=genieacs_server_id])) .customer-form-group:first-child{grid-column:1}.customer-form-row:has(.customer-form-group:has(select[name=genieacs_server_id])) .customer-form-group:last-child{grid-column:2}@media (max-width: 768px){.customer-form-row:has(.customer-form-group:has(select[name=genieacs_server_id])){grid-template-columns:1fr;gap:15px}.customer-form-row:has(.customer-form-group:has(select[name=genieacs_server_id])) .customer-form-group:first-child,.customer-form-row:has(.customer-form-group:has(select[name=genieacs_server_id])) .customer-form-group:last-child{grid-column:1}}@media (max-width: 480px){.customer-form-row:has(.customer-form-group:has(select[name=genieacs_server_id])){gap:12px}}.customer-form-row:has(.customer-form-group:has(select[name=olt_id])){display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.customer-form-row:has(.customer-form-group:has(select[name=olt_id])) .customer-form-group:first-child{grid-column:1}.customer-form-row:has(.customer-form-group:has(select[name=olt_id])) .customer-form-group:last-child{grid-column:2}@media (max-width: 768px){.customer-form-row:has(.customer-form-group:has(select[name=olt_id])){grid-template-columns:1fr;gap:15px}.customer-form-row:has(.customer-form-group:has(select[name=olt_id])) .customer-form-group:first-child,.customer-form-row:has(.customer-form-group:has(select[name=olt_id])) .customer-form-group:last-child{grid-column:1}}@media (max-width: 480px){.customer-form-row:has(.customer-form-group:has(select[name=olt_id])){gap:12px}}.customer-form-btn:disabled{background:var(--form-bg-disabled, #f5f5f5);color:var(--form-text-disabled, #999);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.customer-form-btn:disabled:hover{background:var(--form-bg-disabled, #f5f5f5);color:var(--form-text-disabled, #999);cursor:not-allowed;transform:none;box-shadow:none}.customer-form-btn:disabled svg{opacity:.5}.customer-form-row:has(.customer-form-group:has(select[name=genieacs_server_id])) .customer-form-btn:disabled,.customer-form-row:has(.customer-form-group:has(select[name=olt_id])) .customer-form-btn:disabled{background:#e5e7eb;color:#9ca3af;border-color:#d1d5db}.customer-form-row:has(.customer-form-group:has(select[name=genieacs_server_id])) .customer-form-btn:disabled:hover,.customer-form-row:has(.customer-form-group:has(select[name=olt_id])) .customer-form-btn:disabled:hover{background:#e5e7eb;color:#9ca3af;border-color:#d1d5db;transform:none}:root{--admin-primary: #8b5cf6;--admin-primary-light: #a78bfa;--admin-primary-dark: #7c3aed;--admin-secondary: #6366f1;--admin-accent: #ec4899;--admin-bg: #0f0a1a;--admin-bg-secondary: rgba(139, 92, 246, .05);--admin-bg-card: rgba(139, 92, 246, .08);--admin-bg-hover: rgba(139, 92, 246, .12);--admin-text: #e2e8f0;--admin-text-secondary: #94a3b8;--admin-border: rgba(139, 92, 246, .2);--admin-border-light: rgba(139, 92, 246, .1);--admin-shadow: 0 4px 20px rgba(139, 92, 246, .15);--admin-shadow-hover: 0 8px 30px rgba(139, 92, 246, .25);--admin-glow: 0 0 20px rgba(139, 92, 246, .3);--admin-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--admin-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%);--customer-success: #10b981;--customer-warning: #f59e0b;--customer-error: #ef4444;--customer-info: #3b82f6}.customer-view-container{max-height:80vh;overflow-y:auto;padding:0}.customer-view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:var(--admin-gradient-subtle);border:1px solid var(--admin-border-light);border-radius:12px;box-shadow:var(--admin-shadow)}.customer-view-basic-info{flex:1}.customer-view-basic-info h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;background:var(--admin-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.customer-view-id{color:var(--admin-text-secondary);font-size:.9rem;font-family:Monaco,Menlo,monospace;margin-bottom:1rem}.customer-view-status{display:flex;gap:.5rem;flex-wrap:wrap}.customer-view-close-btn{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:.5rem;color:#f87171;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.customer-view-close-btn:hover{background:rgba(239,68,68,.2);transform:translateY(-1px)}.customer-view-map-button{background:var(--admin-gradient);border:none;border-radius:8px;padding:.75rem 1rem;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;box-shadow:var(--admin-shadow);margin-top:1rem}.customer-view-map-button:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-hover);background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 50%,#c026d3 100%)}.customer-view-map-button svg{width:16px;height:16px}.customer-view-content{display:flex;flex-direction:column;gap:1.5rem}.customer-view-section{background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:12px;padding:1.5rem;box-shadow:var(--admin-shadow)}.customer-view-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--admin-text);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--admin-border-light)}.customer-view-section-title svg{color:var(--admin-primary-light)}.customer-view-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.customer-view-field{display:flex;flex-direction:column;gap:.5rem}.customer-view-field label{font-size:.8rem;font-weight:600;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.5px}.customer-view-field span{font-size:.9rem;color:var(--admin-text);font-weight:500;padding:.5rem;background:rgba(139,92,246,.05);border:1px solid var(--admin-border-light);border-radius:6px;min-height:2.5rem;display:flex;align-items:center}.customer-view-total-fee{color:var(--customer-success)!important;font-weight:600!important}.customer-view-data-usage{font-weight:600;color:#8b5cf6;background:rgba(139,92,246,.1);padding:4px 8px;border-radius:4px;font-size:.9em}.customer-status-badge{padding:.2rem .6rem;border-radius:14px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-block;text-align:center;min-width:60px}.customer-status-badge.customer-status-active{background:rgba(16,185,129,.2);color:#34d399;border:1px solid rgba(16,185,129,.3)}.customer-status-badge.customer-status-inactive{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.customer-status-badge.customer-status-pending{background:rgba(245,158,11,.2);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.customer-status-badge.customer-status-isolated{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.customer-status-badge.customer-status-free{background:rgba(34,197,94,.2);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.customer-status-badge.customer-status-custom{background:rgba(168,85,247,.2);color:#a855f7;border:1px solid rgba(168,85,247,.3)}.customer-status-badge.customer-status-default{background:rgba(139,92,246,.2);color:var(--admin-primary-light);border:1px solid rgba(139,92,246,.3)}.service-badge{padding:.2rem .6rem;border-radius:14px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.service-pppoe{background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.service-hotspot{background:rgba(245,158,11,.2);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.service-ip-binding-hotspot{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.service-default{background:rgba(139,92,246,.2);color:var(--admin-primary-light);border:1px solid rgba(139,92,246,.3)}.customer-view-map-container{display:flex;flex-direction:column;gap:1rem}.customer-view-map{width:100%;height:300px;border-radius:8px;overflow:hidden;border:1px solid var(--admin-border-light)}.customer-view-coordinates{display:flex;gap:1rem;justify-content:center;font-size:.8rem;color:var(--admin-text-secondary);font-family:Monaco,Menlo,monospace}.customer-view-coordinates span{background:var(--admin-bg-card);padding:.5rem 1rem;border-radius:6px;border:1px solid var(--admin-border-light)}.customer-view-notes{background:rgba(139,92,246,.05);border:1px solid var(--admin-border-light);border-radius:8px;padding:1rem}.customer-view-notes p{color:var(--admin-text);line-height:1.6;margin:0;font-size:.9rem}@media (max-width: 1024px){.customer-view-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.customer-view-header{flex-direction:column;gap:1rem}.customer-view-close-btn{align-self:flex-end}}@media (max-width: 768px){.customer-view-container{max-height:70vh}.customer-view-header{padding:1rem;margin-bottom:1rem}.customer-view-basic-info h2{font-size:1.25rem}.customer-view-section{padding:1rem}.customer-view-section-title{font-size:1rem;margin-bottom:1rem}.customer-view-grid{grid-template-columns:1fr;gap:.75rem}.customer-view-field label{font-size:.75rem}.customer-view-field span{font-size:.85rem;padding:.4rem;min-height:2.25rem}.customer-view-map{height:250px}.customer-view-coordinates{flex-direction:column;gap:.5rem}.customer-view-coordinates span{text-align:center;padding:.4rem;font-size:.75rem}}@media (max-width: 480px){.customer-view-container{max-height:60vh}.customer-view-header{padding:.75rem}.customer-view-basic-info h2{font-size:1.1rem}.customer-view-id{font-size:.8rem}.customer-view-section{padding:.75rem}.customer-view-section-title{font-size:.9rem;margin-bottom:.75rem}.customer-view-grid{gap:.5rem}.customer-view-field label{font-size:.7rem}.customer-view-field span{font-size:.8rem;padding:.3rem;min-height:2rem}.customer-view-map{height:200px}.customer-view-coordinates span{font-size:.7rem;padding:.3rem}.customer-view-notes{padding:.75rem}.customer-view-notes p{font-size:.85rem}}@media (prefers-reduced-motion: reduce){.customer-view-close-btn{transition:none}}.customer-view-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.customer-view-loading-spinner{width:40px;height:40px;border:3px solid var(--admin-border-light);border-top:3px solid var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.customer-view-loading p{color:var(--admin-text-secondary);font-size:.9rem}.customer-view-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.customer-view-error p{color:var(--customer-error);font-size:.9rem;margin-bottom:1rem}.customer-view-error button{background:var(--admin-gradient);border:none;border-radius:8px;color:#fff;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.customer-view-error button:hover{transform:translateY(-1px);box-shadow:var(--admin-shadow)}:root{--customer-primary: #8b5cf6;--customer-primary-light: #a78bfa;--customer-primary-dark: #7c3aed;--customer-secondary: #6366f1;--customer-accent: #ec4899;--customer-bg: #0f0a1a;--customer-bg-secondary: rgba(139, 92, 246, .05);--customer-bg-card: rgba(139, 92, 246, .08);--customer-bg-hover: rgba(139, 92, 246, .12);--customer-text: #e2e8f0;--customer-text-secondary: #94a3b8;--customer-border: rgba(139, 92, 246, .2);--customer-border-light: rgba(139, 92, 246, .1);--customer-shadow: 0 4px 20px rgba(139, 92, 246, .15);--customer-shadow-hover: 0 8px 30px rgba(139, 92, 246, .25);--customer-glow: 0 0 20px rgba(139, 92, 246, .3);--customer-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--customer-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%);--customer-success: #10b981;--customer-warning: #f59e0b;--customer-error: #ef4444;--customer-info: #3b82f6}.customer-management{min-height:100vh!important;background:var(--customer-bg)!important;color:var(--customer-text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;position:relative!important;overflow-x:hidden!important}.customer-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:2rem!important;padding:2rem!important;background:var(--customer-gradient-subtle)!important;border:1px solid var(--customer-border-light)!important;border-radius:16px!important;box-shadow:var(--customer-shadow)!important}.customer-header-content h1{font-size:1.75rem!important;font-weight:700!important;margin-bottom:.5rem!important;background:var(--customer-gradient)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.customer-header-content p{color:var(--customer-text-secondary)!important;font-size:1rem!important;line-height:1.6!important;margin:0!important}.customer-add-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;box-shadow:var(--customer-shadow)!important;transition:all .3s ease!important}.customer-add-btn:hover{background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%)!important;box-shadow:var(--customer-shadow-hover)!important;transform:translateY(-2px)!important}.customer-add-btn:active{transform:translateY(0)!important}.customer-add-btn svg{width:20px!important;height:20px!important}.customer-stats-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:1rem!important;margin-bottom:2rem!important}.customer-stat-card{background:var(--customer-bg-card)!important;border:1px solid var(--customer-border-light)!important;border-radius:12px!important;padding:1rem!important;position:relative!important;overflow:hidden!important;transition:all .3s ease!important;box-shadow:var(--customer-shadow)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:120px!important}.customer-stat-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:var(--customer-gradient)!important;opacity:0!important;transition:opacity .3s ease!important}.customer-stat-card:hover{transform:translateY(-4px)!important;box-shadow:var(--customer-shadow-hover)!important;border-color:var(--customer-border)!important}.customer-stat-card:hover:before{opacity:1!important}.customer-stat-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border-radius:10px!important;margin-bottom:.75rem!important;background:var(--customer-gradient-subtle)!important;border:1px solid var(--customer-border-light)!important;color:var(--customer-primary)!important;margin-left:auto!important;margin-right:auto!important}.customer-stat-icon svg{width:20px!important;height:20px!important}.customer-stat-icon.total{background:rgba(139,92,246,.1)!important;color:#8b5cf6!important}.customer-stat-icon.active{background:rgba(16,185,129,.1)!important;color:#10b981!important}.customer-stat-icon.pending{background:rgba(245,158,11,.1)!important;color:#f59e0b!important}.customer-stat-icon.pppoe{background:rgba(59,130,246,.1)!important;color:#3b82f6!important}.customer-stat-icon.hotspot{background:rgba(236,72,153,.1)!important;color:#ec4899!important}.customer-stat-icon.ip-binding-hotspot{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.customer-stat-icon.free{background:rgba(34,197,94,.1)!important;color:#22c55e!important}.customer-stat-icon.custom{background:rgba(168,85,247,.1)!important;color:#a855f7!important}.customer-stat-icon.estimated-revenue{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.customer-stat-info{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important}.customer-stat-info h3{font-size:.75rem!important;font-weight:600!important;color:var(--customer-text-secondary)!important;margin:0 0 .375rem!important;text-transform:uppercase!important;letter-spacing:.5px!important;text-align:center!important}.customer-stat-number{font-size:1.5rem!important;font-weight:700!important;color:var(--customer-text)!important;margin:0 0 .25rem!important;background:var(--customer-gradient)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-align:center!important}.customer-stat-label{font-size:.65rem!important;color:var(--customer-text-secondary)!important;margin:0!important;text-align:center!important}.customer-table-container{background:var(--customer-bg-card)!important;border-radius:12px!important;box-shadow:var(--customer-shadow)!important;overflow:hidden!important;margin-top:2rem!important;border:1px solid var(--customer-border-light)!important}.customer-table-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1.5rem 2rem!important;border-bottom:1px solid var(--customer-border-light)!important;background:var(--customer-bg-secondary)!important}.customer-table-header h3{margin:0!important;font-size:1.25rem!important;font-weight:600!important;color:var(--customer-text)!important}.customer-table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.customer-filter-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:var(--customer-shadow)!important}.customer-filter-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%)!important;transform:translateY(-1px)!important;box-shadow:var(--customer-shadow-hover)!important}.customer-filter-btn.active{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important}.customer-filter-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.customer-refresh-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:var(--customer-shadow)!important}.customer-refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;transform:translateY(-1px)!important;box-shadow:var(--customer-shadow-hover)!important}.customer-refresh-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.customer-filters-container{display:flex!important;flex-wrap:wrap!important;gap:1rem!important;padding:1.5rem 2rem!important;background:var(--customer-bg-secondary)!important;border-bottom:1px solid var(--customer-border-light)!important}.customer-filter-group{display:flex!important;flex-direction:column!important;gap:.5rem!important;min-width:200px!important}.customer-filter-group label{font-size:.875rem!important;font-weight:500!important;color:var(--customer-text-secondary)!important}.customer-filter-select{padding:.5rem .75rem!important;border:1px solid var(--customer-border-light)!important;border-radius:6px!important;background:var(--customer-bg-card)!important;color:var(--customer-text)!important;font-size:.875rem!important;transition:border-color .2s ease!important}.customer-filter-select:focus{outline:none!important;border-color:var(--customer-primary)!important;box-shadow:0 0 0 2px #8b5cf61a!important}.customer-filter-select option{background:var(--customer-bg)!important;color:var(--customer-text)!important;padding:.5rem!important;font-size:.875rem!important}.customer-filter-select option:hover{background:var(--customer-bg-hover)!important;color:var(--customer-text)!important}.customer-filter-select option:checked{background:var(--customer-primary)!important;color:#fff!important}.customer-filter-select option:focus{background:var(--customer-bg-hover)!important;color:var(--customer-text)!important}.customer-items-per-page-select option{background:var(--customer-bg)!important;color:var(--customer-text)!important;padding:.5rem!important;font-size:.875rem!important}.customer-items-per-page-select option:hover{background:var(--customer-bg-hover)!important;color:var(--customer-text)!important}.customer-items-per-page-select option:checked{background:var(--customer-primary)!important;color:#fff!important}.customer-items-per-page-select option:focus{background:var(--customer-bg-hover)!important;color:var(--customer-text)!important}.customer-form-select option{background:var(--customer-bg)!important;color:var(--customer-text)!important;padding:.5rem!important;font-size:.875rem!important}.customer-form-select option:hover{background:var(--customer-bg-hover)!important;color:var(--customer-text)!important}.customer-form-select option:checked{background:var(--customer-primary)!important;color:#fff!important}.customer-form-select option:focus{background:var(--customer-bg-hover)!important;color:var(--customer-text)!important}.customer-date-input::-webkit-calendar-picker-indicator{filter:invert(1)!important;cursor:pointer!important}.customer-date-input::-webkit-calendar-picker-indicator:hover{filter:invert(1) brightness(1.2)!important}.customer-management select option{background:var(--customer-bg)!important;color:var(--customer-text)!important;padding:.5rem!important;font-size:.875rem!important}.customer-management select option:hover{background:var(--customer-bg-hover)!important;color:var(--customer-text)!important}.customer-management select option:checked{background:var(--customer-primary)!important;color:#fff!important}.customer-management select option:focus{background:var(--customer-bg-hover)!important;color:var(--customer-text)!important}.customer-clear-filters-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;color:#fff!important;border:none!important;border-radius:6px!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;margin-left:auto!important;box-shadow:var(--customer-shadow)!important}.customer-clear-filters-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;transform:translateY(-1px)!important;box-shadow:var(--customer-shadow-hover)!important}.customer-clear-filters-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.customer-items-per-page-section{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1rem 2rem!important;background:var(--customer-bg-secondary)!important;border-bottom:1px solid var(--customer-border-light)!important}.customer-items-per-page-group{display:flex!important;align-items:center!important;gap:.5rem!important}.customer-items-per-page-group label{font-size:.875rem!important;color:var(--customer-text-secondary)!important}.customer-items-per-page-select{padding:.375rem .5rem!important;border:1px solid var(--customer-border-light)!important;border-radius:4px!important;background:var(--customer-bg-card)!important;color:var(--customer-text)!important;font-size:.875rem!important}.customer-search-group{display:flex!important;flex-direction:column!important;gap:.5rem!important}.customer-search-wrapper{position:relative!important;display:flex!important;align-items:center!important}.customer-search-icon{position:absolute!important;left:.75rem!important;color:var(--customer-text-secondary)!important;pointer-events:none!important}.customer-search-input{padding:.5rem .75rem .5rem 2.5rem!important;border:1px solid var(--customer-border-light)!important;border-radius:6px!important;background:var(--customer-bg-card)!important;color:var(--customer-text)!important;font-size:.875rem!important;width:300px!important;transition:border-color .2s ease!important}.customer-search-input:focus{outline:none!important;border-color:var(--customer-primary)!important;box-shadow:0 0 0 2px #8b5cf61a!important}.customer-search-input::placeholder{color:var(--customer-text-secondary)!important}.customer-search-input:disabled{opacity:.6!important;cursor:not-allowed!important}.customer-clear-search-btn{position:absolute!important;right:.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;background:var(--customer-text-secondary)!important;color:#fff!important;border:none!important;border-radius:50%!important;cursor:pointer!important;transition:all .2s ease!important}.customer-clear-search-btn:hover:not(:disabled){background:var(--customer-error)!important;transform:scale(1.1)!important}.customer-clear-search-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.customer-search-info{font-size:.75rem!important;color:var(--customer-text-secondary)!important}.customer-search-info-pagination{font-size:.75rem!important;color:var(--customer-text-secondary)!important;margin-left:1rem!important}.customer-loading{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:3rem 2rem!important;color:var(--customer-text-secondary)!important}.customer-loading-spinner{width:40px!important;height:40px!important;border:3px solid var(--customer-border-light)!important;border-top:3px solid var(--customer-primary)!important;border-radius:50%!important;animation:customer-spin 1s linear infinite!important;margin-bottom:1rem!important}@keyframes customer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.customer-loading p{margin:0!important;font-size:.875rem!important}.customer-empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:3rem 2rem!important;text-align:center!important;color:var(--customer-text-secondary)!important}.customer-empty-state svg{margin-bottom:1rem!important;opacity:.5!important;color:var(--customer-text-secondary)!important}.customer-empty-state h4{margin:0 0 .5rem!important;font-size:1.125rem!important;font-weight:600!important;color:var(--customer-text)!important}.customer-empty-state p{margin:0!important;font-size:.875rem!important}.customer-empty-state-hint{margin-top:.5rem!important;font-size:.75rem!important;color:var(--customer-text-tertiary)!important;opacity:.8!important}.customer-table-wrapper{overflow-x:auto!important}.customer-table{width:100%!important;border-collapse:collapse!important;background:var(--customer-bg-card)!important}.customer-table thead{background:var(--customer-bg-secondary)!important}.customer-table th{padding:1rem!important;text-align:left!important;font-weight:600!important;font-size:.875rem!important;color:var(--customer-text-secondary)!important;border-bottom:1px solid var(--customer-border-light)!important;white-space:nowrap!important}.customer-table td{padding:1rem!important;border-bottom:1px solid var(--customer-border-light)!important;vertical-align:top!important}.customer-table tbody tr{transition:background-color .2s ease!important}.customer-table tbody tr:hover{background:var(--customer-bg-hover)!important}.customer-table tbody tr:last-child td{border-bottom:none!important}.customer-table-cell{padding:1rem!important;border-bottom:1px solid var(--customer-border-light)!important;vertical-align:top!important}.customer-row-number{font-weight:500!important;color:var(--customer-text-secondary)!important;font-size:.875rem!important}.customer-id{display:flex!important;align-items:center!important}.customer-id-text{font-family:Courier New,monospace!important;font-weight:600!important;color:var(--customer-primary)!important;font-size:.875rem!important}.customer-name{display:flex!important;align-items:center!important}.customer-name-text{font-weight:600!important;color:var(--customer-text)!important;font-size:.875rem!important}.customer-whatsapp,.customer-package{font-size:.875rem!important;color:var(--customer-text)!important}.customer-fee{font-size:.875rem!important;color:var(--customer-text)!important;font-weight:500!important}.customer-discount{font-size:.875rem!important;color:var(--customer-text)!important}.customer-service,.customer-status{display:flex!important;align-items:center!important}.customer-actions{display:flex!important;gap:.5rem!important;align-items:center!important}.customer-action-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border:none!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;font-size:.875rem!important;box-shadow:var(--customer-shadow)!important}.customer-btn-view{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)!important;color:#fff!important}.customer-btn-view:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)!important;transform:translateY(-1px)!important;box-shadow:var(--customer-shadow-hover)!important}.customer-btn-edit{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;color:#fff!important}.customer-btn-edit:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%)!important;transform:translateY(-1px)!important;box-shadow:var(--customer-shadow-hover)!important}.customer-btn-delete{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;color:#fff!important}.customer-btn-delete:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;transform:translateY(-1px)!important;box-shadow:var(--customer-shadow-hover)!important}.customer-btn-isolate{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;color:#fff!important}.customer-btn-isolate:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;transform:translateY(-1px)!important;box-shadow:var(--customer-shadow-hover)!important}.customer-btn-reactivate{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;color:#fff!important}.customer-btn-reactivate:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;transform:translateY(-1px)!important;box-shadow:var(--customer-shadow-hover)!important}.customer-pagination-section{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1.5rem 2rem!important;background:var(--customer-bg-secondary)!important;border-top:1px solid var(--customer-border-light)!important}.customer-pagination-info{display:flex!important;flex-direction:column!important;gap:.25rem!important;font-size:.875rem!important;color:var(--customer-text-secondary)!important}.customer-pagination-controls{display:flex!important;align-items:center!important;gap:.5rem!important}.customer-pagination-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;background:var(--customer-bg-card)!important;color:var(--customer-text)!important;border:1px solid var(--customer-border-light)!important;border-radius:6px!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.customer-pagination-btn:hover:not(:disabled){background:var(--customer-bg-hover)!important;border-color:var(--customer-primary)!important}.customer-pagination-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.customer-pagination-pages{display:flex!important;gap:.25rem!important}.customer-pagination-page{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;background:var(--customer-bg-card)!important;color:var(--customer-text)!important;border:1px solid var(--customer-border-light)!important;border-radius:6px!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.customer-pagination-page:hover:not(.active){background:var(--customer-bg-hover)!important;border-color:var(--customer-primary)!important}.customer-pagination-page.active{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)!important;color:#fff!important;border-color:var(--customer-primary)!important}.customer-status-badge{display:inline-flex!important;align-items:center!important;gap:.25rem!important;padding:.25rem .5rem!important;border-radius:6px!important;font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.025em!important}.customer-status-badge.customer-status-active{background:rgba(16,185,129,.1)!important;color:#10b981!important;border:1px solid rgba(16,185,129,.2)!important}.customer-status-badge.customer-status-inactive{background:rgba(239,68,68,.1)!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.2)!important}.customer-status-badge.customer-status-pending{background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border:1px solid rgba(245,158,11,.2)!important}.customer-status-badge.customer-status-isolated{background:rgba(139,92,246,.1)!important;color:#8b5cf6!important;border:1px solid rgba(139,92,246,.2)!important}.customer-status-badge.customer-status-free{background:rgba(34,197,94,.1)!important;color:#22c55e!important;border:1px solid rgba(34,197,94,.2)!important}.customer-status-badge.customer-status-custom{background:rgba(168,85,247,.1)!important;color:#a855f7!important;border:1px solid rgba(168,85,247,.2)!important}.customer-status-badge.customer-status-default{background:rgba(100,116,139,.1)!important;color:#64748b!important;border:1px solid rgba(100,116,139,.2)!important}.service-badge{display:inline-flex!important;align-items:center!important;padding:.25rem .5rem!important;border-radius:6px!important;font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.025em!important}.service-pppoe{background:rgba(59,130,246,.1)!important;color:#3b82f6!important;border:1px solid rgba(59,130,246,.2)!important}.service-hotspot{background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border:1px solid rgba(245,158,11,.2)!important}.service-ip-binding-hotspot{background:rgba(16,185,129,.1)!important;color:#10b981!important;border:1px solid rgba(16,185,129,.2)!important}.service-default{background:rgba(139,92,246,.1)!important;color:#8b5cf6!important;border:1px solid rgba(139,92,246,.2)!important}.customer-sort-btn{display:flex!important;align-items:center!important;gap:.5rem!important;background:none!important;border:none!important;color:var(--customer-text-secondary)!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;padding:.5rem!important;border-radius:6px!important;transition:all .2s ease!important;width:100%!important;text-align:left!important;justify-content:flex-start!important}.customer-sort-btn:hover{background:var(--customer-bg-hover)!important;color:var(--customer-primary)!important;transform:translateY(-1px)!important}.customer-sort-btn:active{transform:translateY(0)!important}.customer-sort-btn:focus{outline:none!important;box-shadow:0 0 0 2px #8b5cf633!important}.sort-icon{color:var(--customer-text-secondary)!important;transition:all .2s ease!important;opacity:.6!important}.sort-icon.sort-asc,.sort-icon.sort-desc,.customer-sort-btn:hover .sort-icon{color:var(--customer-primary)!important;opacity:1!important}@media (max-width: 1024px){.customer-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.customer-stat-info{width:100%!important}.customer-filters-container{flex-direction:column!important;gap:1rem!important}.customer-filter-group{min-width:auto!important;width:100%!important}.customer-clear-filters-btn{margin-left:0!important;align-self:flex-start!important}}@media (max-width: 768px){.customer-header{flex-direction:column!important;gap:1rem!important;align-items:flex-start!important;padding:1.5rem!important}.customer-header-content h1{font-size:1.5rem!important}.customer-header-content p{font-size:.875rem!important}.customer-add-btn{width:100%!important;justify-content:center!important}.customer-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.customer-stat-card{padding:.75rem!important;min-height:120px!important}.customer-stat-icon{width:36px!important;height:36px!important}.customer-stat-icon svg{width:18px!important;height:18px!important}.customer-stat-info{width:100%!important}.customer-stat-info h3{font-size:.7rem!important}.customer-stat-number{font-size:1.25rem!important}.customer-stat-label{font-size:.65rem!important}.customer-table-header{flex-direction:column!important;gap:1rem!important;align-items:flex-start!important}.customer-table-actions{width:100%!important;justify-content:space-between!important}.customer-items-per-page-section{flex-direction:column!important;gap:1rem!important;align-items:flex-start!important}.customer-search-wrapper,.customer-search-input{width:100%!important}.customer-table{font-size:.75rem!important}.customer-table th,.customer-table td{padding:.5rem!important}.customer-sort-btn{font-size:.75rem!important;padding:.375rem!important;gap:.25rem!important}.sort-icon{width:14px!important;height:14px!important}.customer-pagination-section{flex-direction:column!important;gap:1rem!important;align-items:flex-start!important}.customer-pagination-controls{width:100%!important;justify-content:center!important}}@media (max-width: 480px){.customer-header{padding:1rem!important}.customer-header-content h1{font-size:1.25rem!important}.customer-header-content p{font-size:.8rem!important}.customer-add-btn{padding:.5rem 1rem!important;font-size:.8rem!important}.customer-add-btn svg{width:16px!important;height:16px!important}.customer-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.customer-stat-card{padding:.5rem!important;min-height:100px!important}.customer-stat-icon{width:32px!important;height:32px!important}.customer-stat-icon svg{width:16px!important;height:16px!important}.customer-stat-info{width:100%!important}.customer-stat-info h3{font-size:.65rem!important}.customer-stat-number{font-size:1.125rem!important}.customer-stat-label{font-size:.6rem!important}.customer-filters-container{padding:1rem!important}.customer-filter-select,.customer-clear-filters-btn{font-size:.8rem!important}.customer-items-per-page-section{padding:1rem!important}.customer-search-input{font-size:.8rem!important}.customer-table{font-size:.7rem!important}.customer-table th,.customer-table td{padding:.375rem!important}.customer-sort-btn{font-size:.7rem!important;padding:.25rem!important;gap:.2rem!important}.sort-icon{width:12px!important;height:12px!important}.customer-action-btn{width:28px!important;height:28px!important}.customer-pagination-section{padding:1rem!important}.customer-pagination-btn{font-size:.8rem!important;padding:.375rem .75rem!important}.customer-pagination-page{width:32px!important;height:32px!important;font-size:.8rem!important}}@media (max-width: 320px){.customer-stats-grid{grid-template-columns:1fr!important;gap:.5rem!important}.customer-stat-card{padding:.5rem!important;min-height:90px!important}.customer-stat-icon{width:28px!important;height:28px!important}.customer-stat-icon svg{width:14px!important;height:14px!important}.customer-stat-info h3{font-size:.6rem!important}.customer-stat-number{font-size:1rem!important}.customer-stat-label{font-size:.55rem!important}}@media (prefers-color-scheme: dark){:root{--customer-bg: #0f0a1a !important;--customer-bg-secondary: rgba(139, 92, 246, .05) !important;--customer-bg-card: rgba(139, 92, 246, .08) !important;--customer-bg-hover: rgba(139, 92, 246, .12) !important;--customer-text: #e2e8f0 !important;--customer-text-secondary: #94a3b8 !important;--customer-border: rgba(139, 92, 246, .2) !important;--customer-border-light: rgba(139, 92, 246, .1) !important}}@media (prefers-reduced-motion: reduce){.customer-action-btn,.customer-filter-btn,.customer-refresh-btn,.customer-clear-filters-btn,.customer-clear-search-btn,.customer-pagination-btn,.customer-pagination-page{transition:none!important}}@media (prefers-contrast: high){:root{--customer-border: #8b5cf6 !important;--customer-text-secondary: #e2e8f0 !important;--customer-text-tertiary: #e2e8f0 !important}}.customer-delete-confirmation{padding:1rem 0!important}.customer-delete-confirmation p{margin:0 0 1rem!important;color:var(--customer-text)!important;font-size:.875rem!important;line-height:1.6!important}.customer-delete-confirmation p:last-of-type{margin-bottom:1.5rem!important}.customer-delete-warning{color:var(--customer-warning)!important;font-weight:500!important;background:rgba(245,158,11,.1)!important;padding:.75rem!important;border-radius:6px!important;border:1px solid rgba(245,158,11,.2)!important;margin:1rem 0!important}.customer-delete-actions{display:flex!important;gap:1rem!important;justify-content:flex-end!important;align-items:center!important;margin-top:1.5rem!important}.customer-delete-cancel{display:flex!important;align-items:center!important;justify-content:center!important;padding:.75rem 1.5rem!important;background:var(--customer-bg-card)!important;color:var(--customer-text)!important;border:1px solid var(--customer-border-light)!important;border-radius:8px!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;min-width:100px!important;box-shadow:var(--customer-shadow)!important}.customer-delete-cancel:hover{background:var(--customer-bg-hover)!important;border-color:var(--customer-primary)!important;transform:translateY(-1px)!important;box-shadow:var(--customer-shadow-hover)!important}.customer-delete-cancel:active{transform:translateY(0)!important}.customer-delete-confirm{display:flex!important;align-items:center!important;justify-content:center!important;padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;min-width:100px!important;box-shadow:var(--customer-shadow)!important;position:relative!important;overflow:hidden!important}.customer-delete-confirm:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;transform:translateY(-1px)!important;box-shadow:var(--customer-shadow-hover)!important}.customer-delete-confirm:active{transform:translateY(0)!important}.customer-delete-confirm:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.customer-delete-confirm.loading{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)!important;cursor:not-allowed!important}.customer-delete-confirm.loading:after{content:""!important;position:absolute!important;width:16px!important;height:16px!important;border:2px solid transparent!important;border-top:2px solid white!important;border-radius:50%!important;animation:customer-spin 1s linear infinite!important;margin-left:.5rem!important}@media (max-width: 480px){.customer-delete-actions{flex-direction:column!important;gap:.75rem!important}.customer-delete-cancel,.customer-delete-confirm{width:100%!important;min-width:auto!important;padding:.875rem 1rem!important}}.customer-bulk-select-checkbox{width:16px;height:16px;margin-right:8px;cursor:pointer;accent-color:var(--customer-primary);border:2px solid var(--customer-border);border-radius:3px;background-color:var(--customer-bg);transition:all .2s ease}.customer-bulk-select-checkbox:checked{background-color:var(--customer-primary);border-color:var(--customer-primary)}.customer-bulk-select-checkbox:disabled{opacity:.5;cursor:not-allowed}.customer-bulk-select-checkbox:hover:not(:disabled){border-color:var(--customer-primary);transform:scale(1.05)}.customer-bulk-actions-section{background:linear-gradient(135deg,var(--customer-primary-light),var(--customer-primary));border:1px solid var(--customer-primary);border-radius:8px;padding:12px 16px;margin:16px 0;box-shadow:0 2px 8px #0000001a;animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.customer-bulk-actions-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.customer-bulk-actions-container span{color:var(--customer-text-light);font-weight:500;font-size:14px;margin-right:auto}.customer-bulk-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;background:var(--customer-bg);color:var(--customer-text);border:1px solid var(--customer-border);min-width:fit-content}.customer-bulk-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.customer-bulk-action-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.customer-bulk-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.customer-bulk-action-btn:nth-child(2){background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626}.customer-bulk-action-btn:nth-child(2):hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.customer-bulk-action-btn:nth-child(3){background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#d97706}.customer-bulk-action-btn:nth-child(3):hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.customer-bulk-action-btn:nth-child(4){background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669}.customer-bulk-action-btn:nth-child(4):hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.customer-bulk-action-btn:nth-child(5){background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border-color:#4b5563}.customer-bulk-action-btn:nth-child(5):hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151)}@media (max-width: 768px){.customer-bulk-actions-container{flex-direction:column;align-items:stretch;gap:8px}.customer-bulk-actions-container span{margin-right:0;margin-bottom:8px;text-align:center}.customer-bulk-action-btn{justify-content:center;padding:10px 12px}}@media (max-width: 480px){.customer-bulk-actions-section{padding:10px 12px;margin:12px 0}.customer-bulk-action-btn{font-size:12px;padding:8px 10px}.customer-bulk-action-btn svg{width:14px;height:14px}}.customer-selection-mode-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--customer-border);border-radius:6px;background:var(--customer-bg);color:var(--customer-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.customer-selection-mode-btn:hover:not(:disabled){background:var(--customer-primary-light);border-color:var(--customer-primary);color:var(--customer-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.customer-selection-mode-btn.active{background:linear-gradient(135deg,var(--customer-primary),var(--customer-primary-dark));color:#fff;border-color:var(--customer-primary);box-shadow:0 2px 8px #00000026}.customer-selection-mode-btn.active:hover:not(:disabled){background:linear-gradient(135deg,var(--customer-primary-dark),var(--customer-primary));transform:translateY(-1px);box-shadow:0 4px 12px #0003}.customer-selection-mode-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.customer-selection-mode-btn{padding:6px 10px;font-size:12px}.customer-selection-mode-btn svg{width:12px;height:12px}}@media (max-width: 480px){.customer-selection-mode-btn{padding:5px 8px;font-size:11px}.customer-selection-mode-btn svg{width:11px;height:11px}}.mikrotik-container{max-width:1400px;margin:0 auto;padding:2rem}.mikrotik-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,rgba(79,70,229,.1),rgba(124,58,237,.05));border:1px solid rgba(79,70,229,.2);border-radius:1rem;box-shadow:0 4px 20px #4f46e51a}.mikrotik-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;box-shadow:0 3px 12px #4f46e54d}.mikrotik-back-btn svg{flex-shrink:0}.mikrotik-back-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)}.mikrotik-back-btn span{font-size:1.2rem}.mikrotik-title h2{margin:0;color:#fff;font-size:1.875rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.mikrotik-title h2 svg{color:#a78bfa;flex-shrink:0}.mikrotik-title p{margin:.5rem 0 0;color:#d1d5db;font-size:1rem}.mikrotik-add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;box-shadow:0 3px 12px #10b9814d;position:relative;overflow:hidden}.mikrotik-add-btn svg{flex-shrink:0}.mikrotik-add-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.mikrotik-add-btn:hover:before{left:100%}.mikrotik-add-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.mikrotik-add-btn:active{transform:scale(.98)}.mikrotik-empty{text-align:center;padding:4rem 2rem;background:rgba(255,255,255,.02);border:2px dashed rgba(255,255,255,.1);border-radius:1rem;margin:2rem 0}.mikrotik-empty:hover{border-color:#fff3;background:rgba(255,255,255,.04)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5;animation:pulse 2s infinite;display:flex;align-items:center;justify-content:center}.empty-icon svg{color:#a78bfa;opacity:.7}.mikrotik-empty h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .5rem}.mikrotik-empty p{color:#94a3b8;margin:0 0 2rem}.mikrotik-empty .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;box-shadow:0 3px 12px #4f46e54d;position:relative;overflow:hidden}.mikrotik-empty .btn-primary svg{flex-shrink:0}.mikrotik-empty .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.mikrotik-empty .btn-primary:hover:before{left:100%}.mikrotik-empty .btn-primary:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)}.mikrotik-empty .btn-primary:active{transform:scale(.98)}.mikrotik-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.mikrotik-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 16px #0003;position:relative;overflow:hidden}.mikrotik-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e5,#7c3aed,#8b5cf6);opacity:0}.mikrotik-card:hover:before{opacity:1}.mikrotik-card:hover{border-color:#ffffff26;box-shadow:0 8px 32px #0000004d}.mikrotik-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.mikrotik-info h3{margin:0 0 .25rem;color:#fff;font-size:1.25rem;font-weight:600}.mikrotik-card:hover .mikrotik-info h3{color:#a78bfa}.mikrotik-host{color:#94a3b8;font-size:.875rem;font-family:Courier New,monospace;margin:0}.mikrotik-card:hover .mikrotik-host{color:#cbd5e1}.mikrotik-status{display:flex;align-items:center;gap:.5rem}.status-badge{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.status-badge svg{flex-shrink:0}.status-badge.active{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3);animation:glow 2s ease-in-out infinite alternate}.status-badge.inactive{background:rgba(156,163,175,.2);color:#9ca3af;border:1px solid rgba(156,163,175,.3)}@keyframes glow{0%{box-shadow:0 0 5px #22c55e4d}to{box-shadow:0 0 15px #22c55e99}}.mikrotik-details{margin:1rem 0}.detail-label{font-size:.875rem;color:#94a3b8;font-weight:500;display:flex;align-items:center;gap:.5rem}.detail-label svg{color:#a78bfa;flex-shrink:0}.detail-value{font-size:.875rem;color:#fff;font-weight:600;font-family:Courier New,monospace}.mikrotik-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.mikrotik-actions button{flex:1;min-width:80px;padding:.5rem .75rem;border:none;border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem}.mikrotik-actions button svg{flex-shrink:0}.mikrotik-actions button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.mikrotik-actions button:hover:before{left:100%}.btn-test{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.btn-test:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#ea580c)}.btn-test.testing{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff;cursor:not-allowed}.btn-test:active:not(:disabled){transform:scale(.98)}.btn-toggle.activate{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-toggle.activate:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-toggle.deactivate{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-toggle.deactivate:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-toggle:active{transform:scale(.98)}.btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-edit:active{transform:scale(.98)}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-delete:active{transform:scale(.98)}.mikrotik-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.mikrotik-modal{background:rgba(30,41,59,.95);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.mikrotik-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mikrotik-modal-header h3{margin:0;color:#fff;font-size:1.5rem;font-weight:700}.mikrotik-modal-header button{background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.mikrotik-modal-header button:hover{background:rgba(255,255,255,.1);color:#fff}.mikrotik-modal-header button:active{transform:scale(.95)}.mikrotik-form{display:flex;flex-direction:column;gap:1.5rem}.mikrotik-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mikrotik-form .form-group{display:flex;flex-direction:column;gap:.5rem}.mikrotik-form .form-group label{font-size:.875rem;font-weight:600;color:#e2e8f0;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.mikrotik-form .form-group label svg{color:#a78bfa;flex-shrink:0}.mikrotik-form .form-group:focus-within label{color:#a78bfa}.mikrotik-form .form-group input,.mikrotik-form .form-group select{padding:.75rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.875rem}.mikrotik-form .form-group input:focus,.mikrotik-form .form-group select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;background:rgba(255,255,255,.08)}.mikrotik-form .form-group input::placeholder{color:#64748b}.mikrotik-form .form-group input:focus::placeholder{color:#94a3b8}.mikrotik-form .form-help{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.mikrotik-form .form-group:focus-within .form-help{color:#a78bfa}.mikrotik-form .form-group textarea{padding:.75rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.875rem;resize:vertical;min-height:100px}.checkbox-group{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;accent-color:#7c3aed}.checkbox-group label{font-size:.875rem;color:#e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-group:hover label{color:#a78bfa}.mikrotik-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.mikrotik-form .btn-cancel{padding:.75rem 1.5rem;background:rgba(156,163,175,.1);color:#9ca3af;border:1px solid rgba(156,163,175,.2);border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem}.mikrotik-form .btn-cancel svg{flex-shrink:0}.mikrotik-form .btn-cancel:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.mikrotik-form .btn-cancel:hover:before{left:100%}.mikrotik-form .btn-cancel:hover{background:rgba(156,163,175,.2);border-color:#9ca3af4d;color:#d1d5db}.mikrotik-form .btn-cancel:active{transform:scale(.98)}.mikrotik-form .btn-save{padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 3px 12px #10b9814d;position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem}.mikrotik-form .btn-save svg{flex-shrink:0}.mikrotik-form .btn-save:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.mikrotik-form .btn-save:hover:before{left:100%}.mikrotik-form .btn-save:hover{background:linear-gradient(135deg,#059669,#047857)}.mikrotik-form .btn-save:active{transform:scale(.98)}.mikrotik-form .btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.mikrotik-form .btn-save:disabled:hover{transform:none!important;background:linear-gradient(135deg,#10b981,#059669)}.mikrotik-form .btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-delete:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-delete:disabled:hover{transform:none!important}.btn-save.loading:after,.btn-delete.loading:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem;display:inline-block}.mikrotik-form .form-group label svg,.detail-label svg,.mikrotik-actions button svg,.mikrotik-form .btn-cancel svg,.mikrotik-form .btn-save svg,.mikrotik-back-btn svg,.mikrotik-add-btn svg,.mikrotik-empty .btn-primary svg{transition:all .2s ease-in-out}.mikrotik-form .form-group:focus-within label svg{color:#7c3aed;transform:scale(1.1)}.mikrotik-card:hover .detail-label svg{color:#7c3aed;transform:scale(1.05)}.mikrotik-actions button:hover svg{transform:scale(1.1)}.mikrotik-form .btn-cancel:hover svg{transform:scale(1.1)}.mikrotik-form .btn-save:hover svg{transform:scale(1.1)}.mikrotik-back-btn:hover svg{transform:translate(-2px)}.mikrotik-add-btn:hover svg{transform:scale(1.1)}.mikrotik-empty .btn-primary:hover svg{transform:scale(1.1)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s infinite}@media (max-width: 768px){.mikrotik-header{flex-direction:column;align-items:flex-start;gap:1rem}.mikrotik-grid{grid-template-columns:1fr}.mikrotik-modal{margin:1rem;padding:1.5rem}.mikrotik-modal-overlay{padding:.5rem}.mikrotik-modal-header{flex-direction:column;gap:1rem;align-items:flex-start}.mikrotik-modal-header h3{font-size:1.25rem}.mikrotik-title h2 svg{width:20px;height:20px}.mikrotik-modal-header button{align-self:flex-end}.mikrotik-form{gap:1rem}.mikrotik-form .form-row{grid-template-columns:1fr}.mikrotik-form .form-group{margin-bottom:0}.mikrotik-form .form-group input,.mikrotik-form .form-group select{padding:.625rem .875rem;font-size:.875rem}.mikrotik-form .form-group input:focus,.mikrotik-form .form-group select:focus{box-shadow:0 0 0 2px #7c3aed1a}.mikrotik-form .form-group textarea{padding:.625rem .875rem;font-size:.875rem}.mikrotik-form .form-help{font-size:.75rem}.mikrotik-form .form-actions{flex-direction:column;gap:.75rem}.mikrotik-form .form-actions button{width:100%}.mikrotik-form .btn-cancel{order:2}.mikrotik-form .btn-save{order:1}.mikrotik-actions{flex-direction:column}.mikrotik-actions button{width:100%}.mikrotik-form .form-group label{font-size:.875rem}.mikrotik-form .form-group label svg{width:14px;height:14px}.detail-label svg{width:12px;height:12px}.mikrotik-actions button svg{width:14px;height:14px}}@media (max-width: 480px){.mikrotik-modal{margin:.5rem;padding:1rem}.mikrotik-modal-overlay{padding:.25rem}.mikrotik-modal-header{margin-bottom:1.5rem;padding-bottom:.75rem}.mikrotik-modal-header h3{font-size:1.125rem}.mikrotik-modal-header button{font-size:1.25rem;padding:.375rem}.mikrotik-form,.mikrotik-form .form-row{gap:.75rem}.mikrotik-form .form-group{gap:.375rem}.mikrotik-form .form-group label{font-size:.875rem}.mikrotik-form .form-group input,.mikrotik-form .form-group select,.mikrotik-form .form-group textarea{padding:.5rem .75rem;font-size:.875rem}.mikrotik-form .form-help{font-size:.75rem}.mikrotik-form .form-actions{gap:.5rem;margin-top:.75rem;padding-top:1rem}.mikrotik-form .form-actions button{padding:.625rem 1rem;font-size:.875rem}.mikrotik-title h2 svg{width:18px;height:18px}.mikrotik-form .form-group label svg{width:12px;height:12px}.detail-label svg{width:10px;height:10px}.mikrotik-actions button svg{width:12px;height:12px}}.genieacs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#1a1a2e;border:1px solid #333;border-radius:1rem;box-shadow:0 4px 16px #0000004d}.genieacs-back-btn{margin-right:1rem;padding:.5rem 1.2rem;background:#4a5568;color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 2px 8px #0003;display:inline-flex;align-items:center;gap:.5rem}.genieacs-title h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#fff}.genieacs-title p{font-size:.875rem;color:#94a3b8;margin:0}.genieacs-header-actions{display:flex;gap:.75rem;align-items:center}.genieacs-devices-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #10b9814d;transition:all .2s ease;justify-content:center}.genieacs-devices-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.genieacs-add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #8b5cf64d;transition:all .2s ease;justify-content:center}.genieacs-add-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.test-result-note{font-style:italic;opacity:.8}.genieacs-empty{text-align:center;padding:4rem 2rem;background:#1a1a2e;border:2px dashed #333;border-radius:1rem;margin:2rem 0}.genieacs-empty h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem}.genieacs-empty p{color:#94a3b8;margin:0 0 2rem}.genieacs-empty .btn-primary{padding:.75rem 1.5rem;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer}.genieacs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.genieacs-card{background:#1a1a2e;border:1px solid #333;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 16px #0000004d;position:relative}.genieacs-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#8b5cf6}.genieacs-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.genieacs-info h3{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .25rem}.genieacs-url{font-size:.875rem;color:#94a3b8;margin:0;background:#2a2a3e;padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.genieacs-status{display:flex;gap:.5rem;align-items:center}.connection-badge{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.genieacs-details{margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #333}.genieacs-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.genieacs-actions button{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:pointer;min-width:80px;width:auto;flex:none;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;justify-content:center}.test-result{padding:1.5rem;border-radius:.75rem;margin-bottom:1rem}.test-result.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3)}.test-result.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.test-status{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.test-icon{display:flex;align-items:center;justify-content:center}.test-icon.success{color:#4ade80}.test-icon.error{color:#f87171}.test-message{font-size:1rem;font-weight:600;color:#fff}.test-info{margin-top:1rem}.test-info h4{font-size:.875rem;font-weight:600;color:#94a3b8;margin:0 0 .5rem}.test-error{margin-top:1rem}.test-error h4{font-size:.875rem;font-weight:600;color:#f87171;margin:0 0 .5rem}.error-details{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:1rem}.error-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(239,68,68,.2)}.error-item:last-child{border-bottom:none}.error-label{font-size:.875rem;color:#94a3b8;font-weight:500}.error-value{font-size:.875rem;color:#f87171;font-weight:600}.genieacs-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.genieacs-form .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}.genieacs-form .form-group{display:flex;flex-direction:column;gap:.75rem;position:relative}.genieacs-form .form-group label{font-size:.9rem;font-weight:600;color:#e2e8f0;margin-bottom:.25rem;letter-spacing:.025em}.genieacs-form .form-group input,.genieacs-form .form-group select,.genieacs-form .form-group textarea{padding:.875rem 1rem;background:#2a2a3e;border:1px solid #444;border-radius:.5rem;color:#fff;font-size:.9rem;width:100%;box-sizing:border-box;font-family:inherit;letter-spacing:.025em}.genieacs-form .form-group input:focus,.genieacs-form .form-group select:focus,.genieacs-form .form-group textarea:focus{outline:none;border-color:#8b5cf6;background:#2d1b69}.genieacs-form .form-group input::placeholder{color:#888}.genieacs-form .form-help{font-size:.75rem;color:#94a3b8;margin-top:.25rem;font-style:italic;opacity:.8}.genieacs-form .form-group textarea{resize:vertical;min-height:80px;line-height:1.5}.checkbox-group{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.checkbox-group input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:#4f46e5;cursor:pointer;margin:0}.checkbox-group label{font-size:.9rem;color:#e2e8f0;cursor:pointer;margin:0;font-weight:500}.genieacs-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #333}.genieacs-form .btn-cancel{padding:.875rem 2rem;background:#444;color:#ccc;border:1px solid #555;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;width:auto;flex:none;min-width:100px}.genieacs-form .btn-save{padding:.875rem 2rem;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;width:auto;flex:none;min-width:100px}@media (max-width: 1024px){.genieacs-grid{grid-template-columns:1fr 1fr}.genieacs-form .form-row{grid-template-columns:1fr;gap:1rem}.coordinates-display{grid-template-columns:1fr}}@media (max-width: 768px){.genieacs-header{flex-direction:column;gap:1rem;text-align:center}.genieacs-header-actions{flex-direction:column;width:100%;gap:.5rem}.genieacs-devices-btn,.genieacs-add-btn{width:100%;justify-content:center}.genieacs-grid{grid-template-columns:1fr}.genieacs-form{gap:1rem}.genieacs-form .form-row{grid-template-columns:1fr}.genieacs-form .form-group{width:100%}.genieacs-form .form-group label{font-size:.875rem}.genieacs-form .form-group input,.genieacs-form .form-group select,.genieacs-form .form-group textarea{font-size:.875rem;padding:.75rem}.genieacs-form .form-group textarea{min-height:80px}.genieacs-form .form-actions{flex-direction:column;gap:.75rem}.genieacs-form .form-actions button{width:100%;padding:.875rem;font-size:.9rem}.genieacs-form .btn-cancel{order:2}.genieacs-form .btn-save{order:1}.genieacs-actions{flex-wrap:wrap;gap:.5rem}.genieacs-actions button{flex:1;min-width:120px;font-size:.8rem;padding:.5rem .75rem}.test-result-alert{flex-direction:column;text-align:center}.test-result-content{width:100%}}@media (max-width: 480px){.genieacs-form{gap:.75rem}.genieacs-form .form-row{flex-direction:column}.genieacs-form .form-group{width:100%}.genieacs-form .form-group label{font-size:.8rem}.genieacs-form .form-group input,.genieacs-form .form-group select,.genieacs-form .form-group textarea{font-size:.8rem;padding:.625rem}.genieacs-form .form-group textarea{min-height:60px}.genieacs-form .form-actions{flex-direction:column;gap:.5rem}.genieacs-form .form-actions button{width:100%;padding:.75rem;font-size:.85rem}}.location-controls{display:flex;gap:.75rem;margin-bottom:1rem}.btn-location,.btn-clear-location{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem}.btn-location{background:#10b981;color:#fff}.btn-clear-location{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.map-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:.75rem;margin-bottom:1rem}.map-error p{color:#ef4444;margin:0;font-size:.875rem}.coordinates-display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.coordinate-input input{padding:.75rem;background:#2a2a3e;border:1px solid #444;border-radius:.5rem;color:#fff;font-size:.875rem}.coordinate-input input:focus{outline:none;border-color:#8b5cf6;background:#2d1b69}.map-container{position:relative;border:1px solid #333;border-radius:.75rem;overflow:hidden;background:#1a1a2e}.olt-map{width:100%;height:300px;border-radius:.75rem;position:relative}.map-instructions{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);color:#e2e8f0;padding:.75rem;font-size:.875rem;text-align:center}.map-instructions p{margin:0;opacity:.9}.search-container{position:relative;width:100%}.search-input{width:100%;padding:.75rem 1rem;background:#2a2a3e;border:1px solid #444;border-radius:.5rem;color:#fff;font-size:.875rem}.search-input::placeholder{color:#888;opacity:.7}.search-input:focus{outline:none;border-color:#8b5cf6;background:#2d1b69}@media (max-width: 768px){.location-controls{flex-direction:column;gap:.5rem}.coordinates-display{grid-template-columns:1fr;gap:.75rem}.btn-location,.btn-clear-location{width:100%;justify-content:center}.olt-map{height:250px}}@media (max-width: 480px){.location-controls{flex-direction:column;gap:.375rem}.btn-location,.btn-clear-location{width:100%;padding:.5rem .75rem;font-size:.75rem}.coordinate-input input{padding:.5rem .625rem;font-size:.75rem}.olt-map{height:200px}.map-instructions{padding:.5rem}}:root{--genieacs-primary: #8b5cf6;--genieacs-primary-light: #a78bfa;--genieacs-primary-dark: #7c3aed;--genieacs-secondary: #6366f1;--genieacs-accent: #ec4899;--genieacs-bg: #0f0a1a;--genieacs-bg-secondary: rgba(139, 92, 246, .05);--genieacs-bg-card: rgba(139, 92, 246, .08);--genieacs-bg-hover: rgba(139, 92, 246, .12);--genieacs-text: #e2e8f0;--genieacs-text-secondary: #94a3b8;--genieacs-border: rgba(139, 92, 246, .2);--genieacs-border-light: rgba(139, 92, 246, .1);--genieacs-shadow: 0 4px 20px rgba(139, 92, 246, .15);--genieacs-shadow-hover: 0 8px 30px rgba(139, 92, 246, .25);--genieacs-glow: 0 0 20px rgba(139, 92, 246, .3);--genieacs-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--genieacs-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%)}.genieacs-container{padding:2rem;max-width:1400px;margin:0 auto}.genieacs-admin-welcome-section{margin-bottom:2rem}.genieacs-admin-welcome-card{background:var(--genieacs-gradient-subtle);border:1px solid var(--genieacs-border-light);border-radius:16px;padding:2rem;color:var(--genieacs-text);box-shadow:var(--genieacs-shadow)}.genieacs-admin-welcome-header{display:flex;align-items:center;gap:1.5rem;position:relative}.genieacs-admin-welcome-icon{width:60px;height:60px;background:var(--genieacs-gradient);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--genieacs-glow);color:#fff}.genieacs-admin-welcome-icon svg{color:#fff;stroke-width:2}.genieacs-admin-welcome-text h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:var(--genieacs-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.genieacs-admin-welcome-text p{color:var(--genieacs-text-secondary);font-size:1rem;line-height:1.6;margin:0}.genieacs-server-selection{margin-bottom:2rem}.genieacs-server-selector{display:flex;flex-direction:column;gap:.5rem;max-width:500px}.genieacs-server-selector label{font-weight:600;color:var(--genieacs-text);font-size:.9rem}.genieacs-server-select{padding:.75rem 1rem;background:var(--genieacs-bg-card);border:1px solid var(--genieacs-border-light);border-radius:8px;color:var(--genieacs-text);font-size:.9rem;transition:all .3s ease;cursor:pointer}.genieacs-server-select:focus{outline:none;border-color:var(--genieacs-primary);box-shadow:0 0 0 3px #8b5cf61a}.genieacs-admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}@media (min-width: 1200px){.genieacs-admin-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.genieacs-admin-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 480px) and (max-width: 767px){.genieacs-admin-stats-grid{grid-template-columns:repeat(2,1fr)}}.genieacs-admin-stat-card{background:var(--genieacs-bg-card);border:1px solid var(--genieacs-border-light);border-radius:12px;padding:1.25rem;position:relative;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;min-height:140px;display:flex;flex-direction:column;justify-content:center}.genieacs-admin-stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .5s ease}.genieacs-admin-stat-card:hover{transform:translateY(-2px);box-shadow:var(--genieacs-shadow-hover);border-color:var(--genieacs-border)}.genieacs-admin-stat-card:hover:before{left:100%}.genieacs-admin-stat-icon{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;z-index:2;box-shadow:0 4px 12px #8b5cf633;margin:0 auto .75rem;flex-shrink:0}.genieacs-admin-stat-icon.total{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}.genieacs-admin-stat-icon.active{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.genieacs-admin-stat-icon.offline{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.genieacs-admin-stat-icon.pppoe{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.genieacs-admin-stat-icon.dhcp{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.genieacs-admin-stat-icon.static{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.genieacs-admin-stat-icon.unknown{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.genieacs-admin-stat-info{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center}.genieacs-admin-stat-info h3{margin:0 0 .4rem;font-size:.75rem;font-weight:600;color:var(--genieacs-text-secondary);text-transform:uppercase;letter-spacing:.5px}.genieacs-admin-stat-number{margin:0 0 .2rem;font-size:1.5rem;font-weight:700;color:var(--genieacs-text);line-height:1}.genieacs-admin-stat-label{font-size:.65rem;color:var(--genieacs-text-secondary);font-weight:500}.genieacs-filters-section{background:var(--genieacs-bg-card);border:1px solid var(--genieacs-border-light);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--genieacs-shadow)}.genieacs-search-form{margin-bottom:1rem}.genieacs-search-container{display:flex;gap:.75rem;align-items:center}.genieacs-search-input{flex:1;padding:.75rem 1rem;background:var(--genieacs-bg);border:1px solid var(--genieacs-border-light);border-radius:8px;color:var(--genieacs-text);font-size:.9rem;transition:all .3s ease}.genieacs-search-input:focus{outline:none;border-color:var(--genieacs-primary);box-shadow:0 0 0 3px #8b5cf61a}.genieacs-btn-search{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--genieacs-gradient);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--genieacs-shadow)}.genieacs-btn-search:hover{transform:translateY(-2px);box-shadow:var(--genieacs-shadow-hover)}.genieacs-filter-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.genieacs-filter-group{display:flex;flex-direction:column;gap:.25rem}.genieacs-filter-group label{font-size:.8rem;font-weight:600;color:var(--genieacs-text-secondary)}.genieacs-filter-select{padding:.5rem .75rem;background:var(--genieacs-bg);border:1px solid var(--genieacs-border-light);border-radius:6px;color:var(--genieacs-text);font-size:.85rem;cursor:pointer;transition:all .3s ease}.genieacs-filter-select:focus{outline:none;border-color:var(--genieacs-primary)}.genieacs-btn-clear-filters{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--genieacs-bg);border:1px solid var(--genieacs-border-light);border-radius:6px;color:var(--genieacs-text-secondary);font-size:.85rem;cursor:pointer;transition:all .3s ease}.genieacs-btn-clear-filters:hover{background:var(--genieacs-bg-hover);border-color:var(--genieacs-primary);color:var(--genieacs-text)}.genieacs-devices-section{background:var(--genieacs-bg-card);border:1px solid var(--genieacs-border-light);border-radius:12px;padding:1.5rem;box-shadow:var(--genieacs-shadow)}.genieacs-devices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.genieacs-devices-header-info h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--genieacs-text)}.genieacs-devices-count-info{font-size:.875rem;color:var(--genieacs-text-secondary)}.genieacs-page-indicator{margin-left:.5rem;color:var(--genieacs-primary)}.genieacs-devices-header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.genieacs-btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--genieacs-primary);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--genieacs-shadow)}.genieacs-btn-refresh:hover:not(:disabled){background:var(--genieacs-primary-dark);transform:translateY(-2px);box-shadow:var(--genieacs-shadow-hover)}.genieacs-btn-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none}.genieacs-btn-refresh-all{background:#10b981}.genieacs-btn-refresh-all:hover:not(:disabled){background:#059669}.genieacs-btn-refresh-disabled{background:#6c757d!important}.genieacs-spinner{animation:genieacs-spin 1s linear infinite}@keyframes genieacs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.genieacs-table-wrapper{background:var(--genieacs-bg);border:1px solid var(--genieacs-border-light);border-radius:8px;overflow:hidden;position:relative;box-shadow:var(--genieacs-shadow)}.genieacs-table-container{overflow-x:auto;max-height:600px;overflow-y:auto}.genieacs-table-container::-webkit-scrollbar{width:8px;height:8px}.genieacs-table-container::-webkit-scrollbar-track{background:var(--genieacs-bg-secondary);border-radius:4px}.genieacs-table-container::-webkit-scrollbar-thumb{background:var(--genieacs-border);border-radius:4px}.genieacs-table-container::-webkit-scrollbar-thumb:hover{background:var(--genieacs-primary)}.genieacs-devices-table{width:100%;border-collapse:collapse;font-size:.875rem}.genieacs-devices-table thead{background:rgba(139,92,246,.08);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--genieacs-border-light)}.genieacs-devices-table th{padding:1rem;text-align:left;font-weight:600;color:var(--genieacs-text);border-bottom:2px solid var(--genieacs-border-light);position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(139,92,246,.05)}.genieacs-devices-table tbody tr{border-bottom:1px solid var(--genieacs-border-light);transition:all .2s ease}.genieacs-devices-table tbody tr:nth-child(2n){background:var(--genieacs-bg-secondary)}.genieacs-devices-table tbody tr:hover{background:var(--genieacs-bg-hover);transform:scale(1.001);box-shadow:var(--genieacs-shadow)}.genieacs-devices-table td{padding:1rem;vertical-align:middle;color:var(--genieacs-text);font-size:.875rem}.genieacs-device-serial strong{display:block;font-size:.9rem;color:var(--genieacs-text)}.genieacs-device-serial small{font-size:.75rem;color:var(--genieacs-text-secondary)}.genieacs-device-model div{font-weight:600;color:var(--genieacs-text)}.genieacs-device-model small{font-size:.75rem;color:var(--genieacs-text-secondary)}.genieacs-status-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;max-width:120px;min-width:60px;white-space:nowrap;text-align:center;box-sizing:border-box}.genieacs-status-online{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 2px 8px #10b9814d}.genieacs-status-offline{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 2px 8px #ef44444d}.genieacs-status-recent{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.genieacs-status-unknown{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff;box-shadow:0 2px 8px #6b72804d}.genieacs-connection-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;max-width:120px;min-width:60px;white-space:nowrap;text-align:center;box-sizing:border-box}.genieacs-connection-pppoe{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;box-shadow:0 2px 8px #3b82f64d}.genieacs-connection-dhcp{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 2px 8px #10b9814d}.genieacs-connection-static{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.genieacs-connection-unknown{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff;box-shadow:0 2px 8px #6b72804d}.genieacs-table-actions{display:flex;gap:.5rem;justify-content:center}.genieacs-action-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:var(--genieacs-shadow)}.genieacs-action-btn.primary{background:var(--genieacs-gradient);color:#fff}.genieacs-action-btn.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.genieacs-action-btn:hover{transform:translateY(-1px);box-shadow:var(--genieacs-shadow-hover)}.genieacs-action-btn.primary:hover{background:var(--genieacs-primary-dark)}.genieacs-action-btn.success:hover{background:#059669}.genieacs-action-btn svg{width:12px;height:12px}.genieacs-table-performance{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(139,92,246,.06);border-bottom:1px solid var(--genieacs-border-light);font-size:.75rem;color:var(--genieacs-text-secondary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.genieacs-performance-dot{width:6px;height:6px;background:var(--genieacs-primary);border-radius:50%}.genieacs-table-loading{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--genieacs-bg-card);border:1px solid var(--genieacs-border-light);border-radius:12px}.genieacs-admin-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--genieacs-text-secondary)}.genieacs-admin-loading p{margin:0;font-size:.9rem}.genieacs-admin-loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid var(--genieacs-primary);border-radius:50%;animation:genieacs-spin 1s linear infinite;margin:0 auto 1rem}.genieacs-empty-state{text-align:center;padding:3rem 1rem;color:var(--genieacs-text-secondary);background:var(--genieacs-bg-card);border:1px solid var(--genieacs-border-light);border-radius:12px;margin:1rem 0}.genieacs-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.genieacs-empty-state h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--genieacs-text)}.genieacs-empty-state p{font-size:.9rem;line-height:1.5;margin:0;opacity:.8}.genieacs-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;background:var(--genieacs-bg-secondary);border-radius:8px;border:1px solid var(--genieacs-border-light)}.genieacs-btn-pagination{padding:.5rem 1rem;border:1px solid var(--genieacs-border-light);background:var(--genieacs-bg-card);color:var(--genieacs-text);border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--genieacs-shadow)}.genieacs-btn-pagination:hover:not(:disabled){background:var(--genieacs-gradient);color:#fff;border-color:var(--genieacs-primary);box-shadow:var(--genieacs-shadow-hover)}.genieacs-btn-pagination:disabled{background:var(--genieacs-bg-secondary);color:var(--genieacs-text-secondary);cursor:not-allowed}.genieacs-page-info{font-size:.875rem;color:var(--genieacs-text-secondary);font-weight:600}.genieacs-device-detail-content{max-width:100%}.genieacs-device-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--genieacs-border-light)}.genieacs-device-detail-title h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--genieacs-text);font-family:Courier New,monospace}.genieacs-device-detail-subtitle{margin:0;color:var(--genieacs-text-secondary);font-size:1rem}.genieacs-device-detail-status{display:flex;align-items:center}.genieacs-device-detail-grid{display:grid;gap:2rem}.genieacs-device-detail-section{background:var(--genieacs-bg-secondary);border-radius:8px;padding:1.5rem;border:1px solid var(--genieacs-border-light)}.genieacs-device-detail-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--genieacs-text)}.genieacs-device-detail-section-title svg{color:var(--genieacs-primary)}.genieacs-device-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.genieacs-device-detail-info-item{display:flex;flex-direction:column;gap:.25rem}.genieacs-device-detail-info-item label{font-size:.875rem;font-weight:600;color:var(--genieacs-text-secondary);text-transform:uppercase;letter-spacing:.05em}.genieacs-device-detail-info-item span{font-size:1rem;color:var(--genieacs-text);font-weight:500}.genieacs-long-id-value{font-family:Courier New,monospace;font-size:.875rem;word-break:break-all;background:var(--genieacs-bg);padding:.5rem;border-radius:4px;border:1px solid var(--genieacs-border-light)}.genieacs-temperature-value,.genieacs-rx-power-value,.genieacs-uptime-value,.genieacs-username-value,.genieacs-ssid-value{display:flex;align-items:center;gap:.5rem;font-weight:600}.genieacs-temperature-value{color:#dc2626}.genieacs-rx-power-value{color:#059669}.genieacs-uptime-value{color:#7c3aed}.genieacs-username-value{color:#3b82f6}.genieacs-ssid-value{color:#8b5cf6}.genieacs-connection-type-display{display:flex;align-items:center;gap:.5rem}.genieacs-ssids-list{display:flex;flex-direction:column;gap:.5rem}.genieacs-ssid-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:var(--genieacs-bg);border-radius:4px;border:1px solid var(--genieacs-border-light);font-size:.875rem}.genieacs-wifi-settings-section{background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(99,102,241,.08));border:1px solid rgba(139,92,246,.15);border-radius:1rem;position:relative;overflow:hidden}.genieacs-wifi-settings-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(139,92,246,.6) 0%,rgba(99,102,241,.6) 50%,rgba(139,92,246,.6) 100%);z-index:1}.genieacs-wifi-form-single{margin-top:1.5rem;position:relative;z-index:2}.genieacs-wifi-form-section{background:rgba(139,92,246,.05);border:1px solid rgba(139,92,246,.1);border-radius:1rem;padding:2rem;box-shadow:0 4px 20px #8b5cf614;transition:all .3s ease}.genieacs-wifi-form-section:hover{box-shadow:0 8px 30px #8b5cf61f;transform:translateY(-2px)}.genieacs-wifi-form-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(139,92,246,.1);color:#e2e8f0;font-weight:700;font-size:1.1rem;letter-spacing:.025em}.genieacs-wifi-form-header svg{color:#8b5cf6;width:20px;height:20px}.genieacs-wifi-form-content{display:flex;flex-direction:column;gap:1.5rem}.genieacs-current-wifi-info{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(99,102,241,.1));border:1px solid rgba(139,92,246,.2);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.genieacs-current-wifi-info:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .5s ease}.genieacs-current-wifi-info:hover:before{left:100%}.genieacs-wifi-input-group{display:flex;flex-direction:column;gap:.75rem;position:relative}.genieacs-wifi-input-group label{font-size:.9rem;font-weight:700;color:#e2e8f0;letter-spacing:.025em;text-transform:uppercase;margin-bottom:.25rem}.genieacs-wifi-input{padding:1rem 1.25rem;background:rgba(139,92,246,.05);border:2px solid rgba(139,92,246,.1);border-radius:.75rem;color:#e2e8f0;font-size:.95rem;font-weight:500;transition:all .3s ease;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;letter-spacing:.025em;width:100%;box-sizing:border-box}.genieacs-wifi-input::placeholder{color:#94a3b899;font-style:italic}.genieacs-wifi-input:focus{outline:none;border-color:#8b5cf6;background:rgba(139,92,246,.1);box-shadow:0 0 0 4px #8b5cf626;transform:translateY(-1px)}.genieacs-wifi-input:disabled{opacity:.5;cursor:not-allowed;background:rgba(107,114,128,.1);border-color:#6b728033}.genieacs-current-value{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.95rem;color:#e2e8f0;background:rgba(139,92,246,.1);padding:.75rem 1rem;border-radius:.5rem;border:1px solid rgba(139,92,246,.2);font-weight:600;letter-spacing:.025em;word-break:break-all;overflow-wrap:break-word}.genieacs-password-display{color:#8b5cf6;font-weight:700;text-shadow:0 0 10px rgba(139,92,246,.3)}.genieacs-password-source{font-size:.8rem;color:#94a3b8;font-style:italic;margin-top:.5rem;padding:.5rem;background:rgba(139,92,246,.05);border-radius:.5rem;border-left:3px solid #8b5cf6}.genieacs-wifi-help-text{font-size:.8rem;color:#94a3b8;font-style:italic;margin-top:.5rem;padding:.75rem;background:rgba(139,92,246,.05);border-radius:.5rem;border-left:3px solid #8b5cf6;line-height:1.5}.genieacs-wifi-help-text ul{margin:.5rem 0 0;padding-left:1.5rem}.genieacs-wifi-help-text li{margin-bottom:.25rem}.genieacs-wifi-submit-section{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:2px solid rgba(139,92,246,.1)}.genieacs-btn-wifi-submit{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border:none;border-radius:1rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf633;letter-spacing:.025em;text-transform:uppercase;position:relative;overflow:hidden}.genieacs-btn-wifi-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.genieacs-btn-wifi-submit:hover:before{left:100%}.genieacs-btn-wifi-submit.primary{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 50%,#ec4899 100%);color:#fff}.genieacs-btn-wifi-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #8b5cf666;background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 50%,#db2777 100%)}.genieacs-btn-wifi-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#6b7280 0%,#4b5563 50%,#374151 100%);box-shadow:0 2px 10px #6b728033}.genieacs-btn-wifi-submit svg{width:18px;height:18px;transition:transform .3s ease}.genieacs-btn-wifi-submit:hover svg{transform:rotate(360deg)}.genieacs-wifi-submit-help{font-size:.8rem;color:#94a3b8;text-align:center;font-style:italic;padding:.75rem;background:rgba(139,92,246,.05);border-radius:.5rem;border:1px dashed rgba(139,92,246,.2);max-width:400px;line-height:1.5}@media (max-width: 768px){.genieacs-container{padding:1rem}.genieacs-admin-welcome-header{flex-direction:column;text-align:center;gap:1rem}.genieacs-admin-welcome-icon{width:50px;height:50px}.genieacs-admin-welcome-text h2{font-size:1.5rem}.genieacs-admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.genieacs-admin-stat-card{padding:.75rem;min-height:120px}.genieacs-admin-stat-icon{width:32px;height:32px}.genieacs-admin-stat-number{font-size:1.125rem}.genieacs-search-container,.genieacs-filter-controls{flex-direction:column;align-items:stretch}.genieacs-devices-header{flex-direction:column;align-items:stretch;gap:1rem}.genieacs-devices-header-actions{justify-content:center}.genieacs-table-container{max-height:400px}.genieacs-devices-table{font-size:.75rem}.genieacs-devices-table th,.genieacs-devices-table td{padding:.5rem .25rem}.genieacs-device-detail-header{flex-direction:column;gap:1rem;align-items:stretch}.genieacs-device-detail-title h3{font-size:1.25rem}.genieacs-device-detail-info-grid{grid-template-columns:1fr}.genieacs-wifi-form-section{padding:1.5rem}.genieacs-wifi-form-header{font-size:1rem;gap:.5rem}.genieacs-wifi-form-header svg{width:18px;height:18px}.genieacs-wifi-input{padding:.875rem 1rem;font-size:.9rem}.genieacs-btn-wifi-submit{padding:.875rem 1.5rem;font-size:.9rem}.genieacs-btn-wifi-submit svg{width:16px;height:16px}}@media (max-width: 480px){.genieacs-admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.genieacs-admin-stat-card{padding:.5rem;min-height:100px}.genieacs-admin-stat-icon{width:28px;height:28px}.genieacs-admin-stat-number{font-size:1rem}.genieacs-admin-stat-info h3{font-size:.65rem}.genieacs-admin-stat-label{font-size:.55rem}.genieacs-search-input{font-size:.875rem}.genieacs-btn-search{font-size:.875rem;padding:.75rem 1rem}.genieacs-filter-select{font-size:.875rem}.genieacs-btn-clear-filters{font-size:.875rem;padding:.5rem .75rem}.genieacs-devices-header h3{font-size:1.25rem}.genieacs-btn-refresh{font-size:.875rem;padding:.75rem 1rem}.genieacs-devices-table{font-size:.7rem}.genieacs-devices-table th,.genieacs-devices-table td{padding:.25rem}.genieacs-device-detail-title h3{font-size:1.1rem}.genieacs-device-detail-subtitle{font-size:.875rem}.genieacs-device-detail-section{padding:1rem}.genieacs-device-detail-info-item span{font-size:.875rem}.genieacs-long-id-value{font-size:.75rem;padding:.25rem}.genieacs-wifi-form-section{padding:1rem}.genieacs-wifi-form-header{font-size:.9rem;gap:.5rem;margin-bottom:1rem}.genieacs-wifi-form-header svg{width:16px;height:16px}.genieacs-wifi-form-content{gap:1rem}.genieacs-current-wifi-info{padding:1rem;margin-bottom:1rem}.genieacs-wifi-input-group{gap:.5rem}.genieacs-wifi-input-group label{font-size:.8rem}.genieacs-wifi-input{padding:.75rem;font-size:.85rem}.genieacs-current-value{font-size:.85rem;padding:.5rem .75rem}.genieacs-password-source{font-size:.75rem;padding:.375rem}.genieacs-wifi-help-text{font-size:.75rem;padding:.5rem}.genieacs-wifi-submit-section{margin-top:1.5rem;padding-top:1rem}.genieacs-btn-wifi-submit{padding:.75rem 1.25rem;font-size:.85rem}.genieacs-btn-wifi-submit svg{width:14px;height:14px}.genieacs-wifi-submit-help{font-size:.75rem;padding:.5rem;max-width:100%}}@media (prefers-color-scheme: dark){:root{--genieacs-bg: #0a0614;--genieacs-bg-card: rgba(139, 92, 246, .06);--genieacs-border-light: rgba(139, 92, 246, .08)}}@media (prefers-reduced-motion: reduce){.genieacs-admin-stat-card,.genieacs-action-btn,.genieacs-btn-search,.genieacs-btn-refresh,.genieacs-btn-clear-filters,.genieacs-wifi-form-section,.genieacs-wifi-input,.genieacs-btn-wifi-submit,.genieacs-current-wifi-info{transition:none}.genieacs-spinner{animation:none}.genieacs-status-badge,.genieacs-status-badge:before,.genieacs-btn-wifi-submit:before,.genieacs-current-wifi-info:before{animation:none}.genieacs-btn-wifi-submit:hover svg{transform:none}}@media (max-width: 320px){.genieacs-admin-stats-grid{grid-template-columns:1fr;gap:.5rem}.genieacs-admin-stat-card{padding:.5rem;min-height:90px}.genieacs-admin-stat-icon{width:24px;height:24px}.genieacs-admin-stat-number{font-size:.875rem}.genieacs-admin-stat-info h3{font-size:.6rem}.genieacs-admin-stat-label{font-size:.5rem}}@media (prefers-contrast: high){:root{--genieacs-border: rgba(139, 92, 246, .4);--genieacs-border-light: rgba(139, 92, 246, .3)}}.genieacs-text-green-400{color:#4ade80}.genieacs-text-red-400{color:#f87171}.genieacs-text-yellow-400{color:#facc15}.genieacs-text-gray-400{color:#9ca3af}.genieacs-text-blue-400{color:#60a5fa}.genieacs-text-purple-400{color:#a78bfa}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;box-shadow:0 2px 8px #0003}.settings-title h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#fff}.settings-title p{font-size:.875rem;color:#94a3b8;margin:0}.settings-tabs{display:flex;gap:1rem;margin-bottom:2rem;padding:.5rem;background:rgba(255,255,255,.02);border-radius:.75rem;border:1px solid rgba(255,255,255,.05)}.settings-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:.5rem;color:#94a3b8;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease;flex:1;justify-content:center}.settings-tab:hover{background:rgba(255,255,255,.05);color:#fff}.settings-tab.active{background:rgba(79,70,229,.2);color:#fff;border:1px solid rgba(79,70,229,.3)}.settings-tab span{font-size:1rem}.settings-content{margin-top:1rem}.settings-section{margin-bottom:2rem}.settings-section-header{margin-bottom:1.5rem}.settings-section-header h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .5rem}.settings-section-header p{font-size:.875rem;color:#94a3b8;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;overflow-x:auto}.settings-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.25rem;transition:background-color .2s ease,transform .2s ease;box-shadow:0 2px 8px #0003;cursor:pointer;min-width:0;word-wrap:break-word}.settings-card:hover{background:rgba(255,255,255,.08);transform:translateY(-1px);box-shadow:0 4px 16px #0000004d;border-color:#ffffff26}.settings-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.settings-card-icon{width:2.5rem;height:2.5rem;background:rgba(79,70,229,.2);color:#a78bfa;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.settings-card-status{display:flex;align-items:center}.status-badge.status-inactive{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-badge.status-configured{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-badge.status-not-configured{background:rgba(156,163,175,.2);color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.settings-card-content{margin-bottom:1.5rem}.settings-card-content h4{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.settings-card-content p{font-size:.875rem;color:#94a3b8;line-height:1.5;margin:0}.settings-card-actions{display:flex;justify-content:flex-end}.settings-card-btn{padding:.5rem 1rem;background:#4f46e5;color:#fff;border:none;border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;box-shadow:0 2px 4px #0003}.settings-card-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}@media (max-width: 1024px){.settings-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}}@media (max-width: 768px){.settings-header{flex-direction:column;gap:1rem;text-align:center}.settings-tabs{flex-direction:row;gap:.5rem}.settings-tab{flex:1;justify-content:center;padding:.5rem 1rem;font-size:.8rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.settings-card{padding:.75rem}.settings-card-header{flex-direction:row;gap:.5rem;align-items:flex-start}.settings-card-icon{width:2.25rem;height:2.25rem;font-size:.9rem}}@media (max-width: 480px){.settings-header{padding:1rem}.settings-title h2{font-size:1.25rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.settings-card{padding:.625rem}.settings-card-content h4{font-size:.9rem}.settings-card-content p{font-size:.75rem}.settings-card-header{flex-direction:row;gap:.5rem;align-items:flex-start}.settings-card-icon{width:2rem;height:2rem;font-size:.8rem}}@media (max-width: 360px){.settings-header{padding:.75rem}.settings-title h2{font-size:1.125rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.settings-card{padding:.75rem}.settings-card-content h4{font-size:.85rem}.settings-card-content p{font-size:.7rem}.settings-card-btn{padding:.4rem .8rem;font-size:.7rem}}.moota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem}.moota-back-btn{margin-right:1rem;padding:.5rem 1.2rem;background:#6366f1;color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.moota-back-btn span{font-size:1.2rem}.moota-title h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#4f46e5}.moota-title p{font-size:.875rem;color:#94a3b8;margin:0}.moota-header-actions{display:flex;align-items:center;gap:1rem}.moota-manage-banks-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.moota-manage-banks-btn:hover{background:#059669;transform:translateY(-1px)}.moota-add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#4f46e5;color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer}.test-result-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:.75rem;font-size:.9rem;font-weight:500}.test-result-alert.success{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:#4ade80}.test-result-alert.error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#f87171}.test-result-icon{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.test-result-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.test-result-message{font-weight:600}.test-result-info{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;opacity:.9}.test-result-info span{display:block}.test-result-close{background:none;border:none;color:inherit;font-size:1.1rem;cursor:pointer;padding:.25rem;border-radius:.25rem;flex-shrink:0;margin-top:.1rem}.moota-empty{text-align:center;padding:3rem 2rem;background:rgba(255,255,255,.02);border:2px dashed rgba(255,255,255,.1);border-radius:1rem;margin:2rem 0}.empty-icon{margin-bottom:1.5rem;opacity:.6}.moota-empty h3{font-size:1.25rem;font-weight:600;color:#e2e8f0;margin:0 0 .75rem}.moota-empty p{color:#94a3b8;margin:0 0 2rem;font-size:.95rem;line-height:1.5}.moota-empty-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.moota-empty .btn-primary{padding:.875rem 2rem;background:#4f46e5;color:#fff;border:none;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.moota-empty .btn-primary:hover{background:#4338ca;transform:translateY(-1px)}.moota-empty .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:#10b981;color:#fff;border:none;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.moota-empty .btn-secondary:hover{background:#059669;transform:translateY(-1px)}.moota-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.moota-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;position:relative}.moota-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#4f46e5}.moota-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.moota-info h3{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .25rem}.moota-webhook{font-size:.875rem;color:#94a3b8;margin:0;background:rgba(255,255,255,.05);padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.moota-status{display:flex;gap:.5rem;align-items:center}.status-badge.inactive{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.moota-details{margin-bottom:1.5rem}.detail-value{font-size:.875rem;color:#fff;font-weight:600;max-width:60%;text-align:right;word-break:break-word;display:flex;align-items:center;gap:.5rem}.moota-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.moota-actions button{display:flex;align-items:center;gap:.5rem;justify-content:center}.moota-actions button{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:pointer;min-width:80px;width:auto;flex:none;margin-bottom:.25rem}.btn-test{background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.btn-test.testing{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3);cursor:not-allowed}.btn-toggle.activate{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.btn-toggle.deactivate{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.moota-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.moota-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.moota-form .form-group{display:flex;flex-direction:column;gap:.75rem}.moota-form .form-group label{font-size:.9rem;font-weight:600;color:#e2e8f0;margin-bottom:.25rem}.moota-form .form-group input,.moota-form .form-group select,.moota-form .form-group textarea{padding:.875rem 1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:.75rem;color:#fff;font-size:.9rem;width:100%;box-sizing:border-box;font-family:inherit}.moota-form .form-group input:focus,.moota-form .form-group select:focus,.moota-form .form-group textarea:focus{outline:none;border-color:#4f46e5;background:rgba(255,255,255,.1)}.moota-form .form-group input::placeholder{color:#64748b}.moota-form .form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.moota-form .form-group select option{background:#1e293b;color:#fff;padding:.5rem}.moota-form .form-group textarea{resize:vertical;min-height:80px;line-height:1.5}.checkbox-group{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0}.checkbox-group input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:#4f46e5;cursor:pointer;margin:0;margin-top:.125rem;flex-shrink:0}.checkbox-group label{font-size:.9rem;color:#e2e8f0;cursor:pointer;margin:0;font-weight:500;line-height:1.4}.moota-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12)}.moota-form .btn-cancel{padding:.875rem 2rem;background:rgba(255,255,255,.08);color:#94a3b8;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;font-size:.9rem;font-weight:600;cursor:pointer;min-width:100px}.moota-form .btn-save{padding:.875rem 2rem;background:#4f46e5;color:#fff;border:none;border-radius:.75rem;font-size:.9rem;font-weight:600;cursor:pointer;min-width:100px}@media (max-width: 768px){.moota-header{flex-direction:column;gap:1rem;text-align:center}.moota-header-actions{flex-direction:column;gap:.75rem;width:100%}.moota-manage-banks-btn,.moota-add-btn{width:100%;justify-content:center}.moota-grid{grid-template-columns:1fr}.moota-empty-actions{flex-direction:column;gap:.75rem}.moota-empty .btn-primary,.moota-empty .btn-secondary{width:100%;justify-content:center}.moota-form{padding:1.25rem;max-height:calc(65vh - 70px);overflow-y:auto}.moota-form .form-row{grid-template-columns:1fr;gap:1.25rem}.moota-form .form-group{gap:.625rem}.moota-form .form-group label{font-size:.875rem;font-weight:600;color:#e2e8f0}.moota-form .form-group input,.moota-form .form-group select,.moota-form .form-group textarea{padding:.75rem .875rem;font-size:.875rem}.moota-form .form-group input:focus,.moota-form .form-group select:focus,.moota-form .form-group textarea:focus{border-color:#4f46e5}.moota-form .form-group textarea{min-height:80px;resize:vertical}.moota-form .form-actions{flex-direction:row;gap:.75rem;align-items:center;justify-content:flex-end;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.12)}.moota-form .form-actions button{padding:.75rem 1.25rem;min-width:100px;font-size:.875rem;font-weight:600}.moota-form .btn-cancel{background:rgba(255,255,255,.08);color:#94a3b8;border:1px solid rgba(255,255,255,.15)}.moota-form .btn-save{background:#4f46e5;color:#fff;border:none}.moota-actions{flex-direction:row;align-items:flex-start;gap:.25rem}.moota-actions button{width:auto;margin-bottom:0;min-width:80px;padding:.4rem .8rem;font-size:.7rem}.test-result-alert{flex-direction:column;align-items:flex-start;gap:.5rem}.test-result-content{width:100%}.detail-value{max-width:50%;font-size:.8rem}.webhook-url-display{flex-direction:column;align-items:stretch;gap:.5rem}.webhook-url-code{font-size:.7rem;padding:.5rem}.btn-copy-url{align-self:flex-end;min-width:32px;height:32px}}@media (max-width: 480px){.moota-header{padding:1rem}.moota-title h2{font-size:1.25rem}.moota-title p{font-size:.8rem}.moota-header-actions{gap:.5rem}.moota-manage-banks-btn,.moota-add-btn{padding:.625rem 1rem;font-size:.8rem}.moota-form{padding:.875rem;max-height:calc(70vh - 55px)}.moota-form,.moota-form .form-row{gap:1rem}.moota-form .form-group{gap:.5rem}.moota-form .form-group label{font-size:.825rem}.moota-form .form-group input,.moota-form .form-group select,.moota-form .form-group textarea{padding:.625rem .75rem;font-size:.825rem}.moota-form .form-group textarea{min-height:70px}.moota-form .form-actions{flex-direction:row;gap:.625rem;margin-top:1.25rem;padding-top:1rem}.moota-form .form-actions button{min-width:90px;padding:.625rem .875rem;font-size:.8rem}.detail-value{max-width:45%;font-size:.75rem}.webhook-url-display{flex-direction:column;align-items:stretch;gap:.375rem}.webhook-url-code{font-size:.65rem;padding:.375rem}.btn-copy-url{align-self:flex-end;min-width:28px;height:28px}.moota-empty{padding:2rem 1rem}.moota-empty h3{font-size:1.1rem}.moota-empty p{font-size:.875rem}.moota-empty .btn-primary,.moota-empty .btn-secondary{padding:.75rem 1.5rem;font-size:.875rem}}.webhook-info{padding:1.5rem;color:#e2e8f0}.webhook-section{margin-bottom:1.5rem;padding:1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.webhook-section h3{margin:0 0 1rem;color:#fff;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.webhook-url,.webhook-secret{display:flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.06);padding:1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.12);margin-bottom:.75rem;position:relative}.webhook-url code,.webhook-secret code{flex:1;font-family:Courier New,monospace;font-size:.875rem;color:#fbbf24;background:rgba(0,0,0,.3);padding:.75rem;border-radius:.375rem;word-break:break-all;border:1px solid rgba(255,255,255,.1)}.webhook-headers,.webhook-payload{background:rgba(255,255,255,.06);padding:1.25rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.12);position:relative;margin-bottom:.75rem}.webhook-headers .btn-copy,.webhook-payload .btn-copy{position:absolute;top:1rem;right:1rem;z-index:10}.webhook-headers pre,.webhook-payload pre{margin:0;font-family:Courier New,monospace;font-size:.8rem;color:#e2e8f0;background:rgba(0,0,0,.3);padding:1rem;border-radius:.375rem;overflow-x:auto;max-height:200px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);line-height:1.4}.webhook-instructions{background:rgba(255,255,255,.06);padding:1.25rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.12)}.webhook-instructions ol{margin:0;padding-left:1.5rem}.webhook-instructions li{margin-bottom:.75rem;color:#e2e8f0;line-height:1.6;font-size:.9rem}.webhook-instructions code{background:rgba(0,0,0,.3);padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;color:#fbbf24;border:1px solid rgba(255,255,255,.1)}.btn-copy{display:flex;align-items:center;gap:.5rem;background:#4f46e5;color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;flex-shrink:0}.btn-copy:hover{background:#4338ca;transform:translateY(-1px)}.btn-copy:active{transform:translateY(0)}.btn-webhook{display:flex;align-items:center;gap:.5rem;background:rgba(139,92,246,.2);color:#a78bfa;border:1px solid rgba(139,92,246,.3);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s ease}.btn-webhook:hover{background:rgba(139,92,246,.3);color:#c4b5fd;transform:translateY(-1px)}.btn-webhook:active{transform:translateY(0)}.webhook-url-item{border-top:2px solid rgba(255,255,255,.1)!important;padding-top:.75rem!important;margin-top:.5rem}.webhook-url-display{display:flex;align-items:center;gap:.5rem;background:rgba(59,130,246,.1);padding:.5rem;border-radius:.5rem;border:1px solid rgba(59,130,246,.2);max-width:100%;overflow:hidden}.webhook-url-code{flex:1;font-family:Courier New,monospace;font-size:.75rem;color:#60a5fa;background:rgba(0,0,0,.2);padding:.25rem .5rem;border-radius:.25rem;word-break:break-all;border:1px solid rgba(255,255,255,.1);margin:0}.btn-copy-url{display:flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;border:none;padding:.25rem;border-radius:.25rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;min-width:28px;height:28px}.btn-copy-url:hover{background:#2563eb;transform:translateY(-1px)}.btn-copy-url:active{transform:translateY(0)}.btn-copy-url:focus{outline:2px solid #60a5fa;outline-offset:2px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group select{padding:.75rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.875rem;transition:all .3s ease;cursor:pointer}.form-group select:disabled{opacity:.5;cursor:not-allowed}.form-group select option{background:#1f2937;color:#fff;padding:.5rem}.form-group select option:disabled{color:#6b7280;font-style:italic}.form-group select option:checked{background:#4f46e5;color:#fff}.form-help{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem;font-style:italic}.form-help{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;color:#94a3b8;flex-wrap:wrap}.form-help button.link-primary{background:none;border:none;padding:0;color:#007bff;text-decoration:underline;cursor:pointer;font-size:.875rem;font-family:inherit}.form-help button.link-primary:hover{color:#0056b3;text-decoration:none}.form-help button.link-primary:focus{outline:2px solid #007bff;outline-offset:2px;border-radius:2px}.bank-preview{margin-top:.75rem;padding:.75rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:.5rem}.bank-preview-item{margin-bottom:.25rem}.bank-preview-item:last-child{margin-bottom:0}.bank-preview-item strong{color:#1e40af;font-weight:600}.link-primary{color:#007bff;text-decoration:underline}.link-primary:hover{color:#0056b3}.btn-refresh-banks{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#6366f1;color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;margin-left:.5rem}.btn-refresh-banks:hover:not(:disabled){background:#4f46e5}.btn-refresh-banks:disabled{opacity:.5;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.webhook-info{padding:1rem}.webhook-section{padding:1rem;margin-bottom:1rem}.webhook-section h3{font-size:.9rem}.webhook-url,.webhook-secret{flex-direction:column;align-items:stretch;gap:.5rem}.webhook-url code,.webhook-secret code{font-size:.8rem;padding:.5rem}.webhook-headers,.webhook-payload{padding:1rem}.webhook-headers pre,.webhook-payload pre{font-size:.75rem;padding:.75rem;max-height:150px}.webhook-instructions{padding:1rem}.webhook-instructions li{font-size:.85rem}.btn-copy{padding:.5rem .75rem;font-size:.8rem}.webhook-headers .btn-copy,.webhook-payload .btn-copy{position:absolute;top:.75rem;right:.75rem}}@media (max-width: 480px){.webhook-info,.webhook-section{padding:.75rem}.webhook-section h3{font-size:.85rem}.webhook-url code,.webhook-secret code{font-size:.75rem;padding:.5rem}.webhook-headers pre,.webhook-payload pre{font-size:.7rem;padding:.5rem;max-height:120px}.webhook-instructions li{font-size:.8rem}.btn-copy{padding:.5rem .75rem;font-size:.75rem}.webhook-headers .btn-copy,.webhook-payload .btn-copy{position:absolute;top:.5rem;right:.5rem}}:root{--tripay-primary: #8b5cf6;--tripay-primary-light: #a78bfa;--tripay-primary-dark: #7c3aed;--tripay-secondary: #6366f1;--tripay-accent: #ec4899;--tripay-bg: #0f0a1a;--tripay-bg-secondary: rgba(139, 92, 246, .05);--tripay-bg-card: rgba(139, 92, 246, .08);--tripay-bg-hover: rgba(139, 92, 246, .12);--tripay-text: #e2e8f0;--tripay-text-secondary: #94a3b8;--tripay-border: rgba(139, 92, 246, .2);--tripay-border-light: rgba(139, 92, 246, .1);--tripay-shadow: 0 4px 20px rgba(139, 92, 246, .15);--tripay-shadow-hover: 0 8px 30px rgba(139, 92, 246, .25);--tripay-glow: 0 0 20px rgba(139, 92, 246, .3);--tripay-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--tripay-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%)}.tripay-settings{padding:24px;max-width:1200px;margin:0 auto;color:var(--tripay-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.tripay-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--tripay-border-light)}.tripay-header-content{display:flex;align-items:center;gap:16px}.tripay-back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--tripay-bg-card);border:1px solid var(--tripay-border-light);border-radius:8px;color:var(--tripay-text);cursor:pointer;transition:all .2s ease}.tripay-back-button:hover{background:var(--tripay-bg-hover);border-color:var(--tripay-border);box-shadow:var(--tripay-shadow)}.tripay-header-content h1{font-size:28px;font-weight:700;color:var(--tripay-text);margin:0 0 8px;background:var(--tripay-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tripay-header-content p{font-size:16px;color:var(--tripay-text-secondary);margin:0}.tripay-header-actions{display:flex;gap:12px}.tripay-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.tripay-loading-spinner{animation:tripay-spin 1s linear infinite;color:var(--tripay-primary);margin-bottom:16px}@keyframes tripay-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tripay-list{margin-top:24px}.tripay-empty{background:var(--tripay-bg-card);border:2px dashed var(--tripay-border-light);border-radius:12px;padding:48px 24px;text-align:center}.tripay-empty-icon{color:var(--tripay-text-secondary);margin-bottom:16px}.tripay-empty h3{font-size:18px;font-weight:600;color:var(--tripay-text);margin:0 0 8px}.tripay-empty p{font-size:14px;color:var(--tripay-text-secondary);margin:0 0 24px}.tripay-empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.tripay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.tripay-card{background:var(--tripay-bg-card);border:1px solid var(--tripay-border-light);border-radius:12px;padding:24px;transition:all .2s ease}.tripay-card:hover{border-color:var(--tripay-primary);box-shadow:var(--tripay-shadow-hover);transform:translateY(-2px)}.tripay-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.tripay-card-title{display:flex;align-items:center;gap:12px}.tripay-title-icon{width:40px;height:40px;background:var(--tripay-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--tripay-glow)}.tripay-title-content h3{font-size:18px;font-weight:600;color:var(--tripay-text);margin:0 0 4px}.tripay-title-content p{font-size:14px;color:var(--tripay-text-secondary);margin:0}.tripay-card-status{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.tripay-status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tripay-status-badge.active{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.tripay-status-badge.inactive{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.tripay-sandbox-badge{padding:2px 8px;background:rgba(245,158,11,.2);color:#f59e0b;border:1px solid rgba(245,158,11,.3);border-radius:12px;font-size:10px;font-weight:500;text-transform:uppercase}.tripay-card-content{display:flex;flex-direction:column;gap:20px}.tripay-config-details{display:flex;flex-direction:column;gap:12px}.tripay-detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--tripay-border-light)}.tripay-detail-item:last-child{border-bottom:none}.tripay-detail-item .tripay-label{font-size:14px;color:var(--tripay-text-secondary);font-weight:500}.tripay-detail-item .tripay-value{font-size:14px;color:var(--tripay-text);font-weight:500}.tripay-card-actions{display:flex;flex-direction:column;gap:12px}.tripay-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.tripay-action-buttons button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.tripay-btn-test{background:rgba(59,130,246,.2);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.tripay-btn-test:hover:not(:disabled){background:rgba(59,130,246,.3);transform:translateY(-1px)}.tripay-btn-test:disabled{opacity:.6;cursor:not-allowed}.tripay-btn-toggle.active{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.tripay-btn-toggle.active:hover{background:rgba(239,68,68,.3);transform:translateY(-1px)}.tripay-btn-toggle.inactive{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.tripay-btn-toggle.inactive:hover{background:rgba(16,185,129,.3);transform:translateY(-1px)}.tripay-btn-webhook{background:rgba(139,92,246,.2);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.tripay-btn-webhook:hover{background:rgba(139,92,246,.3);transform:translateY(-1px)}.tripay-btn-edit{background:rgba(245,158,11,.2);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.tripay-btn-edit:hover{background:rgba(245,158,11,.3);transform:translateY(-1px)}.tripay-btn-delete{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.tripay-btn-delete:hover{background:rgba(239,68,68,.3);transform:translateY(-1px)}.tripay-spinner{animation:tripay-spin 1s linear infinite}.tripay-form{display:flex;flex-direction:column;gap:1.5rem}.tripay-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tripay-form-group{display:flex;flex-direction:column;gap:.5rem}.tripay-form-group label{font-weight:600;color:#374151;font-size:.875rem}.tripay-form-group input,.tripay-form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .2s}.tripay-form-group input:focus,.tripay-form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.tripay-form-group small{font-size:.75rem;color:#6b7280;margin-top:.25rem}.tripay-form-group input[type=number]{-moz-appearance:textfield}.tripay-form-group input[type=number]::-webkit-outer-spin-button,.tripay-form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tripay-form{display:flex;flex-direction:column;gap:20px}.tripay-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tripay-form-row:has(.tripay-form-group:only-child){grid-template-columns:1fr}.tripay-form-group{display:flex;flex-direction:column;gap:8px}.tripay-form-group label{font-size:14px;font-weight:500;color:var(--tripay-text)}.tripay-form-group input[type=text],.tripay-form-group input[type=password]{padding:10px 12px;border:1px solid var(--tripay-border-light);border-radius:6px;font-size:14px;background:var(--tripay-bg);color:var(--tripay-text);transition:border-color .2s ease}.tripay-form-group input[type=text]:focus,.tripay-form-group input[type=password]:focus{outline:none;border-color:var(--tripay-primary);box-shadow:0 0 0 3px #8b5cf61a}.tripay-password-input{position:relative;display:flex;align-items:center}.tripay-password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--tripay-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease}.tripay-password-toggle:hover{color:var(--tripay-text)}.tripay-checkbox-group{display:flex;align-items:center;gap:8px}.tripay-checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--tripay-primary)}.tripay-checkbox-group label{font-size:14px;color:var(--tripay-text);cursor:pointer;margin:0}.tripay-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--tripay-border-light)}.tripay-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--tripay-gradient);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:var(--tripay-shadow)}.tripay-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--tripay-shadow-hover)}.tripay-btn-primary:disabled{background:var(--tripay-text-secondary);cursor:not-allowed;transform:none}.tripay-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--tripay-bg-card);color:var(--tripay-text);border:1px solid var(--tripay-border-light);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.tripay-btn-secondary:hover{background:var(--tripay-bg-hover);border-color:var(--tripay-border);transform:translateY(-1px)}@media (max-width: 768px){.tripay-settings{padding:16px}.tripay-page-header{flex-direction:column;gap:16px;align-items:stretch}.tripay-header-content{flex-direction:column;align-items:flex-start;gap:12px}.tripay-header-actions{justify-content:flex-end}.tripay-grid{grid-template-columns:1fr}.tripay-card-header{flex-direction:column;align-items:flex-start;gap:12px}.tripay-card-status{align-self:flex-end}.tripay-action-buttons{flex-direction:column}.tripay-form-row{grid-template-columns:1fr}.tripay-empty-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.tripay-card-title{flex-direction:column;align-items:flex-start;gap:8px}.tripay-detail-item{flex-direction:column;align-items:flex-start;gap:4px}.tripay-form-actions{flex-direction:column}}:root{--payment-gw-primary: #8b5cf6;--payment-gw-primary-light: #a78bfa;--payment-gw-primary-dark: #7c3aed;--payment-gw-secondary: #6366f1;--payment-gw-accent: #ec4899;--payment-gw-bg: #0f0a1a;--payment-gw-bg-secondary: rgba(139, 92, 246, .05);--payment-gw-bg-card: rgba(139, 92, 246, .08);--payment-gw-bg-hover: rgba(139, 92, 246, .12);--payment-gw-text: #e2e8f0;--payment-gw-text-secondary: #94a3b8;--payment-gw-border: rgba(139, 92, 246, .2);--payment-gw-border-light: rgba(139, 92, 246, .1);--payment-gw-shadow: 0 4px 20px rgba(139, 92, 246, .15);--payment-gw-shadow-hover: 0 8px 30px rgba(139, 92, 246, .25);--payment-gw-glow: 0 0 20px rgba(139, 92, 246, .3);--payment-gw-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--payment-gw-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%)}.payment-gateway-settings{padding:24px;max-width:1200px;margin:0 auto;color:var(--payment-gw-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.payment-gw-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--payment-gw-border-light)}.payment-gw-header-content h1{font-size:28px;font-weight:700;color:var(--payment-gw-text);margin:0 0 8px;background:var(--payment-gw-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-gw-header-content p{font-size:16px;color:var(--payment-gw-text-secondary);margin:0}.payment-gw-header-actions{display:flex;gap:12px}.payment-gw-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.payment-gw-loading-spinner{animation:payment-gw-spin 1s linear infinite;color:var(--payment-gw-primary);margin-bottom:16px}@keyframes payment-gw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-gw-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.payment-gw-section-header h2{font-size:20px;font-weight:600;color:var(--payment-gw-text);margin:0;background:var(--payment-gw-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-gw-section-header p{font-size:14px;color:var(--payment-gw-text-secondary);margin:8px 0 0}.payment-gw-active-indicator{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--payment-gw-text)}.payment-gw-active-icon{color:#10b981}.payment-gw-inactive-icon{color:#ef4444}.payment-gw-active-gateway-section{margin-bottom:40px}.payment-gw-active-gateway-card{background:var(--payment-gw-gradient);border-radius:12px;padding:24px;color:#fff;box-shadow:var(--payment-gw-shadow-hover);position:relative;overflow:hidden}.payment-gw-active-gateway-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.payment-gw-gateway-info{display:flex;align-items:center;gap:16px;position:relative;z-index:2}.payment-gw-gateway-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--payment-gw-glow)}.payment-gw-gateway-details h3{font-size:20px;font-weight:600;margin:0 0 4px;color:#fff}.payment-gw-gateway-details p{font-size:14px;margin:0 0 12px;opacity:.9;color:#ffffffe6}.payment-gw-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.payment-gw-status-badge.active{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.payment-gw-no-active-gateway{background:var(--payment-gw-bg-card);border:2px dashed var(--payment-gw-border-light);border-radius:12px;padding:48px 24px;text-align:center}.payment-gw-no-gateway-icon{color:var(--payment-gw-text-secondary);margin-bottom:16px}.payment-gw-no-active-gateway h3{font-size:18px;font-weight:600;color:var(--payment-gw-text);margin:0 0 8px}.payment-gw-no-active-gateway p{font-size:14px;color:var(--payment-gw-text-secondary);margin:0}.payment-gw-gateway-options-section{margin-bottom:40px}.payment-gw-gateway-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.payment-gw-gateway-option-card{background:var(--payment-gw-bg-card);border:1px solid var(--payment-gw-border-light);border-radius:12px;padding:24px;transition:all .2s ease}.payment-gw-gateway-option-card:hover{border-color:var(--payment-gw-primary);box-shadow:var(--payment-gw-shadow-hover);transform:translateY(-2px)}.payment-gw-gateway-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.payment-gw-gateway-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--payment-gw-shadow)}.payment-gw-gateway-title{flex:1}.payment-gw-gateway-title h3{font-size:18px;font-weight:600;color:var(--payment-gw-text);margin:0 0 4px}.payment-gw-gateway-title p{font-size:14px;color:var(--payment-gw-text-secondary);margin:0}.payment-gw-gateway-status{flex-shrink:0}.payment-gw-configured-icon{color:#10b981}.payment-gw-not-configured-icon{color:#ef4444}.payment-gw-configured-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.3);color:var(--payment-gw-primary);font-size:12px;font-weight:700}.payment-gw-status-active,.payment-gw-status-configured,.payment-gw-status-not-configured{display:flex;flex-direction:column;align-items:center;gap:4px}.payment-gw-status-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.payment-gw-status-active .payment-gw-status-label{color:#10b981}.payment-gw-status-configured .payment-gw-status-label{color:var(--payment-gw-primary)}.payment-gw-status-not-configured .payment-gw-status-label{color:#ef4444}.payment-gw-gateway-content{display:flex;flex-direction:column;gap:20px}.payment-gw-gateway-features{display:flex;flex-direction:column;gap:12px}.payment-gw-feature-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--payment-gw-text)}.payment-gw-feature-item svg{color:var(--payment-gw-text-secondary);flex-shrink:0}.payment-gw-gateway-actions{display:flex;flex-direction:column;gap:12px}.payment-gw-current-active{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:8px;color:#10b981;font-size:14px;font-weight:500}.payment-gw-current-active svg{color:#10b981}.payment-gw-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--payment-gw-gradient);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:var(--payment-gw-shadow)}.payment-gw-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--payment-gw-shadow-hover)}.payment-gw-btn-primary:disabled{background:var(--payment-gw-text-secondary);cursor:not-allowed;transform:none}.payment-gw-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--payment-gw-bg-card);color:var(--payment-gw-text);border:1px solid var(--payment-gw-border-light);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.payment-gw-btn-secondary:hover{background:var(--payment-gw-bg-hover);border-color:var(--payment-gw-border);transform:translateY(-1px)}.payment-gw-spinner{animation:payment-gw-spin 1s linear infinite}.payment-gw-info-section{margin-top:40px}.payment-gw-info-card{background:var(--payment-gw-bg-card);border:1px solid var(--payment-gw-border-light);border-radius:12px;padding:24px}.payment-gw-info-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.payment-gw-info-header h3{font-size:16px;font-weight:600;color:var(--payment-gw-text);margin:0}.payment-gw-info-header svg{color:var(--payment-gw-primary)}.payment-gw-info-content ul{margin:0;padding-left:20px;color:var(--payment-gw-text-secondary);font-size:14px;line-height:1.6}.payment-gw-info-content li{margin-bottom:8px}.payment-gw-info-content li:last-child{margin-bottom:0}@media (max-width: 768px){.payment-gateway-settings{padding:16px}.payment-gw-page-header{flex-direction:column;gap:16px;align-items:stretch}.payment-gw-header-actions{justify-content:flex-end}.payment-gw-gateway-options-grid{grid-template-columns:1fr}.payment-gw-gateway-header{flex-direction:column;align-items:flex-start;gap:12px}.payment-gw-gateway-status{align-self:flex-end}.payment-gw-gateway-actions{flex-direction:column}}@media (max-width: 480px){.payment-gw-gateway-info{flex-direction:column;text-align:center;gap:12px}.payment-gw-gateway-details{text-align:center}.payment-gw-status-label{font-size:8px}}.afs-wa-gw-settings-section{background:var(--afs-wa-gw-background-card);border-radius:1rem;border:1px solid var(--afs-wa-gw-border-color);box-shadow:var(--afs-wa-gw-shadow-card);padding:2rem;margin-bottom:2rem}.afs-wa-gw-settings-header{margin-bottom:2rem;text-align:center}.afs-wa-gw-settings-header h3{color:var(--afs-wa-gw-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.afs-wa-gw-settings-header p{color:var(--afs-wa-gw-text-secondary);font-size:.9rem}.afs-wa-gw-settings-form{margin-bottom:2rem}.afs-wa-gw-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.afs-wa-gw-settings-group{background:rgba(15,23,42,.5);border-radius:.75rem;border:1px solid rgba(139,92,246,.1);padding:1.5rem}.afs-wa-gw-settings-group h4{color:var(--afs-wa-gw-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.afs-wa-gw-settings-group h4:before{content:"";width:4px;height:20px;background:var(--afs-wa-gw-primary-color);border-radius:2px}.afs-wa-gw-form-group{margin-bottom:1.5rem}.afs-wa-gw-form-group label{display:block;color:var(--afs-wa-gw-text-primary);font-weight:500;margin-bottom:.5rem;font-size:.9rem}.afs-wa-gw-help-text{display:block;color:var(--afs-wa-gw-text-secondary);font-size:.8rem;font-weight:400;margin-top:.25rem}.afs-wa-gw-input{width:100%;padding:.75rem;background:rgba(15,23,42,.8);border:1px solid rgba(139,92,246,.2);border-radius:.5rem;color:var(--afs-wa-gw-text-primary);font-size:.9rem;transition:all .2s ease}.afs-wa-gw-input:focus{outline:none;border-color:var(--afs-wa-gw-primary-color);box-shadow:0 0 0 3px #8b5cf61a}.afs-wa-gw-checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.5rem 0}.afs-wa-gw-checkbox{width:18px;height:18px;accent-color:var(--afs-wa-gw-primary-color);margin-top:.125rem}.afs-wa-gw-checkbox-text{color:var(--afs-wa-gw-text-primary);font-weight:500;font-size:.9rem;line-height:1.4}.afs-wa-gw-settings-actions{display:flex;justify-content:center;gap:1rem;padding-top:1rem;border-top:1px solid rgba(139,92,246,.1)}.afs-wa-gw-btn-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--afs-wa-gw-primary-color),var(--afs-wa-gw-primary-dark));color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--afs-wa-gw-shadow-primary)}.afs-wa-gw-btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}.afs-wa-gw-settings-info{background:rgba(15,23,42,.3);border-radius:.75rem;border:1px solid rgba(139,92,246,.1);padding:1.5rem}.afs-wa-gw-settings-info h4{color:var(--afs-wa-gw-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.afs-wa-gw-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.afs-wa-gw-info-item{background:rgba(15,23,42,.5);border-radius:.5rem;padding:1rem;border:1px solid rgba(139,92,246,.1)}.afs-wa-gw-info-item h5{color:var(--afs-wa-gw-text-primary);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.afs-wa-gw-info-item p{color:var(--afs-wa-gw-text-secondary);font-size:.8rem;line-height:1.4}@media (max-width: 768px){.afs-wa-gw-tabs-container{margin-bottom:1.5rem}.afs-wa-gw-settings-grid{grid-template-columns:1fr;gap:1rem}.afs-wa-gw-info-grid{grid-template-columns:1fr}.afs-wa-gw-settings-section,.afs-wa-gw-settings-group{padding:1rem}.afs-wa-gw-tabs-container{gap:.375rem}.afs-wa-gw-tabs{padding:.5rem;gap:.375rem}.afs-wa-gw-tab-button{min-width:120px;padding:.75rem 1rem;font-size:.8rem}.afs-wa-gw-tab-button svg{width:16px;height:16px}.afs-wa-gw-tab-scroll-btn{width:36px;height:36px}.afs-wa-gw-tab-scroll-btn svg{width:14px;height:14px}}:root{--afs-wa-gw-primary-color: #8b5cf6;--afs-wa-gw-primary-dark: #7c3aed;--afs-wa-gw-primary-light: #a78bfa;--afs-wa-gw-success-color: #10b981;--afs-wa-gw-error-color: #ef4444;--afs-wa-gw-warning-color: #f59e0b;--afs-wa-gw-info-color: #3b82f6;--afs-wa-gw-background-dark: rgba(15, 10, 26, .98);--afs-wa-gw-background-card: rgba(15, 23, 42, .98);--afs-wa-gw-border-color: rgba(139, 92, 246, .2);--afs-wa-gw-text-primary: #e2e8f0;--afs-wa-gw-text-secondary: #94a3b8;--afs-wa-gw-shadow-primary: 0 8px 32px rgba(139, 92, 246, .2);--afs-wa-gw-shadow-card: 0 4px 20px rgba(0, 0, 0, .3)}.afs-wa-gw-form .afs-wa-gw-form-group label svg,.afs-wa-gw-back-btn svg,.afs-wa-gw-title h2 svg,.afs-wa-gw-status-actions button svg,.afs-wa-gw-message-actions button svg,.afs-wa-gw-contacts-actions button svg,.afs-wa-gw-contact-actions button svg,.afs-wa-gw-template-actions button svg,.afs-wa-gw-logs-actions button svg,.afs-wa-gw-scheduler-controls button svg,.afs-wa-gw-scheduler-info li svg,.afs-wa-gw-form-actions button svg,.afs-wa-gw-empty-icon svg,.afs-wa-gw-empty-contacts .afs-wa-gw-empty-icon svg,.afs-wa-gw-empty-messages .afs-wa-gw-empty-icon svg,.afs-wa-gw-qr-error-icon svg{transition:all .2s ease-in-out}.afs-wa-gw-form .afs-wa-gw-form-group:focus-within label svg{color:#7c3aed;transform:scale(1.1)}.afs-wa-gw-back-btn:hover svg{transform:translate(-2px)}.afs-wa-gw-title h2:hover svg{transform:scale(1.05)}.afs-wa-gw-status-actions button:hover svg,.afs-wa-gw-message-actions button:hover svg,.afs-wa-gw-contacts-actions button:hover svg,.afs-wa-gw-contact-actions button:hover svg,.afs-wa-gw-template-actions button:hover svg,.afs-wa-gw-logs-actions button:hover svg,.afs-wa-gw-scheduler-controls button:hover svg,.afs-wa-gw-form-actions button:hover svg{transform:scale(1.1)}.afs-wa-gw-scheduler-info li:hover svg{transform:scale(1.05)}@keyframes afs-wa-gw-pulse{0%,to{opacity:.5}50%{opacity:.8}}.afs-wa-gw-animate-spin{animation:afs-wa-gw-spin 1s linear infinite}.afs-wa-gw-animate-pulse{animation:afs-wa-gw-pulse 2s infinite}.afs-wa-gw-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:var(--afs-wa-gw-background-card);border-radius:1rem;border:1px solid var(--afs-wa-gw-border-color);box-shadow:var(--afs-wa-gw-shadow-card);transform:translateZ(0);will-change:transform}.afs-wa-gw-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--afs-wa-gw-primary-color),var(--afs-wa-gw-primary-dark));border:none;border-radius:.75rem;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;transform:translateZ(0);will-change:transform}.afs-wa-gw-back-btn svg{flex-shrink:0}.afs-wa-gw-back-btn:hover{transform:translate3d(0,-2px,0);box-shadow:0 8px 25px #8b5cf666}.afs-wa-gw-back-btn:active{transform:translateZ(0)}.afs-wa-gw-title h2{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;color:var(--afs-wa-gw-text-primary);background:linear-gradient(135deg,var(--afs-wa-gw-primary-color),var(--afs-wa-gw-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.75rem}.afs-wa-gw-title h2 svg{color:#a78bfa;flex-shrink:0}.afs-wa-gw-title p{margin:0;color:var(--afs-wa-gw-text-secondary);font-size:1rem}.afs-wa-gw-tabs-container{position:relative;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.afs-wa-gw-tabs{display:flex;gap:.5rem;padding:.75rem;background:var(--afs-wa-gw-background-card);border-radius:1rem;border:1px solid var(--afs-wa-gw-border-color);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--afs-wa-gw-primary-color) transparent;scroll-behavior:smooth;flex:1;min-height:60px;transform:translateZ(0);will-change:scroll-position}.afs-wa-gw-tab-scroll-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--afs-wa-gw-background-card);border:1px solid var(--afs-wa-gw-border-color);border-radius:50%;color:var(--afs-wa-gw-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;transform:translateZ(0);will-change:transform}.afs-wa-gw-tab-scroll-btn:hover{background:var(--afs-wa-gw-primary-color);color:#fff;transform:translate3d(0,-1px,0);box-shadow:0 4px 15px #8b5cf64d}.afs-wa-gw-tab-scroll-btn svg{width:16px;height:16px}.afs-wa-gw-tabs::-webkit-scrollbar{height:6px}.afs-wa-gw-tabs::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.afs-wa-gw-tabs::-webkit-scrollbar-thumb{background:var(--afs-wa-gw-primary-color);border-radius:3px}.afs-wa-gw-tabs::-webkit-scrollbar-thumb:hover{background:var(--afs-wa-gw-primary-dark)}.afs-wa-gw-tab-button{flex:0 0 auto;min-width:140px;max-width:200px;padding:.875rem 1.25rem;background:transparent;border:none;border-radius:.75rem;color:var(--afs-wa-gw-text-secondary);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.5rem;transform:translateZ(0);will-change:transform,background-color}.afs-wa-gw-tab-button svg{flex-shrink:0;width:18px;height:18px}.afs-wa-gw-tab-button:hover{background:rgba(139,92,246,.1);color:var(--afs-wa-gw-text-primary);transform:translate3d(0,-1px,0)}.afs-wa-gw-tab-button.active{background:linear-gradient(135deg,var(--afs-wa-gw-primary-color),var(--afs-wa-gw-primary-dark));color:#fff;box-shadow:0 4px 15px #8b5cf64d}.afs-wa-gw-tabs:before,.afs-wa-gw-tabs:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1;transition:opacity .3s ease}.afs-wa-gw-tabs:before{left:0;background:linear-gradient(to right,var(--afs-wa-gw-background-card),transparent);opacity:0}.afs-wa-gw-tabs:after{right:0;background:linear-gradient(to left,var(--afs-wa-gw-background-card),transparent);opacity:0}.afs-wa-gw-tabs.scroll-left:before{opacity:1}.afs-wa-gw-tabs.scroll-right:after{opacity:1}.afs-wa-gw-tab-content{animation:afs-wa-gw-fadeIn .3s ease-out}@keyframes afs-wa-gw-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.afs-wa-gw-status-card{background:var(--afs-wa-gw-background-card);border-radius:1rem;border:1px solid var(--afs-wa-gw-border-color);box-shadow:var(--afs-wa-gw-shadow-card);padding:2rem;margin-bottom:2rem;transform:translateZ(0)}.afs-wa-gw-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.afs-wa-gw-status-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--afs-wa-gw-text-primary)}.afs-wa-gw-status-badge{padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem}.afs-wa-gw-status-badge.connected{background:linear-gradient(135deg,var(--afs-wa-gw-success-color),#059669);color:#fff}.afs-wa-gw-status-badge.connecting{background:linear-gradient(135deg,var(--afs-wa-gw-warning-color),#d97706);color:#fff;animation:afs-wa-gw-pulse 2s infinite}.afs-wa-gw-status-badge.disconnected{background:linear-gradient(135deg,var(--afs-wa-gw-error-color),#dc2626);color:#fff}.afs-wa-gw-status-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.afs-wa-gw-status-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(255,255,255,.03);border-radius:.75rem;border:1px solid rgba(255,255,255,.1)}.afs-wa-gw-status-label{color:var(--afs-wa-gw-text-secondary);font-weight:500}.afs-wa-gw-status-value{color:var(--afs-wa-gw-text-primary);font-weight:600}.afs-wa-gw-status-actions{display:flex;gap:.75rem;flex-wrap:wrap}.afs-wa-gw-status-actions button{padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;transform:translateZ(0);will-change:transform;display:flex;align-items:center;gap:.375rem;white-space:nowrap;min-width:fit-content}.afs-wa-gw-status-actions button svg{flex-shrink:0;width:16px;height:16px}.afs-wa-gw-btn-start{background:linear-gradient(135deg,var(--afs-wa-gw-success-color),#059669);color:#fff}.afs-wa-gw-btn-start:hover:not(:disabled){transform:translate3d(0,-2px,0);box-shadow:0 8px 25px #10b98166}.afs-wa-gw-btn-start:disabled{opacity:.6;cursor:not-allowed}.afs-wa-gw-btn-logout{background:linear-gradient(135deg,var(--afs-wa-gw-error-color),#dc2626);color:#fff}.afs-wa-gw-btn-logout:hover{transform:translate3d(0,-2px,0);box-shadow:0 8px 25px #ef444466}.afs-wa-gw-btn-restart{background:linear-gradient(135deg,var(--afs-wa-gw-warning-color),#d97706);color:#fff}.afs-wa-gw-btn-restart:hover{transform:translate3d(0,-2px,0);box-shadow:0 8px 25px #f59e0b66}.afs-wa-gw-btn-reset{background:linear-gradient(135deg,var(--afs-wa-gw-error-color),#dc2626);color:#fff}.afs-wa-gw-btn-reset:hover{transform:translate3d(0,-2px,0);box-shadow:0 8px 25px #ef444466}.afs-wa-gw-connecting-status-display{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--afs-wa-gw-warning-color),#d97706);color:#fff;border-radius:.75rem;font-weight:600;animation:afs-wa-gw-pulse 2s infinite}.afs-wa-gw-qr-loading-display,.afs-wa-gw-qr-display,.afs-wa-gw-qr-error-display{display:flex;justify-content:center;align-items:center;padding:3rem;margin-top:2rem;background:rgba(255,255,255,.02);border-radius:1rem;border:2px dashed rgba(139,92,246,.3)}.afs-wa-gw-qr-loading-container,.afs-wa-gw-qr-container,.afs-wa-gw-qr-error-container{text-align:center}.afs-wa-gw-qr-loading-spinner{width:60px;height:60px;border:4px solid rgba(139,92,246,.2);border-top:4px solid var(--afs-wa-gw-primary-color);border-radius:50%;animation:afs-wa-gw-spin 1s linear infinite;margin:0 auto 1rem}@keyframes afs-wa-gw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.afs-wa-gw-qr-loading-text,.afs-wa-gw-qr-instruction,.afs-wa-gw-qr-error-text{color:var(--afs-wa-gw-text-secondary);font-size:1rem;margin:0}.afs-wa-gw-qr-connecting-status{margin-top:1rem;text-align:center;color:var(--afs-wa-gw-warning-color);font-size:.875rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.afs-wa-gw-connecting-spinner{width:20px;height:20px;border:2px solid var(--afs-wa-gw-warning-color);border-top:2px solid transparent;border-radius:50%;animation:afs-wa-gw-spin 1s linear infinite}.afs-wa-gw-qr-image{max-width:300px;border-radius:.75rem;box-shadow:0 8px 32px #0000004d}.afs-wa-gw-qr-error-icon{font-size:3rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.afs-wa-gw-qr-error-icon svg{color:#ef4444;opacity:.8}.afs-wa-gw-config-card,.afs-wa-gw-message-card,.afs-wa-gw-history-card{background:var(--afs-wa-gw-background-card);border-radius:1rem;border:1px solid var(--afs-wa-gw-border-color);box-shadow:var(--afs-wa-gw-shadow-card);padding:2rem;margin-bottom:2rem;transform:translateZ(0)}.afs-wa-gw-config-header,.afs-wa-gw-message-header,.afs-wa-gw-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.afs-wa-gw-config-header h3,.afs-wa-gw-message-header h3,.afs-wa-gw-history-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--afs-wa-gw-text-primary)}.afs-wa-gw-message-actions{display:flex;gap:.75rem}.afs-wa-gw-btn-send{padding:.5rem 1rem;background:linear-gradient(135deg,var(--afs-wa-gw-primary-color),var(--afs-wa-gw-primary-dark));border:none;border-radius:.5rem;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;transform:translateZ(0);will-change:transform;display:flex;align-items:center;gap:.375rem;white-space:nowrap;min-width:fit-content}.afs-wa-gw-btn-send svg{flex-shrink:0;width:16px;height:16px}.afs-wa-gw-btn-send:hover{transform:translate3d(0,-1px,0);box-shadow:0 4px 12px #8b5cf64d}.afs-wa-gw-contacts-card{background:var(--afs-wa-gw-background-card);border-radius:1rem;border:1px solid var(--afs-wa-gw-border-color);box-shadow:var(--afs-wa-gw-shadow-card);padding:2rem;transform:translateZ(0)}.afs-wa-gw-contacts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.afs-wa-gw-contacts-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--afs-wa-gw-text-primary)}.afs-wa-gw-contacts-actions{display:flex;gap:.75rem;flex-wrap:wrap}.afs-wa-gw-btn-fix-contacts,.afs-wa-gw-btn-cleanup-contacts{padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;transform:translateZ(0);will-change:transform;display:flex;align-items:center;gap:.375rem;white-space:nowrap;min-width:fit-content}.afs-wa-gw-btn-fix-contacts svg,.afs-wa-gw-btn-cleanup-contacts svg{flex-shrink:0;width:16px;height:16px}.afs-wa-gw-btn-fix-contacts{background:linear-gradient(135deg,var(--afs-wa-gw-info-color),#2563eb);color:#fff}.afs-wa-gw-btn-fix-contacts:hover{transform:translate3d(0,-1px,0);box-shadow:0 4px 12px #3b82f64d}.afs-wa-gw-btn-cleanup-contacts{background:linear-gradient(135deg,var(--afs-wa-gw-error-color),#dc2626);color:#fff}.afs-wa-gw-btn-cleanup-contacts:hover{transform:translate3d(0,-1px,0);box-shadow:0 4px 12px #ef44444d}.afs-wa-gw-contacts-list-container{max-height:600px;overflow-y:auto;transform:translateZ(0);will-change:scroll-position}.afs-wa-gw-empty-contacts{text-align:center;padding:3rem;color:var(--afs-wa-gw-text-secondary)}.afs-wa-gw-empty-icon{font-size:4rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.afs-wa-gw-empty-icon svg{color:#a78bfa;opacity:.7}.afs-wa-gw-empty-contacts h4{margin:0 0 .5rem;color:var(--afs-wa-gw-text-primary);font-size:1.25rem}.afs-wa-gw-contacts-list{display:flex;flex-direction:column;gap:1rem}.afs-wa-gw-contact-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:rgba(255,255,255,.03);border-radius:.75rem;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;transform:translateZ(0);will-change:transform}.afs-wa-gw-contact-item:hover{background:rgba(255,255,255,.05);transform:translate3d(0,-2px,0);box-shadow:0 4px 15px #0003}.afs-wa-gw-contact-info h4{margin:0 0 .5rem;color:var(--afs-wa-gw-text-primary);font-size:1.125rem}.afs-wa-gw-contact-info p{margin:0 0 .25rem;color:var(--afs-wa-gw-text-secondary);font-size:.875rem}.afs-wa-gw-contact-info small{color:var(--afs-wa-gw-text-secondary);font-size:.75rem}.afs-wa-gw-contact-actions{display:flex;gap:.5rem}.afs-wa-gw-btn-view-messages,.afs-wa-gw-btn-delete-contact{padding:.375rem .75rem;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.75rem;transform:translateZ(0);will-change:transform;display:flex;align-items:center;gap:.375rem;white-space:nowrap;min-width:fit-content}.afs-wa-gw-btn-view-messages svg,.afs-wa-gw-btn-delete-contact svg{flex-shrink:0;width:14px;height:14px}.afs-wa-gw-btn-view-messages{background:linear-gradient(135deg,var(--afs-wa-gw-primary-color),var(--afs-wa-gw-primary-dark));color:#fff}.afs-wa-gw-btn-view-messages:hover{transform:translate3d(0,-1px,0);box-shadow:0 2px 8px #8b5cf64d}.afs-wa-gw-btn-delete-contact{background:linear-gradient(135deg,var(--afs-wa-gw-error-color),#dc2626);color:#fff}.afs-wa-gw-btn-delete-contact:hover{transform:translate3d(0,-1px,0);box-shadow:0 2px 8px #ef44444d}.afs-wa-gw-templates-section,.afs-wa-gw-logs-section,.afs-wa-gw-stats-section,.afs-wa-gw-scheduler-section{background:var(--afs-wa-gw-background-card);border-radius:1rem;border:1px solid var(--afs-wa-gw-border-color);box-shadow:var(--afs-wa-gw-shadow-card);padding:2rem;margin-bottom:2rem;transform:translateZ(0)}.afs-wa-gw-templates-header,.afs-wa-gw-logs-header,.afs-wa-gw-scheduler-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.afs-wa-gw-templates-header h3,.afs-wa-gw-logs-header h3,.afs-wa-gw-scheduler-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--afs-wa-gw-text-primary)}.afs-wa-gw-btn-cleanup-duplicates,.afs-wa-gw-btn-delete-logs{padding:.5rem 1rem;background:linear-gradient(135deg,var(--afs-wa-gw-warning-color),#d97706);border:none;border-radius:.5rem;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;transform:translateZ(0);will-change:transform;display:flex;align-items:center;gap:.375rem;white-space:nowrap;min-width:fit-content}.afs-wa-gw-btn-cleanup-duplicates svg,.afs-wa-gw-btn-delete-logs svg{flex-shrink:0;width:16px;height:16px}.afs-wa-gw-btn-cleanup-duplicates:hover,.afs-wa-gw-btn-delete-logs:hover{transform:translate3d(0,-1px,0);box-shadow:0 4px 12px #f59e0b4d}.afs-wa-gw-btn-test-new-customer{padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;min-width:fit-content}.afs-wa-gw-btn-test-new-customer svg{flex-shrink:0;width:16px;height:16px;color:#fff}.afs-wa-gw-btn-test-new-customer:hover{transform:translate3d(0,-1px,0);box-shadow:0 4px 12px #10b9814d;background:linear-gradient(135deg,#059669,#047857)}.afs-wa-gw-templates-actions{display:flex;gap:.75rem;align-items:center}.afs-wa-gw-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.afs-wa-gw-template-card{background:rgba(255,255,255,.03);border-radius:.75rem;border:1px solid rgba(255,255,255,.1);padding:1.5rem;transition:all .2s ease;transform:translateZ(0);will-change:transform}.afs-wa-gw-template-card:hover{background:rgba(255,255,255,.05);transform:translate3d(0,-2px,0);box-shadow:0 4px 15px #0003}.afs-wa-gw-template-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.afs-wa-gw-template-header h3{margin:0;color:var(--afs-wa-gw-text-primary);font-size:1.125rem;font-weight:600}.afs-wa-gw-template-type{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.afs-wa-gw-template-type.new_billing{background:linear-gradient(135deg,var(--afs-wa-gw-success-color),#059669);color:#fff}.afs-wa-gw-template-type.overdue_billing{background:linear-gradient(135deg,var(--afs-wa-gw-warning-color),#d97706);color:#fff}.afs-wa-gw-template-type.payment_received{background:linear-gradient(135deg,var(--afs-wa-gw-info-color),#2563eb);color:#fff}.afs-wa-gw-template-type.new_customer_registration{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.afs-wa-gw-template-message{color:var(--afs-wa-gw-text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.afs-wa-gw-template-meta{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.75rem;color:var(--afs-wa-gw-text-secondary)}.afs-wa-gw-template-actions{display:flex;gap:.75rem;align-items:center}.afs-wa-gw-btn-edit,.afs-wa-gw-btn-test{flex:1;padding:.375rem .75rem;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.75rem;transform:translateZ(0);will-change:transform;min-width:auto;width:auto;display:flex;align-items:center;gap:.375rem;white-space:nowrap}.afs-wa-gw-btn-edit svg,.afs-wa-gw-btn-test svg{flex-shrink:0;width:14px;height:14px}.afs-wa-gw-btn-edit{background:linear-gradient(135deg,var(--afs-wa-gw-primary-color),var(--afs-wa-gw-primary-dark));color:#fff}.afs-wa-gw-btn-edit:hover{transform:translate3d(0,-1px,0);box-shadow:0 4px 15px #8b5cf64d}.afs-wa-gw-btn-test{background:linear-gradient(135deg,var(--afs-wa-gw-info-color),#2563eb);color:#fff}.afs-wa-gw-logs-table-container{overflow-x:auto;transform:translateZ(0);will-change:scroll-position}.afs-wa-gw-logs-table{width:100%;border-collapse:collapse;font-size:.875rem}.afs-wa-gw-logs-table th{background:rgba(255,255,255,.05);color:var(--afs-wa-gw-text-primary);font-weight:600;text-align:left;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.afs-wa-gw-logs-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--afs-wa-gw-text-secondary)}.afs-wa-gw-logs-table tr:hover{background:rgba(255,255,255,.02)}.afs-wa-gw-log-row.success{border-left:3px solid var(--afs-wa-gw-success-color)}.afs-wa-gw-log-row.failed{border-left:3px solid var(--afs-wa-gw-error-color)}.afs-wa-gw-status-badge.success{background:linear-gradient(135deg,var(--afs-wa-gw-success-color),#059669);color:#fff;padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.afs-wa-gw-status-badge.failed{background:linear-gradient(135deg,var(--afs-wa-gw-error-color),#dc2626);color:#fff;padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.afs-wa-gw-message-cell{max-width:200px}.afs-wa-gw-message-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.afs-wa-gw-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.afs-wa-gw-stat-card{background:rgba(255,255,255,.03);border-radius:.75rem;border:1px solid rgba(255,255,255,.1);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;transform:translateZ(0);will-change:transform}.afs-wa-gw-stat-card:hover{background:rgba(255,255,255,.05);transform:translate3d(0,-2px,0);box-shadow:0 4px 15px #0003}.afs-wa-gw-stat-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.afs-wa-gw-stat-icon.total{background:linear-gradient(135deg,var(--afs-wa-gw-primary-color),var(--afs-wa-gw-primary-dark))}.afs-wa-gw-stat-icon.success{background:linear-gradient(135deg,var(--afs-wa-gw-success-color),#059669)}.afs-wa-gw-stat-icon.failed{background:linear-gradient(135deg,var(--afs-wa-gw-error-color),#dc2626)}.afs-wa-gw-stat-icon.rate{background:linear-gradient(135deg,var(--afs-wa-gw-info-color),#2563eb)}.afs-wa-gw-stat-info h3{margin:0 0 .5rem;color:var(--afs-wa-gw-text-secondary);font-size:.875rem;font-weight:500}.afs-wa-gw-stat-number{margin:0;color:var(--afs-wa-gw-text-primary);font-size:1.5rem;font-weight:700}.afs-wa-gw-scheduler-controls{margin-bottom:1.5rem}.afs-wa-gw-btn-trigger-overdue{padding:.5rem 1rem;background:linear-gradient(135deg,var(--afs-wa-gw-success-color),#059669);border:none;border-radius:.5rem;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;transform:translateZ(0);will-change:transform;display:flex;align-items:center;gap:.375rem;white-space:nowrap;min-width:fit-content}.afs-wa-gw-btn-trigger-overdue svg{flex-shrink:0;width:16px;height:16px}.afs-wa-gw-btn-trigger-overdue:hover{transform:translate3d(0,-1px,0);box-shadow:0 4px 12px #10b9814d}.afs-wa-gw-scheduler-info{background:rgba(255,255,255,.03);border-radius:.75rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.afs-wa-gw-scheduler-info h4{margin:0 0 1rem;color:var(--afs-wa-gw-text-primary);font-size:1.125rem;font-weight:600}.afs-wa-gw-scheduler-info ul{margin:0;padding-left:1.5rem;color:var(--afs-wa-gw-text-secondary)}.afs-wa-gw-scheduler-info li{margin-bottom:.5rem;line-height:1.5}.afs-wa-gw-form{display:flex;flex-direction:column;gap:1.5rem;color:var(--afs-wa-gw-text-primary)}.afs-wa-gw-form-group{display:flex;flex-direction:column;gap:.5rem}.afs-wa-gw-form-group label{color:var(--afs-wa-gw-text-primary);font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.afs-wa-gw-form-group label svg{color:#a78bfa;flex-shrink:0}.afs-wa-gw-form-group input,.afs-wa-gw-form-group textarea,.afs-wa-gw-form-group select{padding:.75rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:var(--afs-wa-gw-text-primary);font-size:.875rem;transition:all .2s ease;transform:translateZ(0);will-change:transform}.afs-wa-gw-form-group input:focus,.afs-wa-gw-form-group textarea:focus,.afs-wa-gw-form-group select:focus{outline:none;border-color:var(--afs-wa-gw-primary-color);box-shadow:0 0 0 3px #8b5cf61a}.afs-wa-gw-form-group select{background:rgba(15,23,42,.9);color:var(--afs-wa-gw-text-primary);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a78bfa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5em 1.5em;padding-right:2.5rem}.afs-wa-gw-form-group select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%238b5cf6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.afs-wa-gw-form-group select option{background:rgba(15,23,42,.95);color:var(--afs-wa-gw-text-primary);padding:.5rem;border:none}.afs-wa-gw-form-group select option:hover{background:rgba(139,92,246,.2);color:var(--afs-wa-gw-text-primary)}.afs-wa-gw-form-group select option:checked,.afs-wa-gw-form-group select option:selected{background:linear-gradient(135deg,var(--afs-wa-gw-primary-color),var(--afs-wa-gw-primary-dark));color:#fff}.afs-wa-gw-form-group input::placeholder,.afs-wa-gw-form-group textarea::placeholder{color:var(--afs-wa-gw-text-secondary)}.afs-wa-gw-form-group small{color:var(--afs-wa-gw-text-secondary);font-size:.75rem}.afs-wa-gw-form-group input[type=checkbox]{width:1rem;height:1rem;margin-right:.5rem;accent-color:var(--afs-wa-gw-primary-color)}.afs-wa-gw-form-group label:has(input[type=checkbox]){display:flex;align-items:center;cursor:pointer;font-weight:500}.afs-wa-gw-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.afs-wa-gw-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;align-items:center}.afs-wa-gw-btn-cancel,.afs-wa-gw-btn-save,.afs-wa-gw-btn-test,.afs-wa-gw-btn-delete{padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;transform:translateZ(0);will-change:transform;display:flex;align-items:center;gap:.375rem;white-space:nowrap;min-width:fit-content}.afs-wa-gw-btn-cancel svg,.afs-wa-gw-btn-save svg,.afs-wa-gw-btn-test svg,.afs-wa-gw-btn-delete svg{flex-shrink:0;width:16px;height:16px}.afs-wa-gw-btn-cancel{background:rgba(255,255,255,.1);color:var(--afs-wa-gw-text-secondary)}.afs-wa-gw-btn-cancel:hover{background:rgba(255,255,255,.15);color:var(--afs-wa-gw-text-primary)}.afs-wa-gw-btn-save{background:linear-gradient(135deg,var(--afs-wa-gw-success-color),#059669);color:#fff}.afs-wa-gw-btn-save:hover{transform:translate3d(0,-1px,0);box-shadow:0 4px 15px #10b9814d}.afs-wa-gw-btn-test{background:linear-gradient(135deg,var(--afs-wa-gw-info-color),#2563eb);color:#fff;min-width:auto;width:auto}.afs-wa-gw-btn-test:hover{transform:translate3d(0,-1px,0);box-shadow:0 4px 15px #3b82f64d}.afs-wa-gw-btn-delete{background:linear-gradient(135deg,var(--afs-wa-gw-error-color),#dc2626);color:#fff}.afs-wa-gw-btn-delete:hover{transform:translate3d(0,-1px,0);box-shadow:0 4px 15px #ef44444d}.afs-wa-gw-form-warning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:.5rem;padding:1rem;color:var(--afs-wa-gw-warning-color);font-size:.875rem}.afs-wa-gw-empty-messages{text-align:center;padding:3rem;color:var(--afs-wa-gw-text-secondary)}.afs-wa-gw-messages-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;transform:translateZ(0);will-change:scroll-position}.afs-wa-gw-message-item{display:flex;margin-bottom:1rem}.afs-wa-gw-message-item.incoming{justify-content:flex-start}.afs-wa-gw-message-item.outgoing{justify-content:flex-end}.afs-wa-gw-message-content{max-width:70%;padding:1rem;border-radius:1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.afs-wa-gw-message-item.outgoing .afs-wa-gw-message-content{background:linear-gradient(135deg,var(--afs-wa-gw-primary-color),var(--afs-wa-gw-primary-dark));color:#fff}.afs-wa-gw-message-content p{margin:0 0 .5rem;line-height:1.4}.afs-wa-gw-message-media{font-size:.875rem;opacity:.8;margin-bottom:.5rem}.afs-wa-gw-message-content small{font-size:.75rem;opacity:.7}.afs-wa-gw-admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--afs-wa-gw-text-secondary)}.afs-wa-gw-admin-loading-spinner{width:60px;height:60px;border:4px solid rgba(139,92,246,.2);border-top:4px solid var(--afs-wa-gw-primary-color);border-radius:50%;animation:afs-wa-gw-spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.afs-wa-gw-header{flex-direction:column;align-items:flex-start;gap:1rem}.afs-wa-gw-tabs{flex-wrap:wrap}.afs-wa-gw-tab-button{flex:none;min-width:120px}.afs-wa-gw-status-details{grid-template-columns:1fr}.afs-wa-gw-status-actions{flex-direction:column}.afs-wa-gw-contacts-header{flex-direction:column;align-items:flex-start}.afs-wa-gw-contacts-actions{width:100%}.afs-wa-gw-contact-item{flex-direction:column;align-items:flex-start;gap:1rem}.afs-wa-gw-contact-actions{width:100%;justify-content:stretch}.afs-wa-gw-template-actions .afs-wa-gw-btn-edit,.afs-wa-gw-template-actions .afs-wa-gw-btn-test{width:100%!important;flex:1!important}.afs-wa-gw-templates-grid{grid-template-columns:1fr}.afs-wa-gw-templates-header,.afs-wa-gw-logs-header{flex-direction:column;align-items:flex-start}.afs-wa-gw-stats-grid,.afs-wa-gw-form-row{grid-template-columns:1fr}.afs-wa-gw-form-actions{flex-direction:row!important;gap:1rem;justify-content:flex-end;align-items:center}.afs-wa-gw-form-actions .afs-wa-gw-btn-cancel,.afs-wa-gw-form-actions .afs-wa-gw-btn-save,.afs-wa-gw-form-actions .afs-wa-gw-btn-test,.afs-wa-gw-form-actions .afs-wa-gw-btn-delete{width:auto!important;min-width:100px;flex:none!important}.afs-wa-gw-form-group label svg{width:14px;height:14px}.afs-wa-gw-status-actions button svg,.afs-wa-gw-message-actions button svg,.afs-wa-gw-contacts-actions button svg,.afs-wa-gw-contact-actions button svg,.afs-wa-gw-template-actions button svg,.afs-wa-gw-logs-actions button svg,.afs-wa-gw-scheduler-controls button svg,.afs-wa-gw-form-actions button svg{width:14px;height:14px}}@media (max-width: 480px){.afs-wa-gw-tabs-container{margin-bottom:1rem}.afs-wa-gw-header{padding:1rem}.afs-wa-gw-title h2{font-size:1.5rem}.afs-wa-gw-title h2 svg{width:20px;height:20px}.afs-wa-gw-tabs-container{gap:.25rem}.afs-wa-gw-tabs{padding:.375rem;gap:.25rem}.afs-wa-gw-tab-button{min-width:100px;padding:.625rem .75rem;font-size:.75rem}.afs-wa-gw-tab-button svg{width:14px;height:14px}.afs-wa-gw-tab-scroll-btn{width:32px;height:32px}.afs-wa-gw-tab-scroll-btn svg{width:12px;height:12px}.afs-wa-gw-tab-scroll-btn{display:none}.afs-wa-gw-tabs-container{gap:0}.afs-wa-gw-status-card,.afs-wa-gw-ai-card,.afs-wa-gw-config-card,.afs-wa-gw-message-card,.afs-wa-gw-history-card,.afs-wa-gw-contacts-card,.afs-wa-gw-templates-section,.afs-wa-gw-logs-section,.afs-wa-gw-stats-section,.afs-wa-gw-scheduler-section{padding:1.5rem}.afs-wa-gw-status-header h3,.afs-wa-gw-ai-header h3,.afs-wa-gw-config-header h3,.afs-wa-gw-message-header h3,.afs-wa-gw-history-header h3,.afs-wa-gw-contacts-header h3,.afs-wa-gw-templates-header h3,.afs-wa-gw-logs-header h3,.afs-wa-gw-scheduler-header h3{font-size:1.25rem}.afs-wa-gw-contact-item,.afs-wa-gw-template-card,.afs-wa-gw-stat-card{padding:1rem}.afs-wa-gw-logs-table th,.afs-wa-gw-logs-table td{padding:.75rem;font-size:.8rem}.afs-wa-gw-message-cell{max-width:150px}.afs-wa-gw-form-actions{flex-direction:row!important;gap:.5rem;justify-content:flex-end;align-items:center}.afs-wa-gw-form-actions .afs-wa-gw-btn-cancel,.afs-wa-gw-form-actions .afs-wa-gw-btn-save,.afs-wa-gw-form-actions .afs-wa-gw-btn-test,.afs-wa-gw-form-actions .afs-wa-gw-btn-delete{width:auto!important;min-width:80px;flex:none!important;font-size:.9rem;padding:.5rem 1rem}.afs-wa-gw-template-actions .afs-wa-gw-btn-edit,.afs-wa-gw-template-actions .afs-wa-gw-btn-test,.afs-wa-gw-form-actions .afs-wa-gw-btn-cancel,.afs-wa-gw-form-actions .afs-wa-gw-btn-save,.afs-wa-gw-form-actions .afs-wa-gw-btn-test,.afs-wa-gw-form-actions .afs-wa-gw-btn-delete{width:100%!important;flex:1!important}.afs-wa-gw-title h2 svg{width:18px;height:18px}.afs-wa-gw-form-group label svg{width:12px;height:12px}.afs-wa-gw-status-actions button svg,.afs-wa-gw-message-actions button svg,.afs-wa-gw-contacts-actions button svg,.afs-wa-gw-contact-actions button svg,.afs-wa-gw-template-actions button svg,.afs-wa-gw-logs-actions button svg,.afs-wa-gw-scheduler-controls button svg,.afs-wa-gw-form-actions button svg{width:12px;height:12px}}@media (prefers-color-scheme: dark){:root{--afs-wa-gw-background-dark: #0f172a;--afs-wa-gw-background-card: #1e293b;--afs-wa-gw-text-primary: #f1f5f9;--afs-wa-gw-text-secondary: #cbd5e1}}@media (prefers-reduced-motion: reduce){.afs-wa-gw-tab-button,.afs-wa-gw-status-actions button,.afs-wa-gw-btn-test-ai,.afs-wa-gw-btn-send,.afs-wa-gw-btn-fix-contacts,.afs-wa-gw-btn-cleanup-contacts,.afs-wa-gw-btn-view-messages,.afs-wa-gw-btn-delete-contact,.afs-wa-gw-btn-cleanup-duplicates,.afs-wa-gw-btn-delete-logs,.afs-wa-gw-btn-edit,.afs-wa-gw-btn-test,.afs-wa-gw-btn-trigger-overdue,.afs-wa-gw-btn-cancel,.afs-wa-gw-btn-save,.afs-wa-gw-btn-delete,.afs-wa-gw-contact-item,.afs-wa-gw-template-card,.afs-wa-gw-stat-card{transition:none}.afs-wa-gw-admin-loading-spinner,.afs-wa-gw-qr-loading-spinner{animation:none}}@media (prefers-contrast: high){:root{--afs-wa-gw-border-color: rgba(255, 255, 255, .3);--afs-wa-gw-text-secondary: #e2e8f0}.afs-wa-gw-status-card,.afs-wa-gw-ai-card,.afs-wa-gw-config-card,.afs-wa-gw-message-card,.afs-wa-gw-history-card,.afs-wa-gw-contacts-card,.afs-wa-gw-templates-section,.afs-wa-gw-logs-section,.afs-wa-gw-stats-section,.afs-wa-gw-scheduler-section{border-width:2px}}.afs-wa-gw-btn-test[type=submit],button.afs-wa-gw-btn-test,.afs-wa-gw-form-actions .afs-wa-gw-btn-cancel,.afs-wa-gw-form-actions .afs-wa-gw-btn-save,.afs-wa-gw-form-actions .afs-wa-gw-btn-test,.afs-wa-gw-form-actions .afs-wa-gw-btn-delete,.afs-wa-gw-template-actions .afs-wa-gw-btn-edit,.afs-wa-gw-template-actions .afs-wa-gw-btn-test{min-width:auto!important;width:auto!important;flex:none!important}.afs-wa-gw-btn-delete-all-chats,.afs-wa-gw-btn-delete-chat{background:var(--afs-wa-gw-error-color);border:none;border-radius:.375rem;padding:.375rem .75rem;color:var(--afs-wa-gw-text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;white-space:nowrap;min-width:fit-content}.afs-wa-gw-btn-delete-all-chats:hover:not(:disabled),.afs-wa-gw-btn-delete-chat:hover:not(:disabled){background:#dc2626;transform:translate3d(0,-1px,0);box-shadow:0 2px 8px #ef44444d}.afs-wa-gw-btn-delete-all-chats:disabled,.afs-wa-gw-btn-delete-chat:disabled{opacity:.5;cursor:not-allowed}.afs-wa-gw-btn-delete-all-chats svg,.afs-wa-gw-btn-delete-chat svg{width:14px;height:14px;flex-shrink:0}.afs-wa-gw-contact-actions{display:flex;gap:.375rem;flex-wrap:wrap}.afs-wa-gw-contact-actions button{padding:.25rem .5rem;font-size:.6875rem;white-space:nowrap;min-width:fit-content}.afs-wa-gw-contact-actions .afs-wa-gw-btn-delete-chat{background:var(--afs-wa-gw-error-color);color:var(--afs-wa-gw-text-primary)}.afs-wa-gw-contact-actions .afs-wa-gw-btn-delete-chat:hover:not(:disabled){background:#dc2626;transform:translate3d(0,-1px,0);box-shadow:0 2px 6px #ef44444d}@media (max-width: 768px){.afs-wa-gw-contacts-actions{flex-direction:column;gap:.5rem}.afs-wa-gw-contacts-actions button{width:100%;justify-content:center;padding:.5rem 1rem;font-size:.875rem}.afs-wa-gw-contact-actions{flex-direction:column;gap:.25rem}.afs-wa-gw-contact-actions button{width:100%;justify-content:center;padding:.375rem .75rem;font-size:.75rem}}@media (max-width: 480px){.afs-wa-gw-btn-delete-all-chats,.afs-wa-gw-btn-delete-chat{padding:.375rem .75rem;font-size:.75rem}.afs-wa-gw-btn-delete-all-chats svg,.afs-wa-gw-btn-delete-chat svg{width:.875rem;height:.875rem}.afs-wa-gw-contact-actions button{padding:.25rem .5rem;font-size:.6875rem}.afs-wa-gw-contact-actions .afs-wa-gw-btn-delete-chat svg{width:.75rem;height:.75rem}}@media (prefers-color-scheme: dark){.afs-wa-gw-btn-delete-all-chats,.afs-wa-gw-btn-delete-chat{background:var(--afs-wa-gw-error-color);color:var(--afs-wa-gw-text-primary)}.afs-wa-gw-btn-delete-all-chats:hover:not(:disabled),.afs-wa-gw-btn-delete-chat:hover:not(:disabled){background:#dc2626}}@media (prefers-reduced-motion: reduce){.afs-wa-gw-btn-delete-all-chats,.afs-wa-gw-btn-delete-chat{transition:none}.afs-wa-gw-btn-delete-all-chats:hover:not(:disabled),.afs-wa-gw-btn-delete-chat:hover:not(:disabled){transform:none}}.afs-wa-gw-bulk-card{background:var(--afs-wa-gw-background-card);border-radius:1rem;border:1px solid var(--afs-wa-gw-border-color);box-shadow:var(--afs-wa-gw-shadow-card);padding:2rem;margin-bottom:2rem}.afs-wa-gw-bulk-header{margin-bottom:2rem;text-align:center}.afs-wa-gw-bulk-header h3{color:var(--afs-wa-gw-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.afs-wa-gw-bulk-header p{color:var(--afs-wa-gw-text-secondary);font-size:.9rem}.afs-wa-gw-bulk-form{display:flex;flex-direction:column;gap:1.5rem}.afs-wa-gw-bulk-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.afs-wa-gw-btn-preview{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--afs-wa-gw-info-color),#2563eb);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;transform:translateZ(0);will-change:transform}.afs-wa-gw-btn-preview:hover:not(:disabled){transform:translate3d(0,-2px,0);box-shadow:0 8px 25px #3b82f64d}.afs-wa-gw-btn-preview:disabled{opacity:.6;cursor:not-allowed}.afs-wa-gw-btn-send-bulk{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--afs-wa-gw-success-color),#059669);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;transform:translateZ(0);will-change:transform}.afs-wa-gw-btn-send-bulk:hover:not(:disabled){transform:translate3d(0,-2px,0);box-shadow:0 8px 25px #10b9814d}.afs-wa-gw-btn-send-bulk:disabled{opacity:.6;cursor:not-allowed}.afs-wa-gw-media-preview{position:relative;display:inline-block;margin-top:.5rem}.afs-wa-gw-media-preview img{max-width:200px;max-height:200px;border-radius:.5rem;border:2px solid var(--afs-wa-gw-border-color)}.afs-wa-gw-btn-remove-media{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--afs-wa-gw-error-color);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.afs-wa-gw-btn-remove-media:hover{background:#dc2626;transform:scale(1.1)}.afs-wa-gw-bulk-progress{margin-top:1rem;padding:1rem;background:rgba(255,255,255,.03);border-radius:.75rem;border:1px solid rgba(255,255,255,.1)}.afs-wa-gw-progress-bar{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.afs-wa-gw-progress-fill{height:100%;background:linear-gradient(135deg,var(--afs-wa-gw-success-color),#059669);border-radius:4px;transition:width .3s ease}.afs-wa-gw-progress-text{color:var(--afs-wa-gw-text-secondary);font-size:.875rem;text-align:center}.afs-wa-gw-bulk-preview{padding:20px 0}.afs-wa-gw-bulk-preview-header{margin-bottom:1rem;text-align:center}.afs-wa-gw-bulk-preview-header h4{color:var(--afs-wa-gw-text-primary);font-size:1.1rem;font-weight:600;margin:0}.afs-wa-gw-bulk-preview-list{max-height:400px;overflow-y:auto;margin-bottom:1rem}.afs-wa-gw-bulk-preview-item{padding:1rem;background:rgba(255,255,255,.03);border-radius:.5rem;border:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.afs-wa-gw-bulk-preview-info h5{margin:0 0 .25rem;color:var(--afs-wa-gw-text-primary);font-size:1rem;font-weight:600}.afs-wa-gw-bulk-preview-info p{margin:0 0 .25rem;color:var(--afs-wa-gw-text-secondary);font-size:.875rem}.afs-wa-gw-bulk-preview-info small{color:var(--afs-wa-gw-text-secondary);font-size:.75rem}.afs-wa-gw-bulk-preview-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.afs-wa-gw-bulk-preview-actions button{padding:.5rem 1rem;border-radius:.375rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem;border:none}.afs-wa-gw-confirm-content{padding:20px 0}.afs-wa-gw-confirm-content p{margin-bottom:20px;font-size:16px;line-height:1.5;color:#374151}.afs-wa-gw-confirm-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.afs-wa-gw-confirm-actions button{padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none}.afs-wa-gw-confirm-actions .afs-wa-gw-btn-cancel{background:rgba(255,255,255,.1);color:var(--afs-wa-gw-text-secondary);border:1px solid rgba(255,255,255,.2)}.afs-wa-gw-confirm-actions .afs-wa-gw-btn-cancel:hover{background:rgba(255,255,255,.15);color:var(--afs-wa-gw-text-primary);border-color:#ffffff4d}.afs-wa-gw-confirm-actions .afs-wa-gw-btn-delete{background:linear-gradient(135deg,var(--afs-wa-gw-error-color),#dc2626);color:#fff}.afs-wa-gw-confirm-actions .afs-wa-gw-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translate3d(0,-1px,0);box-shadow:0 4px 15px #ef44444d}@media (max-width: 768px){.afs-wa-gw-confirm-actions{flex-direction:column}.afs-wa-gw-confirm-actions button{width:100%;justify-content:center}.afs-wa-gw-bulk-actions,.afs-wa-gw-bulk-preview-actions{flex-direction:column}}@media (prefers-color-scheme: dark){.afs-wa-gw-confirm-actions .afs-wa-gw-btn-cancel{background:rgba(255,255,255,.1);color:var(--afs-wa-gw-text-secondary);border:1px solid rgba(255,255,255,.2)}.afs-wa-gw-confirm-actions .afs-wa-gw-btn-cancel:hover{background:rgba(255,255,255,.15);color:var(--afs-wa-gw-text-primary);border-color:#ffffff4d}.afs-wa-gw-confirm-actions .afs-wa-gw-btn-delete{background:linear-gradient(135deg,var(--afs-wa-gw-error-color),#dc2626);color:#fff}.afs-wa-gw-confirm-actions .afs-wa-gw-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translate3d(0,-1px,0);box-shadow:0 4px 15px #ef44444d}}@media (prefers-reduced-motion: reduce){.afs-wa-gw-confirm-actions .afs-wa-gw-btn-cancel,.afs-wa-gw-confirm-actions .afs-wa-gw-btn-delete{transition:none}.afs-wa-gw-confirm-actions .afs-wa-gw-btn-delete:hover{transform:none}}.afs-wa-gw-status-indicator{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;background:var(--afs-wa-gw-bg-secondary);border-radius:.5rem;border:1px solid var(--afs-wa-gw-border)}.afs-wa-gw-status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.afs-wa-gw-status-dot.active{background:#10b981;box-shadow:0 0 0 3px #10b98133}.afs-wa-gw-status-dot.inactive{background:#6b7280;box-shadow:0 0 0 3px #6b728033}.afs-wa-gw-status-text{font-size:.875rem;font-weight:500;color:var(--afs-wa-gw-text-primary)}@media (max-width: 768px){.afs-wa-gw-status-indicator{flex-direction:column;align-items:flex-start;gap:.5rem}.afs-wa-gw-status-text{font-size:.8rem}}.odc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#94a3b8;font-size:1rem;font-weight:500;text-align:center;gap:1rem}.odc-loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #4f46e5;border-radius:50%;margin-bottom:20px;animation:spin 1s linear infinite;box-shadow:0 0 20px #4f46e54d}.odc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;box-shadow:0 4px 16px #0000004d}.odc-back-btn{margin-right:1rem;padding:.5rem 1.2rem;background:linear-gradient(135deg,#64748b,#6366f1);color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 2px 8px #64748b26;display:inline-flex;align-items:center;gap:.5rem}.odc-back-btn span{font-size:1.2rem}.odc-title h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.odc-title p{font-size:.875rem;color:#94a3b8;margin:0}.odc-header-actions{display:flex;gap:1rem;align-items:center}.odc-calculate-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #0596694d}.odc-add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #4f46e54d}.odc-empty{text-align:center;padding:4rem 2rem;background:rgba(255,255,255,.02);border:2px dashed rgba(255,255,255,.1);border-radius:1rem;margin:2rem 0}.empty-icon{margin-bottom:1rem;opacity:.5;color:#8b5cf6;display:flex;justify-content:center}.odc-empty h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem}.odc-empty p{color:#94a3b8;margin:0 0 2rem}.odc-empty .btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer}.odc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.odc-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 16px #0000004d;position:relative}.odc-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4f46e5,#7c3aed)}.odc-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.odc-info h3{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .25rem}.odc-id{font-size:.875rem;color:#94a3b8;margin:0;background:rgba(255,255,255,.05);padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.coverage-area-info{margin-top:.25rem;font-size:.75rem;color:#94a3b8;background:rgba(255,255,255,.03);padding:.125rem .5rem;border-radius:.25rem;display:inline-block}.odc-status{display:flex;gap:.5rem;align-items:center}.status-badge{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.status-badge.active{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.odc-details{margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-value{font-size:.875rem;color:#fff;font-weight:600;display:flex;align-items:center;gap:.5rem;max-width:60%;text-align:right;word-break:break-word}.detail-value:not(.distance-list){display:flex;align-items:center;gap:.5rem}.distance-list{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.distance-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.8rem}.distance-label{color:#94a3b8;font-weight:500}.distance-value{color:#fff;font-weight:600;background:rgba(79,70,229,.2);padding:.125rem .5rem;border-radius:.25rem}.odc-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.odc-actions button{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:pointer;min-width:80px;width:auto;flex:none;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;justify-content:center}.btn-edit{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.btn-delete{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.odc-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.odc-modal{background:rgba(15,23,42,.98);border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;max-width:800px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 25px 80px #0009;position:relative;z-index:2001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.odc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);border-radius:1.25rem 1.25rem 0 0;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.odc-modal-header h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em;text-align:center;flex:1;margin:0 1rem}.odc-modal-header button{background:none;border:none;color:#94a3b8;font-size:1.375rem;cursor:pointer;padding:.5rem;border-radius:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.odc-modal-header button:hover{background:rgba(255,255,255,.1);color:#fff}.odc-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;max-height:calc(80vh - 80px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(79,70,229,.3) transparent}.odc-form::-webkit-scrollbar{width:6px}.odc-form::-webkit-scrollbar-track{background:transparent}.odc-form::-webkit-scrollbar-thumb{background:rgba(79,70,229,.3);border-radius:3px}.odc-form::-webkit-scrollbar-thumb:hover{background:rgba(79,70,229,.5)}.odc-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:end}.odc-form .form-group{display:flex;flex-direction:column;gap:.75rem;position:relative;margin-bottom:.5rem}.odc-form .form-group.full-width{grid-column:1 / -1;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.odc-form .form-group label{font-size:.9rem;font-weight:600;color:#e2e8f0;margin-bottom:.25rem;letter-spacing:.025em;display:flex;align-items:center;gap:.5rem}.odc-form .form-group input,.odc-form .form-group select,.odc-form .form-group textarea{padding:.875rem 1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:.75rem;color:#fff;font-size:.9rem;width:100%;box-sizing:border-box;position:relative;font-family:inherit;letter-spacing:.025em;transition:all .2s ease}.odc-form .form-group input:focus,.odc-form .form-group select:focus,.odc-form .form-group textarea:focus{outline:none;border-color:#4f46e599;box-shadow:0 0 0 3px #4f46e526;background:rgba(255,255,255,.1);transform:translateY(-1px)}.odc-form .form-group input::placeholder{color:#64748b;font-style:italic}.odc-form .form-group textarea{resize:vertical;min-height:80px;line-height:1.5;font-family:inherit}.odc-form .form-group textarea::placeholder{color:#64748b;font-style:italic}.odc-form .form-group select{cursor:pointer}.odc-form .form-group select option{background:rgba(15,23,42,.95);color:#fff;padding:.5rem}.search-input:focus{outline:none;border-color:#4f46e599;box-shadow:0 0 0 3px #4f46e526;background:rgba(255,255,255,.1);transform:translateY(-1px)}.pac-container{background:rgba(15,23,42,.95)!important;border:1px solid rgba(79,70,229,.3)!important;border-radius:.75rem!important;box-shadow:0 10px 25px #00000080!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;z-index:9999!important;margin-top:5px!important;max-height:300px!important;overflow-y:auto!important}.pac-item{background:transparent!important;border:none!important;color:#e2e8f0!important;padding:.75rem 1rem!important;cursor:pointer!important;transition:background-color .2s ease!important;font-size:.875rem!important;border-bottom:1px solid rgba(79,70,229,.1)!important}.pac-item:hover{background:rgba(79,70,229,.1)!important}.pac-item-selected{background:rgba(79,70,229,.2)!important;color:#a78bfa!important}.btn-location{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #0596694d;transition:all .2s ease}.btn-location:hover{background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px);box-shadow:0 6px 20px #05966966}.coordinate-input input:focus{outline:none;border-color:#4f46e599;box-shadow:0 0 0 3px #4f46e526;background:rgba(255,255,255,.1);transform:translateY(-1px)}.odc-map{width:100%;height:300px;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02);position:relative}.map-instructions{margin-top:1rem;padding:1rem;background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.3);border-radius:.75rem}.odc-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12);align-items:center}.odc-form .btn-cancel{padding:.875rem 2rem;background:rgba(255,255,255,.08);color:#94a3b8;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;font-size:.9rem;font-weight:600;cursor:pointer;width:auto;flex:none;min-width:100px;position:relative;transition:all .2s ease}.odc-form .btn-cancel:hover{background:rgba(255,255,255,.12);border-color:#fff3}.odc-form .btn-save{padding:.875rem 2rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:.75rem;font-size:.9rem;font-weight:600;cursor:pointer;width:auto;flex:none;min-width:100px;position:relative;transition:all .2s ease}.odc-form .btn-save:hover{background:linear-gradient(135deg,#4338ca,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}@media (max-width: 768px){.odc-header{flex-direction:column;gap:1rem;text-align:center}.odc-header-actions{flex-direction:column;gap:.75rem}.odc-calculate-btn,.odc-add-btn{width:100%;justify-content:center}.odc-grid{grid-template-columns:1fr}.odc-modal{margin:.5rem;max-width:95%;width:95%;max-height:65vh;margin-top:0;margin-bottom:0;border-radius:.75rem}.odc-modal-overlay{padding:.5rem;align-items:center;padding-top:0}.odc-modal-header{padding:1rem 1.25rem;border-radius:.75rem .75rem 0 0}.odc-modal-header h3{font-size:1.125rem;line-height:1.3}.odc-modal-header button{font-size:1.25rem;width:28px;height:28px;flex-shrink:0}.odc-form{padding:1.25rem;max-height:calc(65vh - 70px);overflow-y:auto}.odc-form{gap:1.25rem}.odc-form .form-group{gap:.625rem}.odc-form .form-group label{font-size:.875rem;font-weight:600;color:#e2e8f0}.odc-form .form-group input,.odc-form .form-group select,.odc-form .form-group textarea{padding:.75rem .875rem;font-size:.875rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}.odc-form .form-group input:focus,.odc-form .form-group select:focus,.odc-form .form-group textarea:focus{border-color:#4f46e599;box-shadow:0 0 0 2px #4f46e526}.odc-form .form-group textarea{min-height:80px;resize:vertical}.odc-form .form-actions{flex-direction:row;gap:.75rem;align-items:center;justify-content:flex-end;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.12)}.odc-form .form-actions button{width:auto;padding:.75rem 1.25rem;min-width:100px;font-size:.875rem;font-weight:600;flex:none;max-width:none}.odc-form .btn-cancel{background:rgba(255,255,255,.08);color:#94a3b8;border:1px solid rgba(255,255,255,.15)}.odc-form .btn-save{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none}.odc-actions{flex-direction:row;align-items:flex-start;gap:.25rem}.odc-actions button{width:auto;margin-bottom:0;min-width:80px;padding:.4rem .8rem;font-size:.7rem}.search-box{margin-bottom:.75rem}.search-input{padding:.75rem .875rem;font-size:.875rem}.location-controls{flex-direction:column;gap:.75rem}.coordinates-display{grid-template-columns:1fr;gap:.75rem}.btn-location,.btn-clear-location{width:100%;justify-content:center}.odc-map{height:250px}}@media (max-width: 480px){.odc-modal{margin:.25rem;max-width:98%;width:98%;max-height:70vh;margin-top:0;margin-bottom:0;border-radius:.5rem}.odc-modal-overlay{padding:.25rem;padding-top:0}.odc-modal-header{padding:.875rem 1rem;border-radius:.5rem .5rem 0 0}.odc-modal-header h3{font-size:1rem;line-height:1.2}.odc-modal-header button{width:26px;height:26px;font-size:1.125rem}.odc-form{padding:.875rem;max-height:calc(70vh - 55px)}.odc-form,.odc-form .form-row{gap:1rem}.odc-form .form-group{gap:.5rem}.odc-form .form-group label{font-size:.825rem}.odc-form .form-group input,.odc-form .form-group select,.odc-form .form-group textarea{padding:.625rem .75rem;font-size:.825rem}.odc-form .form-group textarea{min-height:70px}.odc-form .form-actions{flex-direction:row;gap:.625rem;margin-top:1.25rem;padding-top:1rem}.odc-form .form-actions button{min-width:90px;max-width:120px;padding:.625rem .875rem;font-size:.8rem}.location-controls{gap:.5rem}.btn-location,.btn-clear-location{padding:.625rem 1rem;font-size:.8rem}.coordinate-input input{padding:.625rem .75rem;font-size:.825rem}.odc-map{height:200px}.map-instructions{padding:.75rem}.search-box{margin-bottom:.5rem}.search-input{padding:.625rem .75rem;font-size:.825rem}}.afs-odp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#94a3b8;font-size:1rem;font-weight:500;text-align:center;gap:1rem}.afs-odp-loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #8b5cf6;border-radius:50%;margin-bottom:20px;animation:afs-odp-spin 1s linear infinite;box-shadow:0 0 20px #8b5cf64d}@keyframes afs-odp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.afs-odp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;box-shadow:0 4px 16px #0000004d}.afs-odp-back-btn{margin-right:1rem;padding:.5rem 1.2rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 2px 8px #8b5cf626;display:inline-flex;align-items:center;gap:.5rem}.afs-odp-back-btn span{font-size:1.2rem}.afs-odp-title h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.afs-odp-title p{font-size:.875rem;color:#94a3b8;margin:0}.afs-odp-header-actions{display:flex;gap:1rem;align-items:center}.afs-odp-calculate-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #8b5cf64d;transition:all .2s ease}.afs-odp-calculate-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.afs-odp-calculate-btn:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;opacity:.7;transform:none;box-shadow:0 2px 8px #6b728033}.afs-odp-calculate-btn:disabled:hover{transform:none;box-shadow:0 2px 8px #6b728033}.afs-odp-calculate-btn:disabled svg{animation:afs-odp-spin 1s linear infinite}.afs-odp-add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #8b5cf64d}.afs-odp-empty{text-align:center;padding:4rem 2rem;background:rgba(255,255,255,.02);border:2px dashed rgba(255,255,255,.1);border-radius:1rem;margin:2rem 0}.afs-odp-empty-icon{margin-bottom:1rem;opacity:.5;color:#8b5cf6;display:flex;justify-content:center}.afs-odp-empty h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem}.afs-odp-empty p{color:#94a3b8;margin:0 0 2rem}.afs-odp-empty .btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer}.afs-odp-hierarchical-view{display:flex;flex-direction:column;gap:2rem}.afs-odp-coverage-area-section{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:1rem;overflow:hidden;box-shadow:0 4px 16px #0000004d}.afs-odp-coverage-area-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:rgba(139,92,246,.1);border-bottom:1px solid rgba(139,92,246,.2)}.afs-odp-coverage-area-info{flex:1}.afs-odp-coverage-area-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .25rem}.afs-odp-coverage-area-code{font-size:.875rem;color:#94a3b8;margin:0 0 .25rem;background:rgba(255,255,255,.05);padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.afs-odp-coverage-area-description{font-size:.875rem;color:#94a3b8;margin:0}.afs-odp-coverage-area-stats{display:flex;gap:.75rem;align-items:center}.afs-odp-stats-badge{padding:.375rem .75rem;background:rgba(139,92,246,.2);color:#a78bfa;border:1px solid rgba(139,92,246,.3);border-radius:.5rem;font-size:.75rem;font-weight:600}.afs-odp-odc-sections{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.afs-odp-odc-section{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;overflow:hidden}.afs-odp-odc-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.08)}.afs-odp-odc-info{flex:1}.afs-odp-odc-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .25rem}.afs-odp-odc-description{font-size:.875rem;color:#94a3b8;margin:0}.afs-odp-odc-stats{display:flex;gap:.5rem;align-items:center}.afs-odp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem;padding:1.5rem}.afs-odp-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 16px #0000004d;position:relative}.afs-odp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#6366f1)}.afs-odp-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.afs-odp-info h3{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .25rem}.afs-odp-odc{font-size:.875rem;color:#94a3b8;margin:0;background:rgba(255,255,255,.05);padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.afs-odp-status{display:flex;gap:.5rem;align-items:center}.afs-odp-status-badge{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.afs-odp-status-badge.active{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.afs-odp-details{margin-bottom:1.5rem}.afs-odp-basic-info{margin-bottom:1rem}.afs-odp-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.afs-odp-info-item:last-child{border-bottom:none}.afs-odp-info-label{font-size:.875rem;color:#94a3b8;font-weight:500}.afs-odp-info-value{font-size:.875rem;color:#fff;font-weight:600;display:flex;align-items:center;gap:.5rem;max-width:60%;text-align:right;word-break:break-word}.afs-odp-ports{margin-bottom:1.5rem}.afs-odp-ports h4{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem}.afs-odp-ports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.5rem;max-width:100%}.afs-odp-port-container{position:relative}.afs-odp-port-button{width:100%;min-height:70px;padding:.5rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;background:rgba(139,92,246,.1);color:#a78bfa;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;position:relative;overflow:hidden;box-sizing:border-box}.afs-odp-port-button.used{background:rgba(34,197,94,.1);color:#4ade80;border-color:#22c55e4d;min-height:70px;padding:.5rem}.afs-odp-port-button.used.mikrotik-active{background:rgba(34,197,94,.2);color:#22c55e;border-color:#22c55e80;box-shadow:0 0 10px #22c55e4d}.afs-odp-port-button.used.mikrotik-inactive{background:rgba(239,68,68,.2);color:#ef4444;border-color:#ef444480;box-shadow:0 0 10px #ef44444d;animation:blink-inactive 2s infinite}.afs-odp-port-button.used.mikrotik-error{background:rgba(245,158,11,.2);color:#f59e0b;border-color:#f59e0b80;box-shadow:0 0 10px #f59e0b4d;animation:blink-error 2s infinite}.afs-odp-port-button.used.mikrotik-checking{background:rgba(59,130,246,.2);color:#3b82f6;border-color:#3b82f680;box-shadow:0 0 10px #3b82f64d;animation:pulse 2s infinite}.afs-odp-port-button.used.mikrotik-disabled{background:rgba(107,114,128,.2);color:#6b7280;border-color:#6b728080;box-shadow:0 0 10px #6b72804d;animation:blink-disabled 2s infinite}.afs-odp-port-button.used.mikrotik-not_found{background:rgba(220,38,38,.2);color:#dc2626;border-color:#dc262680;box-shadow:0 0 10px #dc26264d;animation:blink-not-found 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes blink-inactive{0%,50%{background:rgba(239,68,68,.2);border-color:#ef444480;box-shadow:0 0 10px #ef44444d}25%,75%{background:rgba(239,68,68,.4);border-color:#ef4444b3;box-shadow:0 0 15px #ef444480}}@keyframes blink-error{0%,50%{background:rgba(245,158,11,.2);border-color:#f59e0b80;box-shadow:0 0 10px #f59e0b4d}25%,75%{background:rgba(245,158,11,.4);border-color:#f59e0bb3;box-shadow:0 0 15px #f59e0b80}}@keyframes blink-disabled{0%,50%{background:rgba(107,114,128,.2);border-color:#6b728080;box-shadow:0 0 10px #6b72804d}25%,75%{background:rgba(107,114,128,.4);border-color:#6b7280b3;box-shadow:0 0 15px #6b728080}}@keyframes blink-not-found{0%,50%{background:rgba(220,38,38,.2);border-color:#dc262680;box-shadow:0 0 10px #dc26264d}25%,75%{background:rgba(220,38,38,.4);border-color:#dc2626b3;box-shadow:0 0 15px #dc262680}}.afs-odp-port-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.afs-odp-port-button.used:hover{background:rgba(34,197,94,.2)}.afs-odp-port-button.used:hover .afs-odp-customer-name{color:#fff}.afs-odp-port-button.used.mikrotik-active:hover{background:rgba(34,197,94,.3);box-shadow:0 4px 16px #22c55e66}.afs-odp-port-button.used.mikrotik-active:hover .afs-odp-customer-name{color:#fff}.afs-odp-port-button.used.mikrotik-inactive:hover{background:rgba(239,68,68,.3);box-shadow:0 4px 16px #ef444466;animation:none}.afs-odp-port-button.used.mikrotik-inactive:hover .afs-odp-customer-name{color:#fff}.afs-odp-port-button.used.mikrotik-error:hover{background:rgba(245,158,11,.3);box-shadow:0 4px 16px #f59e0b66;animation:none}.afs-odp-port-button.used.mikrotik-error:hover .afs-odp-customer-name{color:#fff}.afs-odp-port-button.used.mikrotik-checking:hover{background:rgba(59,130,246,.3);box-shadow:0 4px 16px #3b82f666}.afs-odp-port-button.used.mikrotik-checking:hover .afs-odp-customer-name{color:#fff}.afs-odp-port-button.used.mikrotik-disabled:hover{background:rgba(107,114,128,.3);box-shadow:0 4px 16px #6b728066;animation:none}.afs-odp-port-button.used.mikrotik-disabled:hover .afs-odp-customer-name{color:#fff}.afs-odp-port-button.used.mikrotik-not_found:hover{background:rgba(220,38,38,.3);box-shadow:0 4px 16px #dc262666;animation:none}.afs-odp-port-button.used.mikrotik-not_found:hover .afs-odp-customer-name{color:#fff}.afs-odp-port-button:not(.used):hover{background:rgba(139,92,246,.2)}.afs-odp-port-customer-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;font-size:.65rem;line-height:1.1;width:100%;height:100%;min-height:40px}.afs-odp-customer-name{font-weight:600;color:#fff;text-align:center;word-break:break-word;max-width:100%;font-size:.6rem;line-height:1.1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.afs-odp-customer-id{font-size:.55rem;color:#94a3b8;text-align:center;word-break:break-all;line-height:1.1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.afs-odp-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.afs-odp-actions button{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:pointer;min-width:80px;width:auto;flex:none;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;justify-content:center}.afs-odp-btn-edit{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.afs-odp-btn-delete{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.odp-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;max-height:calc(80vh - 80px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.odp-form::-webkit-scrollbar{width:6px}.odp-form::-webkit-scrollbar-track{background:transparent}.odp-form::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:3px}.odp-form::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.odp-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:end}.odp-form .form-group{display:flex;flex-direction:column;gap:.75rem;position:relative;margin-bottom:.5rem}.odp-form .form-group.full-width{grid-column:1 / -1;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.odp-form .form-group label{font-size:.9rem;font-weight:600;color:#e2e8f0;margin-bottom:.25rem;letter-spacing:.025em;display:flex;align-items:center;gap:.5rem}.odp-form .form-group input,.odp-form .form-group select,.odp-form .form-group textarea{padding:.875rem 1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:.75rem;color:#fff;font-size:.9rem;width:100%;box-sizing:border-box;position:relative;font-family:inherit;letter-spacing:.025em;transition:all .2s ease}.odp-form .form-group input:focus,.odp-form .form-group select:focus,.odp-form .form-group textarea:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf626;background:rgba(255,255,255,.1);transform:translateY(-1px)}.odp-form .form-group input::placeholder{color:#64748b;font-style:italic}.odp-form .form-group textarea{resize:vertical;min-height:80px;line-height:1.5;font-family:inherit}.odp-form .form-group textarea::placeholder{color:#64748b;font-style:italic}.odp-form .form-group select{cursor:pointer}.odp-form .form-group select option{background:rgba(15,23,42,.95);color:#fff;padding:.5rem}.btn-location{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #8b5cf64d;transition:all .2s ease}.btn-location:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.btn-clear-location{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-clear-location:hover{background:rgba(239,68,68,.3);border-color:#ef444466;color:#fca5a5}.search-box{margin-bottom:1rem;position:relative}.search-input{width:100%;padding:.875rem 1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:.75rem;color:#fff;font-size:.9rem;font-family:inherit;transition:all .2s ease}.search-input::placeholder{color:#64748b;font-style:italic}.search-input:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf626;background:rgba(255,255,255,.1);transform:translateY(-1px)}.coordinates-display{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;align-items:end}.coordinate-input label{font-size:.875rem;font-weight:600;color:#e2e8f0;margin-bottom:.25rem}.coordinate-input input{padding:.75rem 1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:.75rem;color:#fff;font-size:.875rem;width:100%;box-sizing:border-box;font-family:inherit}.coordinate-input input:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf626;background:rgba(255,255,255,.1);transform:translateY(-1px)}.coordinate-input input::placeholder{color:#64748b;font-style:italic}.odp-map{width:100%;height:300px;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02);position:relative}.map-instructions p{color:#a78bfa;margin:0;font-size:.875rem;font-weight:500;line-height:1.5;text-align:center}.map-error p{color:#f87171;margin:0;font-size:.875rem;font-weight:500;text-align:center}.odp-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12);align-items:center}.odp-form .btn-cancel{padding:.875rem 2rem;background:rgba(255,255,255,.08);color:#94a3b8;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;font-size:.9rem;font-weight:600;cursor:pointer;width:auto;flex:none;min-width:100px;position:relative;transition:all .2s ease}.odp-form .btn-cancel:hover{background:rgba(255,255,255,.12);border-color:#fff3}.odp-form .btn-save{padding:.875rem 2rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:.75rem;font-size:.9rem;font-weight:600;cursor:pointer;width:auto;flex:none;min-width:100px;position:relative;transition:all .2s ease}.odp-form .btn-save:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-remove-customer{width:100%;margin-top:1rem;padding:.75rem 1rem;background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-remove-customer:hover{background:rgba(239,68,68,.3);border-color:#ef444466;color:#fca5a5}.mikrotik-status-display{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);margin-top:.5rem}.mikrotik-status-display.active{border-color:#22c55e4d;background:rgba(34,197,94,.1)}.mikrotik-status-display.inactive{border-color:#ef44444d;background:rgba(239,68,68,.1)}.mikrotik-status-display.error{border-color:#f59e0b4d;background:rgba(245,158,11,.1)}.mikrotik-status-display.disabled{border-color:#6b72804d;background:rgba(107,114,128,.1)}.mikrotik-status-display.not_found{border-color:#dc26264d;background:rgba(220,38,38,.1)}.mikrotik-status-display.checking{border-color:#3b82f64d;background:rgba(59,130,246,.1);animation:pulse 2s infinite}.mikrotik-status-display.unknown{border-color:#9ca3af4d;background:rgba(156,163,175,.1)}.mikrotik-status-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1)}.mikrotik-status-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.mikrotik-status-text strong{font-size:1rem;color:#fff}.mikrotik-service-type{font-size:.875rem;color:#94a3b8;background:rgba(255,255,255,.05);padding:.25rem .5rem;border-radius:.25rem;display:inline-block;width:fit-content}.mikrotik-username{font-size:.875rem;color:#94a3b8;font-family:Courier New,monospace;background:rgba(255,255,255,.05);padding:.25rem .5rem;border-radius:.25rem;display:inline-block;width:fit-content}.mikrotik-username.ip-binding{background:rgba(168,85,247,.2);color:#a855f7;border:1px solid rgba(168,85,247,.3)}.pac-item:hover{background:rgba(59,130,246,.1)!important}.pac-item-selected{background:rgba(59,130,246,.2)!important;color:#60a5fa!important}.pac-matched{color:#3b82f6!important;font-weight:600!important}.search-container{position:relative;z-index:1000}@media (max-width: 768px){.afs-odp-header{flex-direction:column;gap:1rem;text-align:center}.afs-odp-header-actions{flex-direction:column;gap:.75rem}.afs-odp-calculate-btn,.afs-odp-add-btn{width:100%;justify-content:center}.afs-odp-grid{grid-template-columns:1fr}.afs-odp-coverage-area-header{flex-direction:column;gap:1rem;text-align:center}.afs-odp-coverage-area-stats{justify-content:center}.afs-odp-odc-header{flex-direction:column;gap:.75rem;text-align:center}.afs-odp-odc-stats{justify-content:center}.afs-odp-ports-grid{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:.375rem}.afs-odp-port-button{min-height:50px;font-size:.8rem}.afs-odp-port-customer-info{font-size:.65rem}.afs-odp-customer-name{font-size:.6rem}.afs-odp-customer-id{font-size:.55rem}.afs-odp-actions{flex-direction:column;gap:.375rem}.afs-odp-actions button{width:100%;justify-content:center}.odp-form{padding:1rem;gap:1rem}.odp-form .form-group{gap:.5rem}.odp-form .form-group label{font-size:.875rem}.odp-form .form-group input,.odp-form .form-group select,.odp-form .form-group textarea{padding:.75rem .875rem;font-size:.875rem}.odp-form .form-group textarea{min-height:70px}.odp-form .form-actions{flex-direction:column;gap:.75rem}.odp-form .form-actions button{width:100%;justify-content:center}.location-controls{gap:.5rem}.btn-location,.btn-clear-location{padding:.625rem 1rem;font-size:.8rem}.coordinate-input input{padding:.625rem .75rem;font-size:.825rem}.odp-map{height:250px}}@media (max-width: 480px){.afs-odp-coverage-area-header{padding:1rem}.afs-odp-coverage-area-title{font-size:1.125rem}.afs-odp-odc-sections{padding:1rem}.afs-odp-odc-header{padding:.75rem 1rem}.afs-odp-odc-title{font-size:1rem}.afs-odp-grid{padding:1rem;gap:.75rem}.afs-odp-card{padding:1rem}.afs-odp-ports-grid{grid-template-columns:repeat(auto-fit,minmax(45px,1fr));gap:.25rem}.afs-odp-port-button{min-height:45px;font-size:.75rem;padding:.375rem}.afs-odp-port-customer-info{font-size:.6rem}.afs-odp-customer-name{font-size:.55rem}.afs-odp-customer-id{font-size:.5rem}.mikrotik-status-display{flex-direction:column;gap:.75rem;text-align:center}.mikrotik-status-icon{width:32px;height:32px;font-size:1.25rem}.mikrotik-status-text strong{font-size:.875rem}.mikrotik-service-type,.mikrotik-username{font-size:.75rem;padding:.2rem .4rem}.mikrotik-username.ip-binding{font-size:.7rem;padding:.15rem .3rem}.afs-odp-actions{flex-direction:column;gap:.375rem}.afs-odp-actions button{width:100%;justify-content:center}.odp-form{padding:1rem;gap:1rem}.odp-form .form-group{gap:.5rem}.odp-form .form-group label{font-size:.875rem}.odp-form .form-group input,.odp-form .form-group select,.odp-form .form-group textarea{padding:.75rem .875rem;font-size:.875rem}.odp-form .form-group textarea{min-height:70px}.odp-form .form-actions{flex-direction:column;gap:.75rem}.odp-form .form-actions button{width:100%;justify-content:center}.location-controls{gap:.5rem}.btn-location,.btn-clear-location{padding:.625rem 1rem;font-size:.8rem}.coordinate-input input{padding:.625rem .75rem;font-size:.825rem}.odp-map{height:200px}.map-instructions{padding:.75rem}.search-box{margin-bottom:.5rem}.search-input{padding:.625rem .75rem;font-size:.825rem}}:root{--admin-primary: #8b5cf6;--admin-primary-light: #a78bfa;--admin-primary-dark: #7c3aed;--admin-secondary: #6366f1;--admin-accent: #ec4899;--admin-bg: #0f0a1a;--admin-bg-secondary: rgba(139, 92, 246, .05);--admin-bg-card: rgba(139, 92, 246, .08);--admin-bg-hover: rgba(139, 92, 246, .12);--admin-text: #e2e8f0;--admin-text-secondary: #94a3b8;--admin-border: rgba(139, 92, 246, .2);--admin-border-light: rgba(139, 92, 246, .1);--admin-shadow: 0 2px 8px rgba(139, 92, 246, .1);--admin-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--admin-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%)}.coverage-area-settings{padding:20px;max-width:1200px;margin:0 auto;min-height:100vh;background:var(--admin-bg);color:var(--admin-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.coverage-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--admin-text-secondary)}.coverage-loading-spinner{width:40px;height:40px;border:4px solid var(--admin-border-light);border-top:4px solid var(--admin-primary);border-radius:50%;margin-bottom:20px}.coverage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:25px;background:var(--admin-gradient-subtle);border:1px solid var(--admin-border-light);border-radius:16px;color:var(--admin-text);box-shadow:var(--admin-shadow);position:relative;overflow:hidden}.coverage-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--admin-gradient)}.coverage-back-btn{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 16px;border-radius:10px;background:rgba(139,92,246,.1);border:1px solid var(--admin-border-light);color:var(--admin-text)}.coverage-back-btn span{font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center}.coverage-title h2{margin:0 0 8px;font-size:28px;font-weight:700;background:var(--admin-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coverage-title p{margin:0;color:var(--admin-text-secondary);font-size:16px;font-weight:500}.coverage-header-actions{display:flex;gap:15px}.coverage-calculate-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #0596694d;font-size:14px}.coverage-add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--admin-gradient);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;box-shadow:var(--admin-shadow);font-size:14px}.coverage-add-btn span{display:flex;align-items:center;justify-content:center}.coverage-empty{text-align:center;padding:60px 20px;background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:16px;box-shadow:var(--admin-shadow);margin-top:20px}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.6}.coverage-empty h3{margin:0 0 10px;color:var(--admin-text);font-size:24px;font-weight:600}.coverage-empty p{margin:0 0 30px;color:var(--admin-text-secondary);font-size:16px}.coverage-empty .btn-primary{padding:12px 30px;background:var(--admin-gradient);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;box-shadow:var(--admin-shadow);font-size:14px}.coverage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.coverage-card{background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:16px;padding:20px;box-shadow:var(--admin-shadow);position:relative;overflow:hidden}.coverage-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--admin-gradient);opacity:1}.coverage-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.coverage-info h3{margin:0 0 6px;color:var(--admin-text);font-size:18px;font-weight:600}.coverage-code{background:var(--admin-gradient);color:#fff;padding:3px 10px;border-radius:16px;font-size:11px;font-weight:600;display:inline-block}.coverage-status{display:flex;gap:8px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.active{background:rgba(59,130,246,.2);color:#3b82f6;border-color:#3b82f64d}.coverage-details{margin-bottom:16px}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0;border-bottom:1px solid var(--admin-border-light)}.detail-label{font-weight:600;color:var(--admin-text-secondary);font-size:13px}.detail-value{color:var(--admin-text);font-size:13px;text-align:right;max-width:65%;word-break:break-word;display:flex;align-items:center;gap:6px;justify-content:flex-end;flex-wrap:wrap}.coverage-card-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.coverage-edit-btn,.coverage-distance-btn,.coverage-delete-btn,.coverage-maps-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:13px;transition:all .3s ease;white-space:nowrap;min-width:fit-content}.coverage-edit-btn{background:rgba(59,130,246,.15);color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.coverage-edit-btn:hover{background:rgba(59,130,246,.25);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.coverage-distance-btn{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.25)}.coverage-distance-btn:hover{background:rgba(16,185,129,.25);transform:translateY(-1px);box-shadow:0 2px 8px #10b98133}.coverage-delete-btn{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.25)}.coverage-delete-btn:hover{background:rgba(239,68,68,.25);transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}.coverage-maps-btn{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.25)}.coverage-maps-btn:hover{background:rgba(34,197,94,.25);transform:translateY(-1px);box-shadow:0 2px 8px #22c55e33}.coordinate-maps-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.25);border-radius:4px;cursor:pointer;transition:all .3s ease;margin-left:6px;flex-shrink:0}.coordinate-maps-btn:hover{background:rgba(34,197,94,.25);transform:scale(1.1);box-shadow:0 2px 6px #22c55e33}.coverage-form{padding:30px;display:flex;flex-direction:column;gap:1.5rem}.coverage-form .form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:.75rem;position:relative}.coverage-form .form-group.full-width{grid-column:1 / -1}.coverage-form .form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--admin-text);font-size:14px}.coverage-form .form-group input,.coverage-form .form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--admin-border-light);border-radius:10px;font-size:14px;background:var(--admin-bg-secondary);color:var(--admin-text)}.coverage-form .form-group input:focus,.coverage-form .form-group textarea:focus{outline:none;border-color:var(--admin-primary);background:var(--admin-bg-card)}.coverage-form .form-group input::placeholder{color:var(--admin-text-secondary)}.coverage-form .form-group textarea{resize:vertical;min-height:80px}.location-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.btn-location{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #0596694d;transition:all .3s ease}.btn-location:hover{transform:translateY(-1px);box-shadow:0 6px 20px #05966966}.btn-clear-location{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-clear-location:hover{background:rgba(239,68,68,.3);transform:translateY(-1px)}.map-error{padding:1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.75rem;margin-bottom:1rem}.map-error p{color:#f87171;margin:0;font-size:.875rem;font-weight:500}.search-box{margin-bottom:1rem}.search-container{position:relative}.search-input{width:100%;padding:.875rem 1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:.75rem;color:#fff;font-size:.9rem;position:relative;z-index:1000}.search-input::placeholder{color:#64748b}.search-input:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf626;background:rgba(255,255,255,.1)}.pac-container{background:rgba(15,23,42,.95)!important;border:1px solid rgba(139,92,246,.3)!important;border-radius:.75rem!important;box-shadow:0 10px 25px #00000080!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;z-index:9999!important;margin-top:5px!important;max-height:300px!important;overflow-y:auto!important}.pac-item{background:transparent!important;border:none!important;color:#e2e8f0!important;padding:.75rem 1rem!important;cursor:pointer!important;transition:background-color .2s ease!important;font-size:.875rem!important;border-bottom:1px solid rgba(139,92,246,.1)!important}.pac-item:last-child{border-bottom:none!important}.pac-item:hover{background:rgba(139,92,246,.1)!important}.pac-item-selected{background:rgba(139,92,246,.2)!important;color:#a78bfa!important}.pac-item-query{color:#fff!important;font-weight:600!important;font-size:.9rem!important}.pac-matched{color:#8b5cf6!important;font-weight:600!important}.pac-secondary-text{color:#94a3b8!important;font-size:.8rem!important}.pac-icon{filter:invert(1)!important;opacity:.7!important}.pac-logo:after{display:none!important}.search-input{position:relative!important;z-index:1000!important}.coordinates-display{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.coordinate-input{display:flex;flex-direction:column;gap:.5rem}.coordinate-input label{font-size:.875rem;font-weight:600;color:#e2e8f0}.coordinate-input input{padding:.75rem 1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:.75rem;color:#fff;font-size:.875rem;width:100%;box-sizing:border-box}.coordinate-input input:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf626;background:rgba(255,255,255,.1)}.coordinate-input input::placeholder{color:#64748b}.coordinate-actions{grid-column:1 / -1;display:flex;justify-content:center;margin-top:8px;padding:0 4px}.form-maps-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.25);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.form-maps-btn:hover{background:rgba(34,197,94,.25);transform:translateY(-1px);box-shadow:0 2px 8px #22c55e33}.map-container{margin-bottom:1.5rem}.coverage-map{width:100%;height:300px;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02)}.map-instructions{margin-top:1rem;padding:1rem;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:.75rem}.map-instructions p{color:#a78bfa;margin:0;font-size:.875rem;font-weight:500;line-height:1.5;display:flex;align-items:center;gap:8px}.coverage-form .form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid var(--admin-border-light)}.coverage-form .btn-cancel{padding:12px 24px;background:var(--admin-bg-secondary);border:2px solid var(--admin-border-light);border-radius:10px;color:var(--admin-text-secondary);font-weight:600;cursor:pointer}.coverage-form .btn-save{padding:12px 30px;background:var(--admin-gradient);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;box-shadow:var(--admin-shadow)}@media (max-width: 768px){.coverage-header{flex-direction:column;gap:20px;text-align:center;padding:20px}.coverage-header-actions,.coverage-add-btn{width:100%;justify-content:center}.coverage-grid{grid-template-columns:1fr;gap:15px}.coverage-form{padding:20px}.coverage-form .form-group{margin-bottom:15px}.coverage-form .form-actions{flex-direction:column;gap:10px}.coverage-form .form-actions button{width:100%}.location-controls{flex-direction:column;gap:.75rem}.coordinates-display{grid-template-columns:1fr;gap:.75rem}.coordinate-actions{margin-top:8px}.form-maps-btn{width:100%;justify-content:center;padding:10px 16px}.btn-location,.btn-clear-location{width:100%;justify-content:center}.coverage-map{height:250px}.coverage-card-actions{flex-direction:column;gap:6px}.coverage-card-actions button{width:100%;justify-content:center;padding:8px 12px;font-size:14px}.coverage-card-header{flex-direction:column;gap:15px;align-items:flex-start}.coverage-status{align-self:flex-end}}@media (max-width: 480px){.coverage-area-settings,.coverage-header{padding:15px}.coverage-title h2{font-size:24px}.coverage-title p{font-size:14px}.coverage-card{padding:16px}.coverage-info h3{font-size:16px}.coverage-code{font-size:10px;padding:2px 8px}.detail-label,.detail-value{font-size:12px}.coverage-edit-btn,.coverage-distance-btn,.coverage-delete-btn,.coverage-maps-btn{padding:8px 12px;font-size:14px}.coverage-form{padding:15px}.coverage-form .form-group{margin-bottom:12px}.coverage-form .form-group label{font-size:13px}.coverage-form .form-group input,.coverage-form .form-group textarea{padding:8px 12px;font-size:13px}.coverage-form .form-actions{margin-top:20px;padding-top:15px}.coverage-form .form-actions button{padding:10px 20px;font-size:14px}.location-controls{gap:.5rem}.btn-location,.btn-clear-location{padding:.625rem 1rem;font-size:.8rem}.coordinate-input input{padding:.625rem .75rem;font-size:.825rem}.form-maps-btn{padding:8px 12px;font-size:13px}.coverage-map{height:200px}.map-instructions{padding:.75rem}.search-box{margin-bottom:.5rem}.search-input{padding:.625rem .75rem;font-size:.825rem}}@media (prefers-contrast: high){:root{--admin-border: rgba(139, 92, 246, .4);--admin-border-light: rgba(139, 92, 246, .3)}.coverage-card,.coverage-form .form-group input,.coverage-form .form-group textarea{border-width:2px}}.afs-network-map{min-height:calc(100vh - 80px);background:var(--admin-bg);color:var(--admin-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.afs-network-map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:var(--admin-text);text-align:center}.afs-network-map-loading p{color:var(--admin-text);font-size:18px;margin:0}.afs-network-map-loading-subtitle{color:var(--admin-text-secondary)!important;font-size:14px!important;margin-top:10px!important}.afs-network-map-spinner{width:50px;height:50px;border:4px solid var(--admin-border-light);border-top:4px solid var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.afs-network-map-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:var(--admin-text);text-align:center;background:var(--admin-bg-card);border-radius:15px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--admin-border-light)}.afs-network-map-error-icon{font-size:48px;margin-bottom:20px}.afs-network-map-error-retry-btn{background:var(--admin-gradient);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:var(--admin-shadow)}.afs-network-map-error-retry-btn:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-hover)}.afs-network-map-error-actions{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap;justify-content:center}.afs-network-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:var(--admin-bg-card);padding:25px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--admin-border-light);box-shadow:var(--admin-shadow)}.afs-network-map-title h2{color:var(--admin-text);font-size:28px;font-weight:700;margin:0 0 8px;background:var(--admin-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.afs-network-map-title p{color:var(--admin-text-secondary);font-size:16px;margin:0;font-weight:400}.afs-network-map-actions{display:flex;gap:12px}.afs-network-map-action-btn{display:flex;align-items:center;gap:8px;background:var(--admin-bg-hover);color:var(--admin-text);border:1px solid var(--admin-border);padding:10px 16px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.afs-network-map-action-btn:hover{background:var(--admin-bg-hover);transform:translateY(-2px);box-shadow:var(--admin-shadow-hover);border-color:var(--admin-border)}.afs-network-map-action-btn.active{background:var(--admin-primary);color:#fff;border-color:var(--admin-primary)}.afs-network-map-action-btn.active:hover{background:var(--admin-primary-dark);border-color:var(--admin-primary-dark)}.afs-network-map-action-btn.manual-routes-btn{background:var(--admin-bg-hover);color:var(--admin-text);border:1px solid var(--admin-border)}.afs-network-map-action-btn.manual-routes-btn:hover{background:var(--admin-bg-hover);border-color:var(--admin-border)}.afs-network-map-action-btn.manual-routes-btn.active{background:var(--admin-primary);color:#fff;border-color:var(--admin-primary)}.afs-network-map-action-btn.manual-routes-btn.active:hover{background:var(--admin-primary-dark);border-color:var(--admin-primary-dark)}.afs-network-map-action-btn.legend-btn.active{background:var(--admin-primary);color:#fff;border-color:var(--admin-primary)}.afs-network-map-action-btn.legend-btn.active:hover{background:var(--admin-primary-dark);border-color:var(--admin-primary-dark)}.afs-network-map-action-btn.manual-routes-btn{position:relative;overflow:visible;display:flex;align-items:center;gap:6px;white-space:nowrap;min-width:fit-content;flex-shrink:0;transition:all .3s ease}.afs-network-map-action-btn.manual-routes-btn:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--admin-primary);border-radius:50%;opacity:0;transition:opacity .3s ease}.afs-network-map-action-btn.manual-routes-btn.active:after{opacity:1}.afs-network-map-route-count{background:var(--admin-primary);color:#fff;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:700;min-width:16px;text-align:center;display:inline-block;box-shadow:0 2px 4px #8b5cf64d;flex-shrink:0}.afs-network-map-action-icon{font-size:16px}.afs-network-map-route-type-select{background:var(--admin-bg-hover);color:var(--admin-text);border:1px solid var(--admin-border);padding:8px 12px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none}.afs-network-map-route-type-select:hover{background:var(--admin-bg-hover);border-color:var(--admin-border);transform:translateY(-1px)}.afs-network-map-route-type-select:focus{border-color:var(--admin-primary);box-shadow:0 0 0 2px #8b5cf633}.afs-network-map-route-type-select option{background:var(--admin-bg);color:var(--admin-text);border:none}.afs-network-map-drawing-btn{background:var(--admin-bg-hover);color:var(--admin-text);border:1px solid var(--admin-border);padding:10px 16px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.afs-network-map-drawing-btn:hover{background:var(--admin-bg-hover);transform:translateY(-2px);box-shadow:var(--admin-shadow-hover);border-color:var(--admin-border)}.afs-network-map-drawing-btn.active{background:#8b5cf6!important;color:#fff!important;border-color:#8b5cf6!important}.afs-network-map-drawing-btn.active:hover{background:#7c3aed!important;border-color:#7c3aed!important}.afs-network-map-save-drawing-btn{background:#4CAF50!important;color:#fff!important;border-color:#4caf50!important}.afs-network-map-save-drawing-btn:hover{background:#45a049!important;border-color:#45a049!important}.afs-network-map-clear-drawing-btn{background:#f44336!important;color:#fff!important;border-color:#f44336!important}.afs-network-map-clear-drawing-btn:hover{background:#da190b!important;border-color:#da190b!important}.afs-network-map-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;background:var(--admin-bg-card);padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--admin-border-light);box-shadow:var(--admin-shadow)}.afs-network-map-filter-group{display:flex;align-items:center}.afs-network-map-filter-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--admin-text);font-weight:500;padding:8px 12px;border-radius:20px;background:var(--admin-bg-hover);transition:all .3s ease;border:1px solid var(--admin-border-light)}.afs-network-map-filter-label:hover{background:var(--admin-bg-hover);border-color:var(--admin-border);transform:translateY(-1px)}.afs-network-map-filter-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--admin-primary);cursor:pointer}.afs-network-map-filter-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.afs-network-map-filter-icon.olt{background:#FF5722}.afs-network-map-filter-icon.odc{background:#2196F3}.afs-network-map-filter-icon.odp{background:#4CAF50}.afs-network-map-filter-icon.customer{background:#FF9800}.afs-network-map-filter-icon.coverage{background:#9C27B0}.afs-network-map-filter-text{font-size:14px;white-space:nowrap}.afs-network-map-drawing-instructions{position:absolute;top:20px;left:20px;background:rgba(139,92,246,.95);color:#fff;padding:12px 16px;border-radius:8px;box-shadow:var(--admin-shadow-hover);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.3);z-index:1000;max-width:400px}.afs-network-map-instruction-content{display:flex;align-items:flex-start;gap:8px;font-size:14px;font-weight:500}.afs-network-map-instruction-text{display:flex;flex-direction:column;gap:4px;flex:1}.afs-network-map-instruction-icon{display:flex;align-items:center;justify-content:center;color:#fff}.afs-network-map-instruction-points{background:rgba(255,255,255,.2);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;margin-left:auto}.afs-network-map-instruction-shortcuts{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#ffffffe6}.afs-network-map-instruction-shortcuts kbd{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;font-family:monospace;color:#fff;box-shadow:0 1px 2px #0003}.afs-network-map-container{position:relative;background:var(--admin-bg-card);border-radius:15px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--admin-border-light);box-shadow:var(--admin-shadow);min-height:600px}.afs-network-map{width:100%;height:600px;border-radius:15px}.afs-network-map-loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:600px;color:var(--admin-text);text-align:center;background:var(--admin-bg-secondary);border-radius:15px}.afs-network-map-loading-fallback p{color:var(--admin-text);font-size:18px;margin:0}.afs-network-map-loading-spinner{width:40px;height:40px;border:3px solid var(--admin-border-light);border-top:3px solid var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.afs-network-map-retry-btn{background:var(--admin-gradient);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:15px;box-shadow:var(--admin-shadow)}.afs-network-map-retry-btn:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-hover)}.afs-network-map-legend{position:absolute;top:60px;right:20px;background:rgba(15,10,26,.95);padding:20px;border-radius:12px;box-shadow:var(--admin-shadow-hover);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--admin-border);min-width:200px;z-index:1000}.afs-network-map-legend h4{margin:0 0 15px;color:var(--admin-text);font-size:16px;font-weight:600;text-align:center}.afs-network-map-legend-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;color:var(--admin-text-secondary)}.afs-network-map-legend-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.afs-network-map-legend-icon.olt{background:#FF5722}.afs-network-map-legend-icon.odc{background:#2196F3}.afs-network-map-legend-icon.odp{background:#4CAF50}.afs-network-map-legend-icon.customer{background:#FF9800}.afs-network-map-legend-icon.coverage{background:#9C27B0}.afs-network-map-legend-icon.route{background:#8b5cf6;display:flex;align-items:center;justify-content:center;color:#fff}.afs-network-map-legend-icon.route-type{background:#10b981;display:flex;align-items:center;justify-content:center;color:#fff}.afs-network-map-legend-icon.manual-route{background:#8b5cf6;display:flex;align-items:center;justify-content:center;color:#fff}.afs-network-map-legend-icon.drawing-mode{background:#FFD93D;display:flex;align-items:center;justify-content:center;color:#fff}.afs-network-map-legend-routes-section{margin-top:20px;padding-top:15px;border-top:1px solid var(--admin-border-light)}.afs-network-map-legend-routes-section h5{margin:0 0 12px;color:var(--admin-text);font-size:14px;font-weight:600;text-align:center}.afs-network-map-routes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.afs-network-map-routes-header h5{margin:0;color:var(--admin-text);font-size:14px;font-weight:600;flex:1}.afs-network-map-routes-actions{display:flex;align-items:center;gap:4px}.afs-network-map-route-action-btn{background:var(--admin-bg-hover);color:var(--admin-text-secondary);border:1px solid var(--admin-border-light);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.afs-network-map-route-action-btn:hover{transform:scale(1.1)}.afs-network-map-delete-all-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.afs-network-map-route-action-btn:active{transform:scale(.95)}.afs-network-map-routes-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.afs-network-map-route-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--admin-bg-hover);border:1px solid var(--admin-border-light);border-radius:8px;transition:all .3s ease}.afs-network-map-route-item:hover{background:var(--admin-bg-hover);border-color:var(--admin-border);transform:translate(2px)}.afs-network-map-route-info{display:flex;align-items:center;flex:1;min-width:0}.afs-network-map-route-color-indicator{flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.afs-network-map-route-name{color:var(--admin-text);font-size:12px;font-weight:500;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.afs-network-map-route-date{color:var(--admin-text-secondary);font-size:10px;margin-left:8px;white-space:nowrap}.afs-network-map-route-delete-btn{background:#dc2626;color:#fff;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;margin-left:8px}.afs-network-map-route-delete-btn:hover{background:#b91c1c;transform:scale(1.1)}.afs-network-map-route-delete-btn:active{transform:scale(.95)}.afs-network-map-route-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.afs-network-map-route-edit-btn{background:#3b82f6;color:#fff;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.afs-network-map-route-edit-btn:hover{background:#2563eb;transform:scale(1.1)}.afs-network-map-route-edit-btn:active{transform:scale(.95)}.afs-network-map-route-edit-container{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.afs-network-map-route-edit-input{background:var(--admin-bg);color:var(--admin-text);border:1px solid var(--admin-border);border-radius:4px;padding:4px 6px;font-size:12px;font-weight:500;flex:1;min-width:0;outline:none;transition:all .3s ease}.afs-network-map-route-edit-input:focus{border-color:var(--admin-primary);box-shadow:0 0 0 2px #8b5cf633}.afs-network-map-route-edit-buttons{display:flex;align-items:center;gap:2px;flex-shrink:0}.afs-network-map-route-edit-btn.save{background:#10b981;width:20px;height:20px}.afs-network-map-route-edit-btn.save:hover{background:#059669}.afs-network-map-route-edit-btn.cancel{background:#6b7280;width:20px;height:20px}.afs-network-map-route-edit-btn.cancel:hover{background:#4b5563}.afs-network-map-manual-routes-panel{position:absolute;top:60px;left:20px;background:rgba(15,10,26,.95);padding:20px;border-radius:12px;box-shadow:var(--admin-shadow-hover);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--admin-border);min-width:280px;max-width:350px;z-index:1000;max-height:70vh;overflow-y:auto}.afs-network-map-manual-routes-panel h4{margin:0 0 15px;color:var(--admin-primary);font-size:16px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.afs-network-map-manual-routes-panel h4:before{content:"";width:20px;height:3px;background:var(--admin-gradient);border-radius:2px}.afs-network-map-manual-routes-panel h4:after{content:"";width:20px;height:3px;background:var(--admin-gradient);border-radius:2px}.afs-network-map-manual-routes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--admin-border-light)}.afs-network-map-manual-routes-header h5{margin:0;color:var(--admin-text);font-size:14px;font-weight:600;flex:1}.afs-network-map-manual-routes-actions{display:flex;align-items:center;gap:6px}.afs-network-map-manual-routes-action-btn{background:var(--admin-bg-hover);color:var(--admin-text-secondary);border:1px solid var(--admin-border-light);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.afs-network-map-manual-routes-action-btn:hover{transform:scale(1.1);background:var(--admin-bg-hover);border-color:var(--admin-border)}.afs-network-map-manual-routes-delete-all-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.afs-network-map-manual-routes-action-btn:active{transform:scale(.95)}.afs-network-map-manual-routes-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.afs-network-map-manual-route-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--admin-bg-hover);border:1px solid var(--admin-border-light);border-radius:10px;transition:all .3s ease;position:relative}.afs-network-map-manual-route-item:hover{background:var(--admin-bg-hover);border-color:var(--admin-border);transform:translate(3px);box-shadow:var(--admin-shadow)}.afs-network-map-manual-route-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--admin-gradient);border-radius:10px 0 0 10px}.afs-network-map-manual-route-info{display:flex;align-items:center;flex:1;min-width:0;margin-left:8px}.afs-network-map-manual-route-color-indicator{flex-shrink:0;border:2px solid rgba(255,255,255,.3);border-radius:4px;box-shadow:0 2px 4px #0003}.afs-network-map-manual-route-name{color:var(--admin-text);font-size:13px;font-weight:600;margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.afs-network-map-manual-route-date{color:var(--admin-text-secondary);font-size:11px;margin-left:10px;white-space:nowrap;background:rgba(139,92,246,.1);padding:2px 6px;border-radius:8px;border:1px solid var(--admin-border-light)}.afs-network-map-manual-route-delete-btn{background:#dc2626;color:#fff;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;margin-left:10px;box-shadow:0 2px 4px #dc26264d}.afs-network-map-manual-route-delete-btn:hover{background:#b91c1c;transform:scale(1.1);box-shadow:0 4px 8px #dc262666}.afs-network-map-manual-route-delete-btn:active{transform:scale(.95)}.afs-network-map-manual-route-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.afs-network-map-manual-route-edit-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 2px 4px #3b82f64d}.afs-network-map-manual-route-edit-btn:hover{background:#2563eb;transform:scale(1.1);box-shadow:0 4px 8px #3b82f666}.afs-network-map-manual-route-edit-btn:active{transform:scale(.95)}.afs-network-map-manual-route-edit-container{display:flex;align-items:center;gap:6px;flex:1;min-width:0;margin-left:8px}.afs-network-map-manual-route-edit-input{background:var(--admin-bg);color:var(--admin-text);border:1px solid var(--admin-border);border-radius:6px;padding:6px 8px;font-size:13px;font-weight:500;flex:1;min-width:0;outline:none;transition:all .3s ease}.afs-network-map-manual-route-edit-input:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px #8b5cf633}.afs-network-map-manual-route-edit-buttons{display:flex;align-items:center;gap:4px;flex-shrink:0}.afs-network-map-manual-route-edit-btn.save{background:#10b981;width:24px;height:24px;box-shadow:0 2px 4px #10b9814d}.afs-network-map-manual-route-edit-btn.save:hover{background:#059669;box-shadow:0 4px 8px #10b98166}.afs-network-map-manual-route-edit-btn.cancel{background:#6b7280;width:24px;height:24px;box-shadow:0 2px 4px #6b72804d}.afs-network-map-manual-route-edit-btn.cancel:hover{background:#4b5563;box-shadow:0 4px 8px #6b728066}.afs-network-map-manual-routes-empty{text-align:center;padding:30px 20px;color:var(--admin-text-secondary)}.afs-network-map-manual-routes-empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}.afs-network-map-manual-routes-empty h5{margin:0 0 10px;color:var(--admin-text-secondary);font-size:16px;font-weight:600}.afs-network-map-manual-routes-empty p{margin:0;color:var(--admin-text-secondary);font-size:14px;line-height:1.5}.afs-network-map-controls{position:absolute;bottom:20px;right:60px;display:flex;flex-direction:column;gap:8px;z-index:1000}.afs-network-map-control-btn{width:40px;height:40px;background:rgba(15,10,26,.95);border:1px solid var(--admin-border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--admin-text);cursor:pointer;transition:all .3s ease;box-shadow:var(--admin-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.afs-network-map-control-btn:hover{background:var(--admin-bg-hover);transform:translateY(-2px);box-shadow:var(--admin-shadow-hover);border-color:var(--admin-border)}.afs-network-map-control-btn.zoom-in{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.afs-network-map-control-btn.zoom-out{border-top-left-radius:4px;border-top-right-radius:4px}.afs-network-map-info-window{padding:10px;max-width:250px;background:rgba(15,10,26,.95);color:var(--admin-text);border-radius:8px;border:1px solid var(--admin-border)}.afs-network-map-info-window h3{margin:0 0 8px;color:var(--admin-text);font-size:16px;font-weight:600}.afs-network-map-info-window p{margin:0 0 5px;color:var(--admin-text-secondary);font-size:13px;line-height:1.4}.afs-network-map-info-window strong{color:var(--admin-text);font-weight:600}.afs-network-map-route-info-window{padding:12px;max-width:280px;background:rgba(15,10,26,.95);color:var(--admin-text);border-radius:8px;border:1px solid var(--admin-border)}.afs-network-map-route-info-window h4{margin:0 0 12px;color:var(--admin-primary);font-size:16px;font-weight:600;text-align:center;border-bottom:1px solid var(--admin-border);padding-bottom:8px}.afs-network-map-route-details{display:flex;flex-direction:column;gap:8px}.afs-network-map-route-point{color:var(--admin-text-secondary);font-size:13px;line-height:1.4}.afs-network-map-route-point strong{color:var(--admin-text);font-weight:600}.afs-network-map-route-type{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 8px;background:rgba(139,92,246,.1);border-radius:6px;border:1px solid var(--admin-border-light);color:var(--admin-text-secondary);font-size:12px}.afs-network-map-route-type-icon{font-size:14px}.afs-network-map-route-stats{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--admin-border-light)}.afs-network-map-route-stat{display:flex;align-items:center;gap:6px;color:var(--admin-text-secondary);font-size:12px;font-weight:500}.afs-network-map-stat-icon{font-size:14px}.gm-style .gm-style-iw-c{background:rgba(15,10,26,.95)!important;border:1px solid var(--admin-border)!important;border-radius:8px!important;box-shadow:var(--admin-shadow-hover)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;padding:0!important}.gm-style .gm-style-iw-d{background:rgba(15,10,26,.95)!important;border-radius:8px!important;overflow:hidden!important}.gm-style .gm-style-iw-t,.gm-style .gm-style-iw-tc{background:rgba(15,10,26,.95)!important;border:none!important}.gm-style .gm-style-iw-t button{background:#dc2626!important;color:#fff!important;border:none!important;border-radius:50%!important;width:24px!important;height:24px!important;font-size:16px!important;font-weight:700!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}.gm-style .gm-style-iw-t button:before{content:"✕"!important;color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:1!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.gm-style .gm-style-iw-t button:hover{background:#b91c1c!important;transform:scale(1.1)!important}.gm-style .gm-style-iw-c h3,.gm-style .gm-style-iw-c p,.gm-style .gm-style-iw-c strong{color:var(--admin-text)!important}.gm-style .gm-style-iw-c p{color:var(--admin-text-secondary)!important}@media (max-width: 1024px){.afs-network-map-header{flex-direction:column;gap:20px;text-align:center}.afs-network-map-actions{justify-content:center}.afs-network-map-legend{position:relative;top:auto;right:auto;margin:20px;min-width:auto}.afs-network-map-manual-routes-panel{position:relative;top:auto;left:auto;margin:20px;min-width:auto;max-width:none;max-height:400px}.afs-network-map-routes-list{max-height:150px}.afs-network-map-route-item{padding:6px 8px}.afs-network-map-route-name{font-size:11px}.afs-network-map-route-date{font-size:9px}.afs-network-map-route-delete-btn,.afs-network-map-route-edit-btn{width:20px;height:20px}.afs-network-map-route-edit-btn.save,.afs-network-map-route-edit-btn.cancel{width:18px;height:18px}.afs-network-map-route-edit-input{font-size:11px;padding:3px 5px}.afs-network-map-controls{bottom:10px;right:10px}.afs-network-map-control-btn{width:35px;height:35px}.afs-network-map-drawing-instructions{max-width:300px;padding:10px 12px}.afs-network-map-instruction-content{font-size:13px}.afs-network-map-instruction-text{gap:3px}.afs-network-map-instruction-shortcuts{font-size:11px}.afs-network-map-instruction-shortcuts kbd{font-size:9px;padding:1px 4px}}@media (max-width: 768px){.afs-network-map-title h2{font-size:24px}.afs-network-map-title p{font-size:14px}.afs-network-map-filters{flex-direction:column;gap:10px}.afs-network-map-filter-group{justify-content:center}.afs-network-map-filter-label{padding:10px 15px;font-size:14px}.afs-network-map,.afs-network-map-loading-fallback{height:500px}.afs-network-map-loading-fallback p{font-size:16px}.afs-network-map-loading-fallback .afs-network-map-retry-btn{padding:8px 18px;font-size:13px}.afs-network-map-manual-routes-panel{margin:15px;padding:15px;max-height:350px}.afs-network-map-manual-routes-panel h4{font-size:15px}.afs-network-map-manual-route-item{padding:10px}.afs-network-map-manual-route-name{font-size:12px}.afs-network-map-manual-route-date{font-size:10px}.afs-network-map-manual-route-delete-btn,.afs-network-map-manual-route-edit-btn{width:24px;height:24px}.afs-network-map-manual-route-edit-btn.save,.afs-network-map-manual-route-edit-btn.cancel{width:20px;height:20px}.afs-network-map-manual-route-edit-input{font-size:12px;padding:4px 6px}.afs-network-map-action-btn{padding:8px 12px;font-size:13px}.afs-network-map-action-icon{display:flex;align-items:center;justify-content:center}.afs-network-map-routes-btn{white-space:nowrap}.afs-network-map-route-type-select{padding:6px 10px;font-size:13px}.afs-network-map-drawing-btn,.afs-network-map-save-drawing-btn,.afs-network-map-clear-drawing-btn,.afs-network-map-action-btn.manual-routes-btn{padding:6px 10px;font-size:12px;gap:4px;white-space:nowrap;min-width:fit-content;flex-shrink:0;transition:all .3s ease}.afs-network-map-route-count{font-size:10px;padding:1px 4px;min-width:14px}}@media (max-width: 480px){.afs-network-map-header{padding:20px}.afs-network-map-title h2{font-size:20px}.afs-network-map-actions{flex-wrap:wrap;gap:8px}.afs-network-map-action-btn{padding:6px 10px;font-size:12px}.afs-network-map-action-icon{display:flex;align-items:center;justify-content:center}.afs-network-map-routes-btn{white-space:nowrap;font-size:11px}.afs-network-map-route-type-select{padding:4px 8px;font-size:11px}.afs-network-map-drawing-btn,.afs-network-map-save-drawing-btn,.afs-network-map-clear-drawing-btn,.afs-network-map-action-btn.manual-routes-btn{padding:4px 6px;font-size:10px;gap:3px;white-space:nowrap;min-width:fit-content;flex-shrink:0;transition:all .3s ease}.afs-network-map-route-count{font-size:9px;padding:1px 3px;min-width:12px}.afs-network-map-retry-btn{padding:8px 16px;font-size:12px}.afs-network-map-filters{padding:15px}.afs-network-map-filter-label{padding:8px 12px;font-size:13px}.afs-network-map,.afs-network-map-loading-fallback{height:400px}.afs-network-map-loading-fallback p{font-size:14px}.afs-network-map-retry-btn{padding:6px 12px;font-size:11px}.afs-network-map-legend{margin:10px;padding:15px}.afs-network-map-legend h4{font-size:14px}.afs-network-map-legend-item{font-size:12px}.afs-network-map-manual-routes-panel{margin:10px;padding:12px;max-height:300px}.afs-network-map-manual-routes-panel h4{font-size:14px}.afs-network-map-manual-route-item{padding:8px}.afs-network-map-manual-route-name{font-size:11px}.afs-network-map-manual-route-date{font-size:9px}.afs-network-map-manual-route-delete-btn,.afs-network-map-manual-route-edit-btn{width:20px;height:20px}.afs-network-map-manual-route-edit-btn.save,.afs-network-map-manual-route-edit-btn.cancel{width:18px;height:18px}.afs-network-map-manual-route-edit-input{font-size:11px;padding:3px 5px}.afs-network-map-drawing-instructions{max-width:250px;padding:8px 10px}.afs-network-map-instruction-content{font-size:12px}.afs-network-map-instruction-text{gap:2px}.afs-network-map-instruction-points{font-size:10px;padding:2px 6px}.afs-network-map-instruction-shortcuts{font-size:10px}.afs-network-map-instruction-shortcuts kbd{font-size:8px;padding:1px 3px}}@media (prefers-reduced-motion: reduce){.afs-network-map-spinner,.afs-network-map-action-btn,.afs-network-map-filter-label,.afs-network-map-control-btn,.afs-network-map-close-btn{animation:none;transition:none}.afs-network-map-action-btn:hover,.afs-network-map-filter-label:hover,.afs-network-map-control-btn:hover,.afs-network-map-close-btn:hover{transform:none}}@media (prefers-contrast: high){:root{--admin-border: rgba(139, 92, 246, .4);--admin-border-light: rgba(139, 92, 246, .3)}.afs-network-map-header,.afs-network-map-filters,.afs-network-map-container,.afs-network-map-action-btn,.afs-network-map-filter-label{border:2px solid var(--admin-border)}}.backup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.backup-back-btn{padding:.75rem 1.25rem;background:rgba(255,255,255,.05);color:#94a3b8;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;min-width:120px;justify-content:center}.backup-back-btn:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.backup-back-btn span{font-size:1.125rem;line-height:1}.backup-title{text-align:center;flex:1;margin:0 2rem}.backup-title h2{font-size:1.875rem;font-weight:700;color:#fff;margin:0 0 .5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em}.backup-title p{font-size:.875rem;color:#94a3b8;margin:0;line-height:1.5}.backup-version-info{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;justify-content:center}.version-badge{background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.version-desc{font-size:.75rem;color:#64748b;font-weight:500}.backup-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.backup-restart-btn,.backup-create-btn,.backup-stats-btn,.backup-cleanup-btn,.backup-validate-btn,.backup-repair-btn{padding:.75rem 1.25rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;transition:all .2s ease;min-width:140px;justify-content:center;white-space:nowrap}.backup-validate-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff}.backup-validate-btn:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.backup-repair-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.backup-repair-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.backup-restart-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.backup-restart-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.backup-create-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.backup-create-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.backup-stats-btn,.backup-cleanup-btn{background:rgba(255,255,255,.05);color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.backup-stats-btn:hover,.backup-cleanup-btn:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.backup-restart-btn:active,.backup-create-btn:active,.backup-stats-btn:active,.backup-cleanup-btn:active,.backup-validate-btn:active,.backup-repair-btn:active{transform:scale(.98)}.backup-restart-btn:disabled,.backup-create-btn:disabled,.backup-stats-btn:disabled,.backup-cleanup-btn:disabled,.backup-validate-btn:disabled,.backup-repair-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.backup-message{padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:2rem;font-weight:500;display:flex;align-items:center;gap:.75rem;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.backup-message.success{background:rgba(34,197,94,.1);color:#4ade80;border:1px solid rgba(34,197,94,.2)}.backup-message.error{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}.backup-message.warning{background:rgba(245,158,11,.1);color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.backup-message button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:inherit;font-size:1.125rem;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background-color .2s ease}.backup-message button:hover{background:rgba(255,255,255,.1)}.backup-empty{text-align:center;padding:4rem 2rem;background:rgba(255,255,255,.02);border:2px dashed rgba(255,255,255,.1);border-radius:1rem;margin:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5;color:#64748b}.backup-empty h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1rem}.backup-empty p{font-size:1rem;color:#94a3b8;margin:0 0 2rem;line-height:1.6}.backup-empty-actions{display:flex;flex-direction:column;gap:2rem;align-items:center;max-width:500px;margin:0 auto}.backup-upload-section{padding:1.5rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:.75rem;width:100%;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.backup-upload-section p{font-size:.875rem;color:#94a3b8;margin:0 0 1rem;text-align:center}.btn-upload{padding:.875rem 1.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;position:relative;overflow:hidden;transition:all .2s ease}.btn-upload:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.btn-upload:active{transform:scale(.98)}.btn-upload:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-hint{font-size:.75rem;color:#64748b;margin:.75rem 0 0;text-align:center}.backup-empty .btn-primary{padding:1rem 2rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;transition:all .2s ease;min-width:200px;justify-content:center}.backup-empty .btn-primary:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 16px #4f46e54d}.backup-empty .btn-primary:active{transform:scale(.98)}.backup-list{margin-top:2rem}.backup-list-header{margin-bottom:2rem;text-align:center}.backup-list-header h3{font-size:1.75rem;font-weight:600;color:#fff;margin:0 0 .75rem}.backup-list-header p{font-size:.875rem;color:#94a3b8;margin:0 0 1rem;line-height:1.5}.backup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;margin:0 auto;max-width:1400px}.backup-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #00000026;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.backup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e5,#7c3aed,#4f46e5);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.backup-card:hover{border-color:#4f46e54d;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.backup-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.backup-info h4{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .5rem;word-break:break-all;line-height:1.4}.backup-card:hover .backup-info h4{color:#a78bfa}.backup-date{font-size:.75rem;color:#64748b;margin:0 0 .75rem;line-height:1.4}.backup-card:hover .backup-date{color:#94a3b8}.backup-size{text-align:right;flex-shrink:0}.backup-size span{font-size:.875rem;font-weight:600;color:#4f46e5;background:rgba(79,70,229,.1);padding:.375rem .875rem;border-radius:1rem;border:1px solid rgba(79,70,229,.2);display:inline-block}.backup-details{margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.detail-item:hover{background:rgba(255,255,255,.02);border-radius:.25rem;padding-left:.5rem;padding-right:.5rem}.detail-item:last-child{border-bottom:none}.detail-label{font-size:.75rem;color:#64748b;font-weight:500}.detail-value{font-size:.75rem;color:#e2e8f0;font-weight:600}.backup-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.backup-actions button{padding:.5rem .875rem;background:rgba(255,255,255,.05);color:#94a3b8;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.375rem;position:relative;overflow:hidden;transition:all .2s ease;min-width:80px;justify-content:center}.backup-actions button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.btn-info{background:rgba(59,130,246,.1);color:#60a5fa;border-color:#3b82f633}.btn-info:hover{background:rgba(59,130,246,.2);color:#93c5fd}.btn-download{background:rgba(34,197,94,.1);color:#4ade80;border-color:#22c55e33}.btn-download:hover{background:rgba(34,197,94,.2);color:#86efac}.btn-validate{background:rgba(245,158,11,.1);color:#fbbf24;border-color:#f59e0b33}.btn-validate:hover{background:rgba(245,158,11,.2);color:#fcd34d}.btn-restore{background:rgba(245,158,11,.1);color:#fbbf24;border-color:#f59e0b33}.btn-restore:hover{background:rgba(245,158,11,.2);color:#fcd34d}.btn-restore:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-delete{background:rgba(239,68,68,.1);color:#f87171;border-color:#ef444433}.btn-delete:hover{background:rgba(239,68,68,.2);color:#fca5a5}.backup-actions button:active{transform:scale(.95)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.backup-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backup-modal{background:rgba(30,41,59,.95);border:1px solid rgba(255,255,255,.1);border-radius:1rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.backup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:rgba(30,41,59,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10}.backup-modal-header h3{font-size:1.375rem;font-weight:600;color:#fff;margin:0}.backup-modal-header button{background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.backup-modal-header button:hover{background:rgba(255,255,255,.1);color:#fff}.backup-modal-header button:active{transform:scale(.95)}.backup-modal-content{padding:2rem}.info-section h4{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(255,255,255,.02);border-radius:.5rem;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.info-item:hover{background:rgba(255,255,255,.04);border-color:#ffffff1a}.info-label{font-size:.875rem;color:#94a3b8;font-weight:500}.info-value{font-size:.875rem;color:#e2e8f0;font-weight:600}.tables-section{margin-top:2rem}.tables-section h5{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1rem}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.table-item{padding:.875rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:.5rem;display:flex;flex-direction:column;gap:.375rem;transition:all .2s ease}.table-item:hover{background:rgba(255,255,255,.04);border-color:#ffffff1a;transform:translateY(-1px)}.table-name{font-size:.875rem;font-weight:600;color:#fff}.table-count{font-size:.75rem;color:#94a3b8;background:rgba(255,255,255,.05);padding:.25rem .625rem;border-radius:.25rem;align-self:flex-start}@media (max-width: 1024px){.backup-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.backup-modal{max-width:95vw}}@media (max-width: 768px){.backup-header{flex-direction:column;gap:1.5rem;align-items:stretch;padding:1.25rem}.backup-title{margin:0}.backup-title h2{font-size:1.5rem}.backup-actions{justify-content:center;flex-wrap:wrap;gap:.5rem}.backup-restart-btn,.backup-create-btn,.backup-stats-btn,.backup-cleanup-btn,.backup-validate-btn,.backup-repair-btn{flex:1;min-width:120px;padding:.625rem 1rem;font-size:.8rem}.backup-grid{grid-template-columns:1fr;gap:1rem}.backup-modal{margin:.5rem;max-height:calc(100vh - 1rem)}.backup-modal-overlay{padding:.5rem}.backup-modal-header{padding:1rem 1.5rem}.backup-modal-header h3{font-size:1.25rem}.backup-modal-content{padding:1.5rem}.info-grid{grid-template-columns:1fr}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.backup-actions{flex-direction:column;gap:.375rem}.backup-actions button{width:100%;justify-content:center;padding:.625rem 1rem}}@media (max-width: 480px){.backup-header{padding:1rem}.backup-title h2{font-size:1.25rem}.backup-title p{font-size:.8rem}.backup-modal{margin:.25rem;max-height:calc(100vh - .5rem)}.backup-modal-overlay{padding:.25rem}.backup-modal-header{padding:.75rem 1rem}.backup-modal-header h3{font-size:1.125rem}.backup-modal-content{padding:1rem}.info-section h4{font-size:1.125rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.875rem}.info-label,.info-value{font-size:.8rem}.tables-section h5{font-size:1rem}.table-item{padding:.75rem}.table-name{font-size:.8rem}.table-count{font-size:.7rem}.backup-card{padding:1.25rem}.backup-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.backup-size{text-align:left}}.backup-summary{display:flex;gap:1rem;margin-top:1rem;justify-content:center;flex-wrap:wrap}.backup-summary span{font-size:.75rem;color:#64748b;background:rgba(255,255,255,.05);padding:.375rem .875rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.backup-corrupted{border-color:#ef44444d;background:rgba(239,68,68,.02)}.backup-status{display:flex;gap:.5rem;align-items:center;margin-top:.75rem;flex-wrap:wrap}.status-indicator{font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:.375rem;display:flex;align-items:center;gap:.375rem;white-space:nowrap}.status-indicator.valid{background:rgba(34,197,94,.1);color:#4ade80;border:1px solid rgba(34,197,94,.2)}.status-indicator.corrupted{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}.status-indicator.unknown{background:rgba(245,158,11,.1);color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.checksum-info{font-size:.625rem;color:#64748b;background:rgba(255,255,255,.05);padding:.25rem .625rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.25rem}.detail-item.error{background:rgba(239,68,68,.05);border-color:#ef44441a}.detail-item.error .detail-value,.info-value.error{color:#f87171}.info-value.success{color:#4ade80}.info-value.warning{color:#fbbf24}.info-value.checksum{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;background:rgba(255,255,255,.05);padding:.375rem .75rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.1);word-break:break-all}.database-section{margin-top:2rem;padding:1.5rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:.75rem;transition:all .2s ease}.database-section:hover{background:rgba(255,255,255,.04);border-color:#ffffff1a}.database-section h5{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.database-section h5:before{content:"🗄️";font-size:1.25rem}.database-info{margin-bottom:1rem}.database-size{font-size:.875rem;color:#94a3b8;background:rgba(255,255,255,.05);padding:.625rem 1.25rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);display:inline-block}.table-item.error{border-color:#ef444433;background:rgba(239,68,68,.02)}.table-error{font-size:.625rem;color:#f87171;background:rgba(239,68,68,.1);padding:.25rem .625rem;border-radius:.25rem;border:1px solid rgba(239,68,68,.2);word-break:break-word}.stats-section{margin-bottom:2rem}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.stat-item{padding:1.25rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:.75rem;text-align:center;transition:all .2s ease}.stat-item:hover{background:rgba(255,255,255,.04);border-color:#ffffff1a;transform:translateY(-1px)}.stat-label{font-size:.875rem;color:#94a3b8;margin-bottom:.5rem;display:block}.stat-value{font-size:1.375rem;font-weight:700;color:#fff}.monthly-stats{margin-top:2rem}.monthly-stats h4{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1rem}.monthly-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.monthly-item{padding:.875rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:.5rem;text-align:center;transition:all .2s ease}.monthly-item:hover{background:rgba(255,255,255,.04);border-color:#ffffff1a;transform:translateY(-1px)}.month-label{font-size:.875rem;font-weight:600;color:#fff;display:block;margin-bottom:.375rem}.month-count{font-size:.75rem;color:#4ade80;display:block;margin-bottom:.25rem}.month-size{font-size:.75rem;color:#94a3b8;display:block}.config-section{margin-top:2rem;padding:1.5rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:.75rem}.config-section h4{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1rem}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.config-item{padding:.875rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.config-item:hover{background:rgba(255,255,255,.04);border-color:#ffffff1a}.config-label{font-size:.875rem;color:#94a3b8;font-weight:500}.config-value{font-size:.875rem;color:#fff;font-weight:600;background:rgba(79,70,229,.1);padding:.375rem .875rem;border-radius:.375rem;border:1px solid rgba(79,70,229,.2)}.no-stats{text-align:center;padding:3rem 2rem;color:#94a3b8}.backup-config-info{margin-top:1.5rem;padding:1.25rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:.5rem}.backup-config-info h5{font-size:.875rem;font-weight:600;color:#94a3b8;margin:0 0 .875rem;text-transform:uppercase;letter-spacing:.05em}.system-info{margin-top:1.5rem;padding:1.25rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:.5rem}.system-info h5{font-size:.875rem;font-weight:600;color:#94a3b8;margin:0 0 .875rem;text-transform:uppercase;letter-spacing:.05em}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:3rem}.admin-loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-left:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:2rem}.admin-loading p{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem;letter-spacing:-.025em}.admin-loading small{font-size:.875rem;color:#94a3b8;opacity:.8}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:2rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;box-shadow:0 8px 32px #0000004d}.service-back-btn{margin-right:1.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#64748b,#6366f1);color:#fff;border:none;border-radius:.875rem;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 4px 16px #64748b33;display:inline-flex;align-items:center;gap:.75rem}.service-back-btn svg{flex-shrink:0}.service-title h2{font-size:1.75rem;font-weight:700;margin:0 0 .75rem;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em}.service-title p{font-size:1rem;color:#94a3b8;margin:0;line-height:1.5}.service-tabs{display:flex;gap:1rem;margin-bottom:2.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:.75rem;box-shadow:0 8px 32px #0000004d}.tab-button{flex:1;padding:1rem 2rem;background:transparent;color:#94a3b8;border:none;border-radius:1rem;font-size:.95rem;font-weight:600;cursor:pointer;letter-spacing:.025em;display:flex;align-items:center;gap:.5rem;justify-content:center}.tab-button.active{background:linear-gradient(135deg,rgba(79,70,229,.2),rgba(124,58,237,.1));color:#fff;border:1px solid rgba(79,70,229,.3);box-shadow:0 8px 24px #4f46e540}.service-categories-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:2rem;box-shadow:0 8px 32px #0000004d}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.12)}.categories-header h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.025em}.btn-add-category{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:1rem;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 8px 24px #4f46e54d;letter-spacing:.025em}.btn-add-category svg{flex-shrink:0}.empty-categories,.empty-packages{text-align:center;padding:5rem 3rem;background:rgba(255,255,255,.02);border:2px dashed rgba(255,255,255,.15);border-radius:1.25rem;margin:2.5rem 0}.empty-icon{margin-bottom:1.5rem;opacity:.6;display:flex;justify-content:center;align-items:center}.empty-icon svg{color:#94a3b8}.empty-categories h4,.empty-packages h4{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1rem;letter-spacing:-.025em}.empty-categories p,.empty-packages p{color:#94a3b8;margin:0 0 2.5rem;font-size:1.1rem;line-height:1.6}.btn-primary{padding:1rem 2.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;letter-spacing:.025em}.categories-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.category-item{display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:1rem;box-shadow:0 4px 16px #0003;min-height:150px}.category-info{flex:1;margin-bottom:1.25rem}.category-info h4{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .5rem;letter-spacing:-.025em}.category-info p{font-size:.875rem;color:#94a3b8;margin:0 0 .5rem;line-height:1.4}.category-info small{font-size:.75rem;color:#64748b;display:block;margin-top:.375rem}.category-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-shrink:0}.btn-edit-category,.btn-delete-category{padding:.625rem 1.25rem;border:none;border-radius:.625rem;font-size:.8rem;font-weight:600;cursor:pointer;letter-spacing:.025em;flex:1;text-align:center;display:flex;align-items:center;gap:.375rem;justify-content:center}.btn-edit-category svg,.btn-delete-category svg{flex-shrink:0}.btn-edit-category{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.btn-delete-category{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.service-packages-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:2rem;box-shadow:0 8px 32px #0000004d}.packages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.12)}.packages-header h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.025em}.packages-header-actions{display:flex;align-items:center;gap:1rem}.collapse-controls{display:flex;gap:.5rem}.btn-expand-all,.btn-collapse-all{padding:.75rem 1.25rem;background:rgba(255,255,255,.08);color:#94a3b8;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;font-size:.85rem;font-weight:600;cursor:pointer;letter-spacing:.025em;white-space:nowrap;display:flex;align-items:center;gap:.5rem;justify-content:center}.btn-expand-all svg,.btn-collapse-all svg{flex-shrink:0}.btn-add-package{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:1rem;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 8px 24px #4f46e54d;letter-spacing:.025em}.btn-add-package svg{flex-shrink:0}.packages-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.packages-by-category{display:flex;flex-direction:column;gap:2.5rem}.category-section{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:2rem;position:relative;overflow:hidden}.category-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e5,#7c3aed,#4f46e5)}.category-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.12)}.category-header-left{display:flex;align-items:center;gap:.75rem}.btn-toggle-category{background:rgba(79,70,229,.2);color:#818cf8;border:1px solid rgba(79,70,229,.3);border-radius:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem}.category-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:.75rem;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.category-title svg{flex-shrink:0;color:#818cf8}.package-count{background:rgba(79,70,229,.2);color:#818cf8;padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:600;border:1px solid rgba(79,70,229,.3);letter-spacing:.025em;box-shadow:0 4px 12px #4f46e533}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.empty-packages{text-align:center;padding:5rem 3rem;background:rgba(255,255,255,.02);border:2px dashed rgba(255,255,255,.15);border-radius:1.25rem;margin:2.5rem 0;transition:all .3s ease}.empty-packages:hover{background:rgba(255,255,255,.04);border-color:#ffffff40}.package-item{display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:1rem;box-shadow:0 4px 16px #0003;min-height:180px;position:relative;overflow:hidden}.package-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4f46e5,#7c3aed);opacity:1}.package-info{flex:1;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.package-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.625rem;gap:.5rem}.package-header h4{font-size:1rem;font-weight:600;color:#fff;margin:0;letter-spacing:-.025em;flex:1;line-height:1.3}.package-badges{display:flex;gap:.25rem;flex-shrink:0;flex-wrap:wrap;align-items:flex-start}.status-badge,.register-badge{padding:.25rem .5rem;border-radius:.375rem;font-size:.65rem;font-weight:600;letter-spacing:.025em;white-space:nowrap}.status-badge.enable{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-badge.disable{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.register-badge.yes{background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.register-badge.no{background:rgba(107,114,128,.2);color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.package-price{font-size:1.125rem;font-weight:700;color:#4ade80;margin:0;letter-spacing:-.025em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.package-description{font-size:.8rem;color:#94a3b8;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.package-info small{font-size:.7rem;color:#64748b;display:block;margin-top:.25rem;opacity:.8}.package-actions{display:flex;flex-wrap:wrap;gap:.375rem;flex-shrink:0;justify-content:flex-end;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.btn-edit-package,.btn-toggle-status,.btn-toggle-register,.btn-delete-package{padding:.5rem .75rem;border:none;border-radius:.5rem;font-size:.7rem;font-weight:600;cursor:pointer;white-space:nowrap;letter-spacing:.025em;text-align:center;width:fit-content;min-width:auto;display:flex;align-items:center;gap:.25rem;justify-content:center}.btn-edit-package svg,.btn-toggle-status svg,.btn-toggle-register svg,.btn-delete-package svg{flex-shrink:0}.btn-edit-package{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.btn-toggle-status.enable{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-toggle-status.disable{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.btn-toggle-register.yes{background:rgba(107,114,128,.2);color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.btn-toggle-register.no{background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.btn-delete-package{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.service-form{padding:2rem 2.5rem;display:flex;flex-direction:column;gap:2rem}.service-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.service-form .form-group{display:flex;flex-direction:column;gap:1rem;position:relative}.service-form .form-group label{font-size:1rem;font-weight:600;color:#e2e8f0;margin-bottom:.5rem;letter-spacing:.025em}.service-form .form-group:focus-within label{color:#4f46e5}.service-form .form-group input,.service-form .form-group select,.service-form .form-group textarea{padding:1rem 1.25rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:1rem;color:#fff;font-size:1rem;width:100%;box-sizing:border-box;position:relative;font-family:inherit;letter-spacing:.025em}.service-form .form-group input:focus,.service-form .form-group select:focus,.service-form .form-group textarea:focus{outline:none;border-color:#4f46e599;box-shadow:0 0 0 4px #4f46e526;background:rgba(255,255,255,.12)}.service-form .form-group input::placeholder{color:#64748b}.service-form .form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.service-form .form-actions{display:flex;gap:1.5rem;justify-content:flex-end;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12)}.service-form .btn-cancel{padding:1rem 2.5rem;background:rgba(255,255,255,.08);color:#94a3b8;border:1px solid rgba(255,255,255,.15);border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;width:auto;flex:none;min-width:120px;letter-spacing:.025em}.service-form .btn-save{padding:1rem 2.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;width:auto;flex:none;min-width:120px;letter-spacing:.025em}@media (max-width: 1200px){.categories-list,.packages-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width: 768px){.admin-loading{min-height:250px;padding:1.5rem}.admin-loading-spinner{width:40px;height:40px;margin-bottom:1rem}.admin-loading p{font-size:1rem}.admin-loading small{font-size:.75rem}.service-header{flex-direction:column;gap:1rem;text-align:center;padding:1.25rem;margin-bottom:1.5rem}.service-title h2{font-size:1.5rem}.service-title p{font-size:.9rem}.service-tabs{flex-direction:column;gap:.375rem;padding:.5rem;margin-bottom:2rem}.tab-button{text-align:center;padding:.875rem 1.25rem;font-size:.875rem;gap:.375rem}.tab-button svg{width:16px;height:16px}.categories-header,.packages-header{flex-direction:column;gap:1rem;text-align:center}.categories-header h3,.packages-header h3{font-size:1.25rem}.packages-header-actions{flex-direction:column;gap:.75rem;width:100%}.collapse-controls{justify-content:center;width:100%;gap:.5rem}.btn-expand-all,.btn-collapse-all{flex:1;max-width:140px;padding:.625rem 1rem;font-size:.8rem;gap:.375rem}.btn-expand-all svg,.btn-collapse-all svg{width:14px;height:14px}.btn-add-category,.btn-add-package{padding:.875rem 1.5rem;font-size:.875rem;gap:.5rem}.btn-add-category svg,.btn-add-package svg{width:16px;height:16px}.categories-list,.packages-list{grid-template-columns:1fr;gap:.875rem}.packages-by-category{gap:1.5rem}.category-section{padding:1.25rem}.category-section-header{flex-direction:column;gap:.75rem;text-align:center;margin-bottom:1.25rem;padding-bottom:.875rem}.category-header-left{justify-content:center;width:100%;gap:.5rem}.btn-toggle-category{width:28px;height:28px}.btn-toggle-category svg{width:14px;height:14px}.category-title{font-size:1.125rem;gap:.5rem}.category-title svg{width:18px;height:18px}.package-count{font-size:.75rem;padding:.375rem .75rem}.packages-grid{grid-template-columns:1fr;gap:.875rem}.category-item,.package-item{padding:1rem;min-height:auto}.category-info h4,.package-header h4{font-size:1rem}.category-info p,.package-description{font-size:.8rem}.package-price{font-size:1rem}.category-actions{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:.5rem}.btn-edit-category,.btn-delete-category{padding:.5rem 1rem;font-size:.75rem;gap:.25rem}.btn-edit-category svg,.btn-delete-category svg{width:12px;height:12px}.package-header{flex-direction:column;gap:.5rem;align-items:flex-start}.package-badges{align-self:flex-start;flex-wrap:wrap;gap:.25rem}.status-badge,.register-badge{padding:.25rem .5rem;font-size:.6rem}.package-actions{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:.375rem;padding-top:.875rem}.btn-edit-package,.btn-toggle-status,.btn-toggle-register,.btn-delete-package{padding:.375rem .625rem;font-size:.65rem;gap:.25rem}.btn-edit-package svg,.btn-toggle-status svg,.btn-toggle-register svg,.btn-delete-package svg{width:10px;height:10px}.empty-categories,.empty-packages{padding:3rem 1.5rem}.empty-icon svg{width:60px;height:60px}.empty-categories h4,.empty-packages h4{font-size:1.25rem}.empty-categories p,.empty-packages p{font-size:.9rem}.btn-primary{padding:.875rem 2rem;font-size:.9rem}.service-form{padding:1.25rem 1.5rem;gap:1.25rem}.service-form .form-row{grid-template-columns:1fr;gap:1.25rem}.service-form .form-group{gap:.5rem}.service-form .form-group label{font-size:.875rem}.service-form .form-group input,.service-form .form-group select,.service-form .form-group textarea{padding:.75rem 1rem;font-size:.875rem}.service-form .form-group textarea{min-height:80px}.service-form .form-actions{flex-direction:row;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem}.service-form .form-actions button{padding:.75rem 1.25rem;font-size:.875rem;min-width:90px}}@media (max-width: 480px){.admin-loading{min-height:200px;padding:1rem}.admin-loading-spinner{width:32px;height:32px;margin-bottom:.75rem}.admin-loading p{font-size:.875rem}.admin-loading small{font-size:.7rem}.service-header{padding:1rem;margin-bottom:1.25rem}.service-title h2{font-size:1.25rem}.service-title p{font-size:.8rem}.service-tabs{margin-bottom:1.5rem;padding:.375rem}.tab-button{padding:.75rem 1rem;font-size:.8rem;gap:.25rem}.tab-button svg{width:14px;height:14px}.service-categories-card,.service-packages-card{padding:1rem}.categories-header,.packages-header{gap:.75rem}.categories-header h3,.packages-header h3{font-size:1.125rem}.packages-header-actions{gap:.5rem}.collapse-controls{gap:.25rem}.btn-expand-all,.btn-collapse-all{padding:.5rem .75rem;font-size:.7rem;max-width:110px;gap:.25rem}.btn-expand-all svg,.btn-collapse-all svg{width:12px;height:12px}.btn-add-category,.btn-add-package{padding:.75rem 1.25rem;font-size:.8rem;gap:.375rem}.btn-add-category svg,.btn-add-package svg{width:14px;height:14px}.packages-by-category{gap:1.25rem}.category-section{padding:1rem}.category-section-header{margin-bottom:1rem;padding-bottom:.75rem;gap:.5rem}.category-header-left{gap:.375rem}.btn-toggle-category{width:24px;height:24px}.btn-toggle-category svg{width:12px;height:12px}.category-title{font-size:1rem;gap:.375rem}.category-title svg{width:16px;height:16px}.package-count{font-size:.7rem;padding:.25rem .5rem}.packages-grid{gap:.75rem}.empty-categories,.empty-packages{padding:2rem 1rem}.empty-icon svg{width:50px;height:50px}.empty-categories h4,.empty-packages h4{font-size:1.125rem}.empty-categories p,.empty-packages p{font-size:.8rem}.btn-primary{padding:.75rem 1.5rem;font-size:.8rem}.category-item,.package-item{padding:.75rem}.category-info h4,.package-header h4{font-size:.9rem}.category-info p,.package-description{font-size:.75rem}.package-price{font-size:.9rem}.category-actions{gap:.375rem}.btn-edit-category,.btn-delete-category{padding:.375rem .75rem;font-size:.7rem;gap:.25rem}.btn-edit-category svg,.btn-delete-category svg{width:10px;height:10px}.package-header{gap:.375rem}.package-badges{gap:.25rem}.status-badge,.register-badge{padding:.25rem .375rem;font-size:.55rem}.package-actions{gap:.25rem;padding-top:.75rem}.btn-edit-package,.btn-toggle-status,.btn-toggle-register,.btn-delete-package{padding:.25rem .5rem;font-size:.6rem;gap:.25rem}.btn-edit-package svg,.btn-toggle-status svg,.btn-toggle-register svg,.btn-delete-package svg{width:8px;height:8px}.service-form{padding:1rem 1.25rem;gap:1rem}.service-form .form-row{gap:1rem}.service-form .form-group{gap:.375rem}.service-form .form-group label{font-size:.8rem}.service-form .form-group input,.service-form .form-group select,.service-form .form-group textarea{padding:.625rem .875rem;font-size:.8rem}.service-form .form-group textarea{min-height:70px}.service-form .form-actions{flex-direction:column;gap:.5rem;margin-top:1.25rem;padding-top:1rem}.service-form .form-actions button{width:100%;padding:.75rem 1rem;font-size:.8rem}}:root{--afs-bill-primary: #8b5cf6;--afs-bill-primary-light: #a78bfa;--afs-bill-primary-dark: #7c3aed;--afs-bill-secondary: #6366f1;--afs-bill-accent: #ec4899;--afs-bill-bg: #0f0a1a;--afs-bill-bg-secondary: rgba(139, 92, 246, .05);--afs-bill-bg-card: rgba(139, 92, 246, .08);--afs-bill-bg-hover: rgba(139, 92, 246, .12);--afs-bill-text: #e2e8f0;--afs-bill-text-secondary: #94a3b8;--afs-bill-border: rgba(139, 92, 246, .2);--afs-bill-border-light: rgba(139, 92, 246, .1);--afs-bill-shadow: 0 4px 20px rgba(139, 92, 246, .15);--afs-bill-shadow-hover: 0 8px 30px rgba(139, 92, 246, .25);--afs-bill-glow: 0 0 20px rgba(139, 92, 246, .3);--afs-bill-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--afs-bill-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%);--afs-bill-success: #10b981;--afs-bill-warning: #f59e0b;--afs-bill-error: #ef4444;--afs-bill-info: #3b82f6}.afs-bill-management{min-height:100vh!important;background:var(--afs-bill-bg)!important;color:var(--afs-bill-text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;position:relative!important;overflow-x:hidden!important}.afs-bill-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:2rem!important;padding:2rem!important;background:var(--afs-bill-gradient-subtle)!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:16px!important;box-shadow:var(--afs-bill-shadow)!important}.afs-bill-header-left h1{font-size:1.75rem!important;font-weight:700!important;margin-bottom:.5rem!important;background:var(--afs-bill-gradient)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.afs-bill-header-left p{color:var(--afs-bill-text-secondary)!important;font-size:1rem!important;line-height:1.6!important;margin:0!important}.afs-bill-header-actions{display:flex!important;gap:1rem!important;align-items:center!important}.afs-bill-generate-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;box-shadow:var(--afs-bill-shadow)!important}.afs-bill-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%)!important;box-shadow:var(--afs-bill-shadow-hover)!important}.afs-bill-generate-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.afs-bill-table-container{background:var(--afs-bill-bg-card)!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:16px!important;padding:1.5rem!important;margin-bottom:2rem!important;box-shadow:var(--afs-bill-shadow)!important}.afs-bill-table-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1.5rem!important;padding-bottom:1rem!important;border-bottom:1px solid var(--afs-bill-border-light)!important}.afs-bill-table-header h3{font-size:1.25rem!important;font-weight:600!important;color:var(--afs-bill-text)!important;margin:0!important}.afs-bill-table-actions{display:flex!important;gap:.75rem!important}.afs-bill-refresh-btn{background:var(--afs-bill-bg-hover)!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:8px!important;padding:.5rem 1rem!important;color:var(--afs-bill-text)!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:.5rem!important}.afs-bill-refresh-btn:hover:not(:disabled){background:var(--afs-bill-border)!important;border-color:var(--afs-bill-border)!important}.afs-bill-refresh-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.afs-bill-filter-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;background:rgba(139,92,246,.1)!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:6px!important;color:var(--afs-bill-text)!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.afs-bill-filter-btn:hover:not(:disabled){background:rgba(139,92,246,.2)!important;border-color:var(--afs-bill-primary)!important}.afs-bill-filter-btn.active{background:var(--afs-bill-primary)!important;color:#fff!important;border-color:var(--afs-bill-primary)!important}.afs-bill-filter-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.afs-bill-loading{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:3rem 2rem!important;text-align:center!important;min-height:200px!important}.afs-bill-loading-spinner{width:40px!important;height:40px!important;border:3px solid var(--afs-bill-border-light)!important;border-top:3px solid var(--afs-bill-primary)!important;border-radius:50%!important;animation:afs-bill-spin 1s linear infinite!important;margin-bottom:1rem!important;box-shadow:0 0 10px #8b5cf64d!important}@keyframes afs-bill-spin{0%{transform:rotate(0)!important}to{transform:rotate(360deg)!important}}.afs-bill-loading p{color:var(--afs-bill-text-secondary)!important;font-size:.9rem!important;margin:0!important}.afs-bill-empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:4rem 2rem!important;text-align:center!important;color:var(--afs-bill-text-secondary)!important}.afs-bill-empty-state svg{margin-bottom:1rem!important;opacity:.5!important}.afs-bill-empty-state h4{font-size:1.1rem!important;font-weight:600!important;margin:0 0 .5rem!important;color:var(--afs-bill-text)!important}.afs-bill-empty-state p{font-size:.9rem!important;margin:0!important;line-height:1.5!important}.afs-bill-table-wrapper{overflow-x:auto!important;border-radius:12px!important;border:1px solid var(--afs-bill-border-light)!important}.afs-bill-table{width:100%!important;border-collapse:collapse!important;font-size:.875rem!important}.afs-bill-table thead{background:var(--afs-bill-gradient-subtle)!important}.afs-bill-table th{padding:1rem!important;text-align:left!important;font-weight:600!important;color:var(--afs-bill-text)!important;border-bottom:1px solid var(--afs-bill-border-light)!important;white-space:nowrap!important}.afs-bill-table td{padding:1rem!important;border-bottom:1px solid var(--afs-bill-border-light)!important;vertical-align:middle!important}.afs-bill-table tbody tr{transition:all .3s ease!important}.afs-bill-table tbody tr:hover{background:var(--afs-bill-bg-hover)!important}.afs-bill-table tbody tr:last-child td{border-bottom:none!important}.afs-bill-table-cell{padding:1rem!important;border-bottom:1px solid var(--afs-bill-border-light)!important;vertical-align:middle!important}.afs-bill-items-per-page-section{background:var(--afs-bill-gradient-subtle)!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:12px!important;padding:1.5rem!important;margin-bottom:1.5rem!important;box-shadow:var(--afs-bill-shadow)!important}.afs-bill-items-per-page-group{display:flex!important;align-items:center!important;gap:.75rem!important}.afs-bill-items-per-page-group label{font-weight:600!important;color:var(--afs-bill-text)!important;font-size:.875rem!important}.afs-bill-items-per-page-select{padding:.75rem!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:8px!important;background:var(--afs-bill-bg)!important;color:var(--afs-bill-text)!important;font-size:.875rem!important;transition:all .3s ease!important}.afs-bill-items-per-page-select:focus{outline:none!important;border-color:var(--afs-bill-primary)!important;box-shadow:0 0 0 3px #8b5cf61a!important}.afs-bill-items-per-page-section{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important}.afs-bill-search-group{display:flex!important;flex-direction:column!important;gap:.5rem!important;min-width:300px!important}.afs-bill-search-wrapper{position:relative!important;display:flex!important;align-items:center!important}.afs-bill-search-icon{position:absolute!important;left:.75rem!important;color:var(--afs-bill-text-secondary)!important;z-index:1!important}.afs-bill-search-input{width:100%!important;padding:.75rem .75rem .75rem 2.5rem!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:8px!important;background:var(--afs-bill-bg)!important;color:var(--afs-bill-text)!important;font-size:.875rem!important;transition:all .3s ease!important}.afs-bill-search-input:focus{outline:none!important;border-color:var(--afs-bill-primary)!important;box-shadow:0 0 0 3px #8b5cf61a!important}.afs-bill-search-input::placeholder{color:var(--afs-bill-text-secondary)!important}.afs-bill-search-input:disabled{opacity:.6!important;cursor:not-allowed!important}.afs-bill-clear-search-btn{position:absolute!important;right:.75rem!important;background:none!important;border:none!important;color:var(--afs-bill-text-secondary)!important;cursor:pointer!important;padding:.25rem!important;border-radius:4px!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.afs-bill-clear-search-btn:hover:not(:disabled){color:var(--afs-bill-primary)!important;background:var(--afs-bill-bg-hover)!important}.afs-bill-clear-search-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.afs-bill-search-info{font-size:.75rem!important;color:var(--afs-bill-text-secondary)!important;font-style:italic!important}.afs-bill-search-info-pagination{font-size:.75rem!important;color:var(--afs-bill-primary)!important;font-weight:500!important}.afs-bill-empty-state .afs-bill-clear-search-btn{background:var(--afs-bill-primary)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important}.afs-bill-empty-state .afs-bill-clear-search-btn:hover{background:var(--afs-bill-primary-dark)!important;transform:translateY(-1px)!important}.afs-bill-filters-container{background:var(--afs-bill-gradient-subtle)!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:12px!important;padding:1.5rem!important;margin-bottom:1.5rem!important;box-shadow:var(--afs-bill-shadow)!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:1rem!important;align-items:end!important}.afs-bill-filter-group{display:flex!important;flex-direction:column!important;gap:.5rem!important}.afs-bill-filter-group label{font-weight:600!important;color:var(--afs-bill-text)!important;font-size:.875rem!important}.afs-bill-filter-select{padding:.75rem!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:8px!important;background:var(--afs-bill-bg)!important;color:var(--afs-bill-text)!important;font-size:.875rem!important;transition:all .3s ease!important;cursor:pointer!important}.afs-bill-filter-select:focus{outline:none!important;border-color:var(--afs-bill-primary)!important;box-shadow:0 0 0 3px #8b5cf61a!important}.afs-bill-filter-select:hover{border-color:var(--afs-bill-primary-light)!important}.afs-bill-filter-select option{background:var(--afs-bill-bg)!important;color:var(--afs-bill-text)!important;padding:.5rem!important;font-size:.875rem!important}.afs-bill-filter-select option:hover{background:var(--afs-bill-bg-hover)!important;color:var(--afs-bill-text)!important}.afs-bill-filter-select option:checked{background:var(--afs-bill-primary)!important;color:#fff!important}.afs-bill-filter-select option:focus{background:var(--afs-bill-bg-hover)!important;color:var(--afs-bill-text)!important}.afs-bill-items-per-page-select option{background:var(--afs-bill-bg)!important;color:var(--afs-bill-text)!important;padding:.5rem!important;font-size:.875rem!important}.afs-bill-items-per-page-select option:hover{background:var(--afs-bill-bg-hover)!important;color:var(--afs-bill-text)!important}.afs-bill-items-per-page-select option:checked{background:var(--afs-bill-primary)!important;color:#fff!important}.afs-bill-items-per-page-select option:focus{background:var(--afs-bill-bg-hover)!important;color:var(--afs-bill-text)!important}.afs-bill-clear-filters-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1rem!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;height:fit-content!important;width:fit-content!important;white-space:nowrap!important}.afs-bill-clear-filters-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;transform:translateY(-1px)!important;box-shadow:0 4px 20px #ef44444d!important}.afs-bill-clear-filters-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.afs-bill-filter-btn.active{background:var(--afs-bill-primary)!important;color:#fff!important;border-color:var(--afs-bill-primary)!important;box-shadow:0 0 0 2px #8b5cf64d!important}.afs-bill-filter-btn.active:hover{background:var(--afs-bill-primary-dark)!important;box-shadow:0 0 0 2px #8b5cf666!important}@media (max-width: 1024px){.afs-bill-filters-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:.75rem!important}}@media (max-width: 768px){.afs-bill-filters-container{grid-template-columns:1fr!important;gap:1rem!important;padding:1rem!important}.afs-bill-filter-group{gap:.375rem!important}.afs-bill-filter-select{padding:.625rem!important;font-size:.8rem!important}.afs-bill-clear-filters-btn{padding:.625rem .875rem!important;font-size:.8rem!important;justify-content:center!important;width:fit-content!important;white-space:nowrap!important}.afs-bill-items-per-page-section{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.afs-bill-search-group{min-width:auto!important}}@media (max-width: 480px){.afs-bill-filters-container{padding:.875rem!important;gap:.75rem!important}.afs-bill-filter-select{padding:.5rem!important;font-size:.75rem!important}.afs-bill-clear-filters-btn{padding:.5rem .75rem!important;font-size:.75rem!important;width:fit-content!important;white-space:nowrap!important}.afs-bill-search-input{padding:.5rem .5rem .5rem 2rem!important;font-size:.75rem!important}.afs-bill-search-icon{left:.5rem!important}.afs-bill-clear-search-btn{right:.5rem!important;padding:.125rem!important}}.afs-bill-pagination-section{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1.5rem!important;background:var(--afs-bill-gradient-subtle)!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:12px!important;margin-top:1.5rem!important;box-shadow:var(--afs-bill-shadow)!important}.afs-bill-pagination-info{color:var(--afs-bill-text-secondary)!important;font-size:.875rem!important;font-weight:500!important}.afs-bill-pagination-controls{display:flex!important;align-items:center!important;gap:1rem!important}.afs-bill-pagination-btn{padding:.5rem 1rem!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:6px!important;background:var(--afs-bill-bg)!important;color:var(--afs-bill-text)!important;font-weight:500!important;font-size:.875rem!important;cursor:pointer!important;transition:all .3s ease!important}.afs-bill-pagination-btn:hover:not(:disabled){background:var(--afs-bill-bg-hover)!important;border-color:var(--afs-bill-primary)!important;color:var(--afs-bill-primary)!important}.afs-bill-pagination-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.afs-bill-pagination-pages{display:flex!important;gap:.25rem!important}.afs-bill-pagination-page{width:40px!important;height:40px!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:6px!important;background:var(--afs-bill-bg)!important;color:var(--afs-bill-text)!important;font-weight:500!important;font-size:.875rem!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.afs-bill-pagination-page:hover:not(.active){background:var(--afs-bill-bg-hover)!important;border-color:var(--afs-bill-primary)!important;color:var(--afs-bill-primary)!important}.afs-bill-pagination-page.active{background:var(--afs-bill-primary)!important;color:#fff!important;border-color:var(--afs-bill-primary)!important}.afs-bill-row-number{display:flex!important;justify-content:center!important;align-items:center!important;font-weight:600!important;color:var(--afs-bill-text-secondary)!important;font-size:.8rem!important}.afs-bill-invoice-number{display:flex!important;flex-direction:column!important}.afs-bill-payment-ref{font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:.8rem!important;color:var(--afs-bill-primary-light)!important;font-weight:600!important}.afs-bill-customer-id{display:flex!important;flex-direction:column!important}.afs-bill-customer-id-text{font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:.8rem!important;color:var(--afs-bill-text)!important;font-weight:600!important}.afs-bill-customer-name{display:flex!important;flex-direction:column!important}.afs-bill-customer-name-text{font-weight:600!important;color:var(--afs-bill-text)!important;font-size:.9rem!important}.afs-bill-billing-period,.afs-bill-due-date{font-weight:500!important;color:var(--afs-bill-text)!important}.afs-bill-payment-amount{display:flex!important;flex-direction:column!important;gap:.25rem!important}.afs-bill-amount{font-weight:600!important;color:var(--afs-bill-text)!important}.afs-bill-unique-code{font-size:.75rem!important;color:var(--afs-bill-success)!important;font-weight:500!important}.afs-bill-payment-type{display:flex!important;flex-direction:column!important}.afs-bill-payment-type-text{font-weight:600!important;color:var(--afs-bill-text)!important;font-size:.85rem!important;padding:.25rem .5rem!important;border-radius:4px!important;background:var(--afs-bill-bg-hover)!important;border:1px solid var(--afs-bill-border-light)!important;text-align:center!important;text-transform:capitalize!important}.afs-bill-description{font-weight:500!important;color:var(--afs-bill-text-secondary)!important;font-size:.8rem!important;max-width:200px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.afs-bill-status-badge{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.375rem .75rem!important;border-radius:20px!important;font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.025em!important}.afs-bill-status-pending{background:rgba(245,158,11,.1)!important;color:#fbbf24!important;border:1px solid rgba(245,158,11,.3)!important}.afs-bill-status-paid{background:rgba(16,185,129,.1)!important;color:#34d399!important;border:1px solid rgba(16,185,129,.3)!important}.afs-bill-status-overdue{background:rgba(239,68,68,.1)!important;color:#f87171!important;border:1px solid rgba(239,68,68,.3)!important}.afs-bill-status-expired{background:rgba(156,163,175,.1)!important;color:#9ca3af!important;border:1px solid rgba(156,163,175,.3)!important}.afs-bill-status-cancelled{background:rgba(239,68,68,.1)!important;color:#f87171!important;border:1px solid rgba(239,68,68,.3)!important}.afs-bill-status-active{background:rgba(16,185,129,.1)!important;color:#34d399!important;border:1px solid rgba(16,185,129,.3)!important}.afs-bill-status-inactive{background:rgba(107,114,128,.1)!important;color:#9ca3af!important;border:1px solid rgba(107,114,128,.3)!important}.afs-bill-status-isolated{background:rgba(239,68,68,.1)!important;color:#f87171!important;border:1px solid rgba(239,68,68,.3)!important}.afs-bill-status-custom{background:rgba(139,92,246,.1)!important;color:#a78bfa!important;border:1px solid rgba(139,92,246,.3)!important}.afs-bill-status-free{background:rgba(16,185,129,.1)!important;color:#34d399!important;border:1px solid rgba(16,185,129,.3)!important}.afs-bill-payment-actions{display:flex!important;gap:.5rem!important;align-items:center!important}.afs-bill-action-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border:none!important;border-radius:6px!important;cursor:pointer!important;color:var(--afs-bill-text)!important}.afs-bill-btn-confirm{background:rgba(16,185,129,.1)!important;color:#34d399!important}.afs-bill-btn-confirm:hover{background:rgba(16,185,129,.2)!important;box-shadow:0 2px 8px #10b9814d!important}.afs-bill-btn-delete{background:rgba(239,68,68,.1)!important;color:#f87171!important}.afs-bill-btn-delete:hover{background:rgba(239,68,68,.2)!important;box-shadow:0 2px 8px #ef44444d!important}.afs-bill-btn-delete.confirmed{opacity:.7!important;background:rgba(239,68,68,.05)!important;color:#f87171!important}.afs-bill-btn-delete.confirmed:hover{opacity:1!important;background:rgba(239,68,68,.15)!important;box-shadow:0 2px 8px #ef444433!important}.afs-bill-delete-confirm-btn.confirmed{background:rgba(239,68,68,.8)!important;border-color:#dc2626!important;color:#fff!important}.afs-bill-delete-confirm-btn.confirmed:hover{background:rgba(239,68,68,.9)!important;box-shadow:0 2px 8px #ef444466!important}.afs-bill-btn-view{background:rgba(59,130,246,.1)!important;color:#60a5fa!important}.afs-bill-btn-view:hover{background:rgba(59,130,246,.2)!important;box-shadow:0 2px 8px #3b82f64d!important}.afs-bill-delete-confirm-content,.afs-bill-confirm-payment-content{padding:1rem!important;text-align:center!important}.afs-bill-confirm-message{margin-bottom:2rem!important}.afs-bill-confirm-message h4{font-size:1.25rem!important;font-weight:600!important;color:var(--afs-bill-text)!important;margin:1rem 0!important}.afs-bill-confirm-message p{color:var(--afs-bill-text-secondary)!important;line-height:1.6!important;margin-bottom:1rem!important}.afs-bill-warning-icon{color:var(--afs-bill-warning)!important;margin-bottom:1rem!important}.afs-bill-success-icon{color:var(--afs-bill-success)!important;margin-bottom:1rem!important}.afs-bill-warning-text{color:var(--afs-bill-error)!important;font-weight:600!important;font-size:.9rem!important}.afs-bill-info-text{color:var(--afs-bill-info)!important;font-weight:500!important;font-size:.9rem!important}.afs-bill-confirm-actions{display:flex!important;gap:1rem!important;justify-content:center!important}.afs-bill-cancel-btn{padding:.75rem 1.5rem!important;background:var(--afs-bill-bg-card)!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:8px!important;color:var(--afs-bill-text)!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important}.afs-bill-cancel-btn:hover:not(:disabled){background:var(--afs-bill-bg-hover)!important;border-color:var(--afs-bill-border)!important}.afs-bill-cancel-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.afs-bill-delete-confirm-btn{padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important}.afs-bill-delete-confirm-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 4px 20px #ef44444d!important}.afs-bill-delete-confirm-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.afs-bill-confirm-payment-btn{padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important}.afs-bill-confirm-payment-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 4px 20px #10b9814d!important}.afs-bill-confirm-payment-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.afs-bill-generate-content{padding:1rem!important}.afs-bill-generate-info{text-align:center!important;margin-bottom:2rem!important}.afs-bill-info-icon{color:var(--afs-bill-primary)!important;margin-bottom:1rem!important}.afs-bill-generate-info h4{font-size:1.25rem!important;font-weight:600!important;color:var(--afs-bill-text)!important;margin:1rem 0!important}.afs-bill-generate-info p{color:var(--afs-bill-text-secondary)!important;line-height:1.6!important;margin-bottom:1rem!important}.afs-bill-generate-form{margin-bottom:2rem!important}.afs-bill-form-group{display:flex!important;flex-direction:column!important;gap:.5rem!important}.afs-bill-form-group label{font-weight:600!important;color:var(--afs-bill-text)!important;font-size:.875rem!important}.afs-bill-form-select{padding:.75rem!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:8px!important;background:var(--afs-bill-bg)!important;color:var(--afs-bill-text)!important;font-size:.875rem!important;transition:all .3s ease!important}.afs-bill-form-select:focus{outline:none!important;border-color:var(--afs-bill-primary)!important;box-shadow:0 0 0 3px #8b5cf61a!important}.afs-bill-form-select option{background:var(--afs-bill-bg)!important;color:var(--afs-bill-text)!important;padding:.5rem!important;font-size:.875rem!important}.afs-bill-form-select option:hover{background:var(--afs-bill-bg-hover)!important;color:var(--afs-bill-text)!important}.afs-bill-form-select option:checked{background:var(--afs-bill-primary)!important;color:#fff!important}.afs-bill-form-select option:focus{background:var(--afs-bill-bg-hover)!important;color:var(--afs-bill-text)!important}.afs-bill-form-help{color:var(--afs-bill-text-secondary)!important;font-size:.875rem!important;margin-top:.5rem!important;line-height:1.4!important}.afs-bill-warning-notice{background:rgba(245,158,11,.1)!important;border:1px solid rgba(245,158,11,.3)!important;border-radius:8px!important;padding:1rem!important;margin-top:1rem!important;color:#fbbf24!important;font-size:.875rem!important;line-height:1.5!important}.afs-bill-generate-actions{display:flex!important;gap:1rem!important;justify-content:center!important}.afs-bill-preview-btn{padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important}.afs-bill-preview-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 4px 20px #3b82f64d!important}.afs-bill-preview-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.afs-bill-preview-content{padding:1rem!important}.afs-bill-preview-summary{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:1rem!important;margin-bottom:2rem!important;padding:1.5rem!important;background:var(--afs-bill-gradient-subtle)!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:12px!important}.afs-bill-summary-item{display:flex!important;flex-direction:column!important;gap:.25rem!important}.afs-bill-summary-label{font-size:.8rem!important;color:var(--afs-bill-text-secondary)!important;font-weight:500!important}.afs-bill-summary-value{font-size:1.1rem!important;font-weight:600!important;color:var(--afs-bill-text)!important}.afs-bill-summary-value.success{color:var(--afs-bill-success)!important}.afs-bill-summary-value.warning{color:var(--afs-bill-warning)!important}.afs-bill-summary-value.total{color:var(--afs-bill-primary)!important;font-size:1.25rem!important}.afs-bill-preview-list{margin-bottom:2rem!important}.afs-bill-preview-list h5{font-size:1.1rem!important;font-weight:600!important;color:var(--afs-bill-text)!important;margin-bottom:1rem!important}.afs-bill-preview-table-wrapper{overflow-x:auto!important;border-radius:8px!important;border:1px solid var(--afs-bill-border-light)!important}.afs-bill-preview-table{width:100%!important;border-collapse:collapse!important;font-size:.8rem!important}.afs-bill-preview-table thead{background:var(--afs-bill-gradient-subtle)!important}.afs-bill-preview-table th{padding:.75rem .5rem!important;text-align:left!important;font-weight:600!important;color:var(--afs-bill-text)!important;border-bottom:1px solid var(--afs-bill-border-light)!important;white-space:nowrap!important}.afs-bill-preview-table td{padding:.75rem .5rem!important;border-bottom:1px solid var(--afs-bill-border-light)!important;vertical-align:top!important}.afs-bill-preview-table tbody tr:hover{background:var(--afs-bill-bg-hover)!important}.afs-bill-payment-type-badge{display:inline-block!important;padding:.25rem .5rem!important;border-radius:4px!important;font-size:.75rem!important;font-weight:600!important;text-transform:capitalize!important}.afs-bill-payment-type-badge.prabayar{background:rgba(16,185,129,.1)!important;color:#34d399!important;border:1px solid rgba(16,185,129,.3)!important}.afs-bill-payment-type-badge.pasca_bayar{background:rgba(59,130,246,.1)!important;color:#60a5fa!important;border:1px solid rgba(59,130,246,.3)!important}.afs-bill-tax-info{color:var(--afs-bill-warning)!important;font-weight:500!important}.afs-bill-tax-disabled{color:var(--afs-bill-text-secondary)!important;font-style:italic!important}.afs-bill-discount{color:var(--afs-bill-success)!important;font-weight:500!important}.afs-bill-no-discount{color:var(--afs-bill-text-secondary)!important;font-style:italic!important}.afs-bill-unique-code{color:var(--afs-bill-accent)!important;font-weight:500!important}.afs-bill-no-unique{color:var(--afs-bill-text-secondary)!important;font-style:italic!important}.afs-bill-final-amount{font-weight:600!important;color:var(--afs-bill-primary)!important}.afs-bill-preview-notification-info{margin:1rem 0!important;padding:1rem!important;background:var(--afs-bill-gradient-subtle)!important;border:1px solid var(--afs-bill-primary)!important;border-radius:8px!important}.afs-bill-notification-item{display:flex!important;align-items:center!important;gap:.5rem!important;color:var(--afs-bill-primary)!important;font-size:.875rem!important;font-weight:500!important}.afs-bill-notification-icon{font-size:1.2rem!important;flex-shrink:0!important;color:var(--afs-bill-primary)!important}.afs-bill-preview-actions{display:flex!important;gap:1rem!important;justify-content:center!important}.afs-bill-generate-confirm-btn{padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important}.afs-bill-generate-confirm-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 4px 20px #10b9814d!important}.afs-bill-generate-confirm-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.afs-bill-create-customer-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1.5rem!important;background:rgba(139,92,246,.15)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(139,92,246,.3)!important;border-radius:8px!important;color:#e2e8f0!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 4px 20px #8b5cf626!important}.afs-bill-create-customer-btn:hover:not(:disabled){background:rgba(139,92,246,.25)!important;border-color:#8b5cf680!important;box-shadow:0 4px 20px #8b5cf640!important}.afs-bill-create-customer-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.afs-bill-create-billing-content{padding:1rem!important}.afs-bill-create-billing-info{text-align:center!important;margin-bottom:2rem!important}.afs-bill-create-billing-info h4{font-size:1.25rem!important;font-weight:600!important;color:var(--afs-bill-text)!important;margin:1rem 0!important}.afs-bill-create-billing-info p{color:var(--afs-bill-text-secondary)!important;line-height:1.6!important;margin-bottom:1rem!important}.afs-bill-create-billing-form{margin-bottom:2rem!important}.afs-bill-form-input{padding:.75rem!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:8px!important;background:var(--afs-bill-bg)!important;color:var(--afs-bill-text)!important;font-size:.875rem!important;transition:all .3s ease!important;width:100%!important}.afs-bill-form-input:focus{outline:none!important;border-color:var(--afs-bill-primary)!important;box-shadow:0 0 0 3px #8b5cf61a!important}.afs-bill-date-input-wrapper{position:relative!important;display:flex!important;align-items:center!important}.afs-bill-date-input{padding-right:2.5rem!important;cursor:pointer!important}.afs-bill-date-input::-webkit-calendar-picker-indicator{background:transparent!important;bottom:0!important;color:transparent!important;cursor:pointer!important;height:auto!important;left:0!important;position:absolute!important;right:0!important;top:0!important;width:auto!important}.afs-bill-date-input-icon{position:absolute!important;right:.75rem!important;top:50%!important;transform:translateY(-50%)!important;color:var(--afs-bill-text-secondary)!important;pointer-events:none!important;z-index:1!important}.afs-bill-date-input:focus+.afs-bill-date-input-icon{color:var(--afs-bill-primary)!important}.afs-bill-date-input::-webkit-calendar-picker-indicator{filter:invert(1)!important;cursor:pointer!important}.afs-bill-date-input::-webkit-calendar-picker-indicator:hover{filter:invert(1) brightness(1.2)!important}.afs-bill-management select option{background:var(--afs-bill-bg)!important;color:var(--afs-bill-text)!important;padding:.5rem!important;font-size:.875rem!important}.afs-bill-management select option:hover{background:var(--afs-bill-bg-hover)!important;color:var(--afs-bill-text)!important}.afs-bill-management select option:checked{background:var(--afs-bill-primary)!important;color:#fff!important}.afs-bill-management select option:focus{background:var(--afs-bill-bg-hover)!important;color:var(--afs-bill-text)!important}.afs-bill-date-help-text{display:block!important;margin-top:.25rem!important;font-size:.75rem!important;color:var(--afs-bill-text-secondary)!important;line-height:1.4!important}.afs-bill-create-billing-actions{display:flex!important;gap:1rem!important;justify-content:center!important}.afs-bill-create-billing-btn{padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important}.afs-bill-create-billing-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 4px 20px #ec48994d!important}.afs-bill-create-billing-btn:disabled{opacity:.6!important;cursor:not-allowed!important}@media (max-width: 1024px){.afs-bill-table{font-size:.8rem!important}.afs-bill-table th,.afs-bill-table td{padding:.75rem .5rem!important}.afs-bill-checkbox-header{width:45px!important}.afs-bill-checkbox-btn{padding:.25rem!important}.afs-bill-bulk-delete-btn{padding:.5rem 1rem!important;font-size:.85rem!important}.afs-bill-selected-info{font-size:.85rem!important;margin-left:.75rem!important}}@media (max-width: 768px){.afs-bill-date-input-wrapper{width:100%!important}.afs-bill-date-input{font-size:.875rem!important}.afs-bill-date-help-text{font-size:.7rem!important}.afs-bill-warning-notice{font-size:.75rem!important;padding:.5rem!important}.afs-bill-warning-notice{font-size:.8rem!important;padding:.75rem!important}.afs-bill-header{flex-direction:column!important;gap:1rem!important;padding:1.5rem!important}.afs-bill-header-left h1{font-size:1.5rem!important}.afs-bill-header-left p{font-size:.875rem!important}.afs-bill-header-actions{width:100%!important;flex-direction:column!important;gap:.75rem!important}.afs-bill-generate-btn,.afs-bill-create-customer-btn,.afs-bill-filter-btn{width:100%!important;justify-content:center!important}.afs-bill-preview-summary{grid-template-columns:1fr!important;gap:.75rem!important}.afs-bill-preview-table{font-size:.75rem!important}.afs-bill-preview-table th,.afs-bill-preview-table td{padding:.5rem .25rem!important}.afs-bill-generate-actions,.afs-bill-preview-actions,.afs-bill-create-billing-actions{flex-direction:column!important;gap:.5rem!important}.afs-bill-preview-btn,.afs-bill-generate-confirm-btn,.afs-bill-create-billing-btn{width:100%!important}.afs-bill-table-header{flex-direction:column!important;gap:1rem!important}.afs-bill-table-actions{width:100%!important}.afs-bill-payment-actions{flex-direction:column!important;gap:.25rem!important}.afs-bill-action-btn{width:100%!important}.afs-bill-confirm-actions{flex-direction:column!important}.afs-bill-pagination-section{flex-direction:column!important;gap:1rem!important;text-align:center!important}.afs-bill-pagination-controls{justify-content:center!important}.afs-bill-pagination-pages{gap:.125rem!important}.afs-bill-pagination-page{width:36px!important;height:36px!important;font-size:.8rem!important}.afs-bill-checkbox-header{width:40px!important}.afs-bill-checkbox-btn{padding:.25rem!important}.afs-bill-bulk-delete-btn{padding:.5rem 1rem!important;font-size:.85rem!important}.afs-bill-selected-info{font-size:.85rem!important;margin-left:.75rem!important}}@media (max-width: 480px){.afs-bill-date-input-wrapper{width:100%!important}.afs-bill-date-input{font-size:.8rem!important;padding:.5rem 2rem .5rem .5rem!important}.afs-bill-date-input-icon{right:.5rem!important}.afs-bill-date-help-text{font-size:.65rem!important}.afs-bill-header{padding:1rem!important}.afs-bill-header-left h1{font-size:1.25rem!important}.afs-bill-header-left p{font-size:.8rem!important}.afs-bill-generate-btn{padding:.5rem 1rem!important;font-size:.8rem!important}.afs-bill-preview-summary{padding:1rem!important}.afs-bill-summary-value{font-size:1rem!important}.afs-bill-summary-value.total{font-size:1.1rem!important}.afs-bill-preview-table{font-size:.7rem!important}.afs-bill-preview-table th,.afs-bill-preview-table td{padding:.375rem .125rem!important}.afs-bill-table-container{margin:0 -.5rem!important}.afs-bill-table{font-size:.75rem!important}.afs-bill-table th,.afs-bill-table td{padding:.5rem .25rem!important}.afs-bill-status-badge{font-size:.7rem!important;padding:.25rem .5rem!important}.afs-bill-payment-actions{gap:.125rem!important}.afs-bill-action-btn{width:24px!important;height:24px!important}.afs-bill-pagination-section{padding:1rem!important}.afs-bill-pagination-info{font-size:.8rem!important}.afs-bill-pagination-btn{padding:.375rem .75rem!important;font-size:.8rem!important}.afs-bill-pagination-page{width:32px!important;height:32px!important;font-size:.75rem!important}.afs-bill-checkbox-header{width:40px!important}.afs-bill-selected-info{font-size:.8rem!important;margin-left:.5rem!important}.afs-bill-checkbox-header{width:35px!important}.afs-bill-checkbox-btn svg{width:14px!important;height:14px!important}.afs-bill-bulk-delete-btn{padding:.375rem .75rem!important;font-size:.8rem!important}.afs-bill-selected-info{font-size:.75rem!important;margin-left:.5rem!important}.afs-bill-checkbox-header{width:30px!important}.afs-bill-checkbox-btn{padding:.125rem!important}.afs-bill-checkbox-btn svg{width:12px!important;height:12px!important}.afs-bill-bulk-delete-btn{padding:.25rem .5rem!important;font-size:.75rem!important}.afs-bill-selected-info{font-size:.7rem!important;margin-left:.25rem!important}}@media (prefers-color-scheme: dark){:root{--afs-bill-bg: #0a0614 !important;--afs-bill-bg-secondary: rgba(139, 92, 246, .08) !important;--afs-bill-bg-card: rgba(139, 92, 246, .12) !important}}@media (prefers-reduced-motion: reduce){.afs-bill-action-btn{transition:none!important}}.afs-bill-checkbox-header{width:50px!important;text-align:center!important}.afs-bill-checkbox-btn{background:none!important;border:none!important;cursor:pointer!important;color:var(--afs-bill-text-secondary)!important;padding:.25rem!important;border-radius:4px!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.afs-bill-checkbox-btn:hover{color:var(--afs-bill-primary)!important;background:var(--afs-bill-bg-hover)!important}.afs-bill-checkbox-btn:focus{outline:none!important;box-shadow:0 0 0 2px #8b5cf64d!important}.afs-bill-bulk-delete-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;box-shadow:var(--afs-bill-shadow)!important;transition:all .3s ease!important}.afs-bill-bulk-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;box-shadow:var(--afs-bill-shadow-hover)!important;transform:translateY(-1px)!important}.afs-bill-bulk-delete-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.afs-bill-selected-info{color:var(--afs-bill-primary)!important;font-weight:600!important;margin-left:1rem!important}@media (prefers-contrast: high){:root{--afs-bill-border: rgba(139, 92, 246, .4) !important;--afs-bill-border-light: rgba(139, 92, 246, .3) !important}}.afs-bill-search-loading{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.afs-bill-search-spinner{width:16px;height:16px;border:2px solid var(--afs-bill-border-light);border-top:2px solid var(--afs-bill-primary);border-radius:50%;animation:spin 1s linear infinite}.afs-bill-search-wrapper{position:relative;display:flex;align-items:center}.afs-bill-clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--afs-bill-text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.afs-bill-clear-search-btn:hover{background-color:var(--afs-bill-bg-hover);color:var(--afs-bill-text)}.afs-bill-clear-search-btn:disabled{opacity:.5;cursor:not-allowed}.afs-bill-search-input{padding-right:60px}.afs-bill-search-wrapper:has(.afs-bill-search-loading) .afs-bill-search-input{padding-right:60px}.afs-bill-search-wrapper:has(.afs-bill-clear-search-btn) .afs-bill-search-input{padding-right:40px}.afs-bill-preview-skipped-customers{margin-bottom:2rem!important}.afs-bill-preview-skipped-customers h5{font-size:1.1rem!important;font-weight:600!important;color:var(--afs-bill-text)!important;margin-bottom:1rem!important}.afs-bill-preview-skipped-table-wrapper{overflow-x:auto!important;border-radius:8px!important;border:1px solid var(--afs-bill-border-light)!important}.afs-bill-preview-skipped-table{width:100%!important;border-collapse:collapse!important;font-size:.8rem!important}.afs-bill-preview-skipped-table thead{background:var(--afs-bill-gradient-subtle)!important}.afs-bill-preview-skipped-table th{padding:.75rem .5rem!important;text-align:left!important;font-weight:600!important;color:var(--afs-bill-text)!important;border-bottom:1px solid var(--afs-bill-border-light)!important;white-space:nowrap!important}.afs-bill-preview-skipped-table td{padding:.75rem .5rem!important;border-bottom:1px solid var(--afs-bill-border-light)!important;vertical-align:top!important}.afs-bill-preview-skipped-table tbody tr:hover{background:var(--afs-bill-bg-hover)!important}.afs-bill-preview-skipped-table tbody tr:last-child td{border-bottom:none!important}.afs-bill-preview-skipped-table .afs-bill-status-badge{font-size:.7rem!important;padding:.25rem .5rem!important}@media (max-width: 768px){.afs-bill-preview-skipped-table{font-size:.75rem!important}.afs-bill-preview-skipped-table th,.afs-bill-preview-skipped-table td{padding:.5rem .25rem!important}.afs-bill-preview-skipped-table .afs-bill-status-badge{font-size:.65rem!important;padding:.125rem .375rem!important}}@media (max-width: 480px){.afs-bill-preview-skipped-table{font-size:.7rem!important}.afs-bill-preview-skipped-table th,.afs-bill-preview-skipped-table td{padding:.375rem .125rem!important}.afs-bill-preview-skipped-table .afs-bill-status-badge{font-size:.6rem!important;padding:.125rem .25rem!important}}.afs-bill-preview-limit-notice{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1rem!important;background:rgba(59,130,246,.1)!important;border:1px solid rgba(59,130,246,.3)!important;border-radius:8px!important;margin-bottom:1rem!important;color:#60a5fa!important;font-size:.875rem!important;font-weight:500!important}.afs-bill-preview-limit-notice svg{flex-shrink:0!important;color:#3b82f6!important}.afs-bill-preview-limit-notice span{line-height:1.4!important}@media (max-width: 768px){.afs-bill-preview-limit-notice{padding:.5rem .75rem!important;font-size:.8rem!important}}@media (max-width: 480px){.afs-bill-preview-limit-notice{padding:.375rem .5rem!important;font-size:.75rem!important;flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important}}.afs-bill-view-detail-content{padding:1rem!important}.afs-bill-detail-header{text-align:center!important;margin-bottom:2rem!important;padding-bottom:1rem!important;border-bottom:1px solid var(--afs-bill-border-light)!important}.afs-bill-detail-header h4{font-size:1.25rem!important;font-weight:600!important;color:var(--afs-bill-text)!important;margin:0 0 .5rem!important}.afs-bill-detail-header p{color:var(--afs-bill-text-secondary)!important;font-size:.875rem!important;margin:0!important}.afs-bill-detail-info-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:1rem!important;margin-bottom:2rem!important}.afs-bill-detail-info-item{display:flex!important;flex-direction:column!important;gap:.5rem!important;padding:1rem!important;background:var(--afs-bill-gradient-subtle)!important;border:1px solid var(--afs-bill-border-light)!important;border-radius:8px!important}.afs-bill-detail-label{font-size:.8rem!important;color:var(--afs-bill-text-secondary)!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.025em!important}.afs-bill-detail-value{font-size:1rem!important;color:var(--afs-bill-text)!important;font-weight:600!important;word-break:break-word!important}.afs-bill-detail-value .afs-bill-status-badge{display:inline-flex!important;margin:0!important}.afs-bill-detail-actions{display:flex!important;justify-content:center!important;gap:1rem!important;padding-top:1rem!important;border-top:1px solid var(--afs-bill-border-light)!important}.afs-bill-detail-actions .afs-bill-confirm-payment-btn,.afs-bill-detail-actions .afs-bill-delete-confirm-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1.5rem!important;border:none!important;border-radius:8px!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important}.afs-bill-detail-actions .afs-bill-confirm-payment-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;color:#fff!important}.afs-bill-detail-actions .afs-bill-confirm-payment-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 20px #10b9814d!important}.afs-bill-detail-actions .afs-bill-delete-confirm-btn{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;color:#fff!important}.afs-bill-detail-actions .afs-bill-delete-confirm-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 20px #ef44444d!important}.afs-bill-detail-actions .afs-bill-delete-confirm-btn.confirmed{background:rgba(239,68,68,.8)!important;border-color:#dc2626!important}.afs-bill-detail-actions .afs-bill-delete-confirm-btn.confirmed:hover{background:rgba(239,68,68,.9)!important;box-shadow:0 4px 20px #ef444466!important}@media (max-width: 768px){.afs-bill-detail-info-grid{grid-template-columns:1fr!important;gap:.75rem!important}.afs-bill-detail-info-item{padding:.75rem!important}.afs-bill-detail-label{font-size:.75rem!important}.afs-bill-detail-value{font-size:.9rem!important}.afs-bill-detail-actions{flex-direction:column!important;gap:.75rem!important}.afs-bill-detail-actions .afs-bill-confirm-payment-btn,.afs-bill-detail-actions .afs-bill-delete-confirm-btn{width:100%!important;justify-content:center!important}}@media (max-width: 480px){.afs-bill-detail-info-grid{gap:.5rem!important}.afs-bill-detail-info-item{padding:.5rem!important}.afs-bill-detail-label{font-size:.7rem!important}.afs-bill-detail-value{font-size:.85rem!important}.afs-bill-detail-actions{gap:.5rem!important}.afs-bill-detail-actions .afs-bill-confirm-payment-btn,.afs-bill-detail-actions .afs-bill-delete-confirm-btn{padding:.625rem 1rem!important;font-size:.8rem!important}}.financial-report{min-height:100vh;background:var(--admin-bg);color:var(--admin-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden}.financial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:var(--admin-gradient-subtle);border:1px solid var(--admin-border-light);border-radius:16px;box-shadow:var(--admin-shadow)}.financial-header-content h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;background:var(--admin-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.financial-header-content p{margin:0;color:var(--admin-text-secondary);font-size:1rem;line-height:1.6}.financial-header-actions{display:flex;gap:1rem}.financial-export-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.05);color:#94a3b8;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026}.financial-export-btn:hover{background:rgba(147,51,234,.15);color:#a855f7;transform:translateY(-2px);box-shadow:0 6px 16px #9333ea33;border-color:#9333ea4d}.financial-export-btn:active{transform:scale(.98)}.financial-export-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.financial-export-btn span:first-child{font-size:1.125rem}.financial-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:12px;box-shadow:var(--admin-shadow)}.financial-filter-group{display:flex;flex-direction:column;gap:.5rem}.financial-filter-group label{font-weight:600;color:var(--admin-text);font-size:.875rem}.financial-filter-select,.financial-filter-input{padding:.75rem;border:1px solid var(--admin-border-light);border-radius:8px;font-size:.875rem;transition:all .3s ease;background:var(--admin-bg);color:var(--admin-text)}.financial-filter-select:focus,.financial-filter-input:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #8b5cf61a}.financial-filter-select option{background:var(--admin-bg);color:var(--admin-text)}.financial-filter-help{font-size:.75rem;color:var(--admin-text-secondary);margin-top:.25rem;font-style:italic}.financial-quick-dates{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.financial-quick-date-btn{padding:.25rem .5rem;background:rgba(139,92,246,.1);color:var(--admin-primary);border:1px solid rgba(139,92,246,.3);border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.financial-quick-date-btn:hover{background:rgba(139,92,246,.2);border-color:#8b5cf680}.financial-apply-btn{padding:.75rem 1.5rem;background:var(--admin-gradient);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--admin-shadow)}.financial-apply-btn:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-hover)}.financial-apply-btn:active{transform:scale(.98)}.financial-apply-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.financial-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;padding:.25rem;background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:12px;box-shadow:var(--admin-shadow);overflow-x:auto}.financial-tab{padding:.75rem 1.25rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.875rem;font-weight:600;color:#94a3b8;cursor:pointer;transition:all .3s ease;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.financial-tab:hover{background:rgba(147,51,234,.15);color:#a855f7;border-color:#9333ea4d}.financial-tab.active{background:rgba(147,51,234,.2);color:#a855f7;border-color:#9333ea66;box-shadow:0 4px 12px #9333ea33}.financial-content{background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:12px;box-shadow:var(--admin-shadow);overflow:hidden}.financial-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.25rem;color:var(--admin-text-secondary)}.financial-loading-spinner{width:40px;height:40px;border:3px solid var(--admin-border-light);border-top:3px solid var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.financial-overview{padding:2rem}.financial-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.financial-stat-card{position:relative;padding:1.5rem;background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:12px;transition:all .3s ease;overflow:hidden}.financial-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--admin-gradient);opacity:0;transition:opacity .3s ease}.financial-stat-card:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-hover);border-color:var(--admin-border)}.financial-stat-card:hover:before{opacity:1}.financial-stat-icon{font-size:2rem;margin-bottom:1rem;display:block}.financial-stat-info h3{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.5px}.financial-stat-number{font-size:2rem;font-weight:700;color:var(--admin-text);margin-bottom:.25rem;line-height:1}.financial-stat-label{font-size:.75rem;color:var(--admin-text-secondary);font-weight:500}.financial-details{margin-top:2rem}.financial-detail-section{background:var(--admin-bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--admin-border-light)}.financial-detail-section h4{margin:0 0 1.25rem;font-size:1.125rem;font-weight:600;color:var(--admin-text)}.financial-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.financial-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--admin-bg-card);border-radius:8px;border:1px solid var(--admin-border-light)}.financial-detail-label{font-weight:600;color:var(--admin-text)}.financial-detail-value{font-weight:700;color:var(--admin-primary)}.financial-trends{padding:2rem}.financial-trends h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--admin-text)}.financial-trends-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.financial-trend-item{padding:1rem;background:var(--admin-bg-secondary);border-radius:8px;border:1px solid var(--admin-border-light)}.financial-trend-period{font-weight:600;color:var(--admin-text);margin-bottom:.75rem;font-size:.875rem}.financial-trend-data{display:flex;flex-direction:column;gap:.5rem}.financial-trend-revenue,.financial-trend-transactions{display:flex;justify-content:space-between;align-items:center}.financial-trend-label{font-size:.75rem;color:var(--admin-text-secondary)}.financial-trend-value{font-weight:600;color:var(--admin-text)}.financial-table-container{overflow-x:auto;margin:1.25rem 0}.financial-table{width:100%;border-collapse:collapse;background:var(--admin-bg-card);border-radius:8px;overflow:hidden}.financial-table thead{background:var(--admin-gradient);color:#fff}.financial-table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.875rem;border:none}.financial-table td{padding:.75rem;border-bottom:1px solid var(--admin-border-light);font-size:.875rem;color:var(--admin-text)}.financial-table tbody tr:hover{background:var(--admin-bg-hover)}.status-badge{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-completed{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-pending{background:rgba(245,158,11,.2);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-overdue{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-cancelled{background:rgba(107,114,128,.2);color:#6b7280;border:1px solid rgba(107,114,128,.3)}.status-default{background:rgba(139,92,246,.2);color:var(--admin-primary);border:1px solid rgba(139,92,246,.3)}.completion-rate,.payment-rate{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.completion-rate.high,.payment-rate.high{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.completion-rate.medium,.payment-rate.medium{background:rgba(245,158,11,.2);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.completion-rate.low,.payment-rate.low{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.days-overdue{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.days-overdue.low{background:rgba(245,158,11,.2);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.days-overdue.medium{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.days-overdue.high{background:#721c24;color:#fff;border:1px solid #721c24}.financial-payment-methods,.financial-customers,.financial-overdue{padding:2rem}.financial-payment-methods h3,.financial-customers h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--admin-text)}.financial-overdue-summary{margin-bottom:2rem}.financial-overdue-summary h3{margin:0 0 1.25rem;font-size:1.25rem;font-weight:600;color:var(--admin-text)}.financial-overdue-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.financial-overdue-stat{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--admin-bg-secondary);border-radius:8px;border:1px solid var(--admin-border-light)}.financial-overdue-stat-label{font-weight:600;color:var(--admin-text)}.financial-overdue-stat-value{font-weight:700;color:var(--admin-primary)}.financial-dashboard{padding:2rem}.financial-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--admin-bg-secondary);border-radius:12px;border:1px solid var(--admin-border-light)}.financial-dashboard-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--admin-text)}.financial-dashboard-growth{display:flex;gap:1rem}.growth-indicator{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600}.growth-indicator.positive{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.growth-indicator.negative{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.financial-dashboard-stats{margin-bottom:2rem}.financial-dashboard-stat{background:var(--admin-bg-secondary);padding:1.25rem;border-radius:12px;border:1px solid var(--admin-border-light)}.financial-dashboard-stat h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--admin-text)}.financial-dashboard-stat-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.financial-dashboard-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--admin-bg-card);border-radius:8px;border:1px solid var(--admin-border-light)}.financial-dashboard-recent h4{margin:0 0 1.25rem;font-size:1rem;font-weight:600;color:var(--admin-text)}.financial-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.25rem;text-align:center;color:var(--admin-text-secondary)}.financial-empty-icon{font-size:3rem;margin-bottom:1rem}.financial-empty h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--admin-text)}.financial-empty p{margin:0;font-size:.875rem}@media (max-width: 1024px){.financial-header{flex-direction:column;gap:1.25rem;text-align:center}.financial-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.financial-detail-grid{grid-template-columns:1fr}}@media (max-width: 768px){.financial-report{padding:1rem}.financial-header{padding:1.25rem}.financial-header-content h1{font-size:1.5rem}.financial-header-actions{flex-direction:column;width:100%}.financial-export-btn{width:100%;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#94a3b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.financial-filters{grid-template-columns:1fr;padding:1.25rem}.financial-apply-btn{width:100%;justify-content:center;background:var(--admin-gradient);color:#fff;border:none;font-weight:600}.financial-quick-dates{flex-direction:column;gap:.25rem}.financial-quick-date-btn{width:100%;text-align:center;padding:.375rem .5rem}.financial-tabs{flex-wrap:wrap}.financial-tab{flex:1;min-width:120px;text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#94a3b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.financial-stats-grid,.financial-trends-chart,.financial-overdue-stats{grid-template-columns:1fr}.financial-dashboard-header{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.financial-dashboard-growth{flex-direction:column;gap:.5rem}.growth-indicator{font-size:.75rem;padding:.375rem .75rem}.financial-dashboard-stat-content{grid-template-columns:1fr}.financial-dashboard-recent{margin-top:1rem}.financial-dashboard-recent h4{font-size:.875rem}.financial-dashboard-stats{margin-bottom:1rem}.financial-dashboard-stat{padding:1rem}.financial-dashboard-stat h4{font-size:.875rem}.financial-dashboard-stat-item{padding:.5rem;font-size:.75rem}.financial-dashboard-header h3{font-size:1rem}.financial-dashboard-header p{font-size:.75rem}.financial-table-container{margin:1rem -1rem}.financial-table{font-size:.75rem}.financial-table th,.financial-table td{padding:.5rem .375rem}}@media (max-width: 480px){.financial-report{padding:.75rem}.financial-header{padding:1rem}.financial-header-content h1{font-size:1.25rem}.financial-filters{padding:1rem}.financial-apply-btn{padding:.5rem 1rem;font-size:.75rem}.financial-quick-date-btn{padding:.25rem .375rem;font-size:.6875rem}.financial-tab{padding:.5rem .75rem;font-size:.75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#94a3b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.financial-overview,.financial-trends,.financial-payment-methods,.financial-customers,.financial-overdue,.financial-dashboard{padding:1rem}.financial-dashboard-header{padding:.75rem}.financial-dashboard-header h3{font-size:.875rem}.financial-dashboard-header p{font-size:.6875rem}.financial-dashboard-stats{margin-bottom:.75rem}.financial-dashboard-stat{padding:.75rem}.financial-dashboard-stat h4{font-size:.75rem}.financial-dashboard-stat-item{padding:.375rem;font-size:.6875rem}.financial-dashboard-recent{margin-top:.75rem}.financial-dashboard-recent h4{font-size:.75rem}.growth-indicator{font-size:.6875rem;padding:.25rem .5rem}.financial-dashboard-growth{gap:.25rem}.financial-dashboard-header{gap:.5rem}.financial-dashboard-header>div:first-child{text-align:center}.financial-dashboard-header>div:last-child{justify-content:center}.financial-dashboard-header>div:last-child{flex-direction:column}.financial-stat-card{padding:1rem}.financial-stat-number{font-size:1.5rem}.financial-table th,.financial-table td{padding:.375rem .25rem;font-size:.6875rem}}@media (prefers-color-scheme: dark){:root{--admin-bg: #0a0614;--admin-bg-secondary: rgba(139, 92, 246, .08);--admin-bg-card: rgba(139, 92, 246, .12)}}@media (prefers-reduced-motion: reduce){.financial-stat-card,.financial-export-btn,.financial-tab{transition:none}.financial-loading-spinner{animation:none}}.payment-type-badge{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;background:var(--admin-primary-light);color:var(--admin-primary);border:1px solid var(--admin-primary)}.payment-type-badge.prabayar{background:#fef3c7;color:#92400e;border-color:#f59e0b}.payment-type-badge.pasca_bayar{background:#dbeafe;color:#1e40af;border-color:#3b82f6}.payment-type-badge.account_upgrade{background:#f3e8ff;color:#7c3aed;border-color:#8b5cf6}.payment-type-badge.unknown{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.financial-statistics{padding:1rem}.financial-statistics h3{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;color:var(--admin-text)}.financial-statistics .financial-stats-grid,.financial-statistics .financial-details{margin-bottom:2rem}.financial-statistics .financial-dashboard-recent{margin-top:2rem}.financial-statistics .financial-dashboard-recent h4{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:var(--admin-text)}@media (max-width: 768px){.financial-statistics{padding:.5rem}.financial-statistics h3{font-size:1.25rem}.financial-statistics .financial-stats-grid{grid-template-columns:1fr;gap:1rem}}:root{--gmaps-primary: #8b5cf6;--gmaps-primary-light: #a78bfa;--gmaps-primary-dark: #7c3aed;--gmaps-secondary: #6366f1;--gmaps-accent: #ec4899;--gmaps-bg: #0f0a1a;--gmaps-bg-secondary: rgba(139, 92, 246, .05);--gmaps-bg-card: rgba(139, 92, 246, .08);--gmaps-bg-hover: rgba(139, 92, 246, .12);--gmaps-text: #e2e8f0;--gmaps-text-secondary: #94a3b8;--gmaps-border: rgba(139, 92, 246, .2);--gmaps-border-light: rgba(139, 92, 246, .1);--gmaps-shadow: 0 4px 20px rgba(139, 92, 246, .15);--gmaps-shadow-hover: 0 8px 30px rgba(139, 92, 246, .25);--gmaps-glow: 0 0 20px rgba(139, 92, 246, .3);--gmaps-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--gmaps-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%);--gmaps-success: #10b981;--gmaps-error: #ef4444;--gmaps-warning: #f59e0b;--gmaps-info: #3b82f6}.gmaps-setting-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:var(--gmaps-gradient-subtle);border:1px solid var(--gmaps-border-light);border-radius:16px;box-shadow:var(--gmaps-shadow)}.gmaps-setting-back-btn{display:flex;align-items:center;gap:.5rem;background:var(--gmaps-gradient);border:none;border-radius:12px;padding:.75rem 1.25rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--gmaps-shadow);text-decoration:none}.gmaps-setting-back-btn:hover{transform:translateY(-1px);box-shadow:var(--gmaps-shadow-hover)}.gmaps-setting-back-btn:active{transform:translateY(0)}.gmaps-setting-back-btn span{font-size:1.125rem;font-weight:700}.gmaps-setting-title h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:var(--gmaps-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gmaps-setting-title p{color:var(--gmaps-text-secondary);font-size:1rem;line-height:1.6;margin:0}.gmaps-setting-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.gmaps-setting-card{background:var(--gmaps-bg-card);border:1px solid var(--gmaps-border-light);border-radius:16px;padding:2rem;position:relative;overflow:hidden}.gmaps-setting-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gmaps-gradient);border-radius:16px 16px 0 0}.gmaps-setting-card-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--gmaps-border-light)}.gmaps-setting-card-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--gmaps-text);margin-bottom:.5rem}.gmaps-setting-card-header h3 svg{color:var(--gmaps-primary);stroke-width:2}.gmaps-setting-card-header p{color:var(--gmaps-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.gmaps-setting-form{display:flex;flex-direction:column;gap:1.5rem}.gmaps-setting-form-group{display:flex;flex-direction:column;gap:.75rem}.gmaps-setting-form-group label{font-size:.875rem;font-weight:600;color:var(--gmaps-text);display:flex;align-items:center;gap:.5rem}.gmaps-setting-api-key-input-group{position:relative;display:flex;align-items:center;gap:.5rem}.gmaps-setting-api-key-input{flex:1;background:var(--gmaps-bg);border:1px solid var(--gmaps-border-light);border-radius:8px;padding:.875rem 1rem;color:var(--gmaps-text);font-size:.875rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;transition:all .3s ease}.gmaps-setting-api-key-input:focus{outline:none;border-color:var(--gmaps-primary);box-shadow:0 0 0 3px #8b5cf61a}.gmaps-setting-api-key-input::placeholder{color:var(--gmaps-text-secondary);opacity:.7}.gmaps-setting-toggle-visibility-btn{background:var(--gmaps-bg);border:1px solid var(--gmaps-border-light);border-radius:8px;padding:.875rem;color:var(--gmaps-text-secondary);cursor:pointer;transition:all .3s ease;font-size:1rem;display:flex;align-items:center;justify-content:center;min-width:44px}.gmaps-setting-toggle-visibility-btn:hover{background:var(--gmaps-bg-hover);border-color:var(--gmaps-border);color:var(--gmaps-text)}.gmaps-setting-copy-btn{background:var(--gmaps-gradient);border:none;border-radius:8px;padding:.875rem;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:44px;box-shadow:var(--gmaps-shadow)}.gmaps-setting-copy-btn:hover{transform:translateY(-1px);box-shadow:var(--gmaps-shadow-hover)}.gmaps-setting-copy-btn:active{transform:translateY(0)}.gmaps-setting-form-help{color:var(--gmaps-text-secondary);font-size:.75rem;line-height:1.4;margin-top:.25rem}.gmaps-setting-form-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.gmaps-setting-btn-test{background:linear-gradient(135deg,var(--gmaps-info),#2563eb);border:none;border-radius:8px;padding:.875rem 1.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--gmaps-shadow);display:flex;align-items:center;gap:.5rem}.gmaps-setting-btn-test:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--gmaps-shadow-hover)}.gmaps-setting-btn-test:disabled{opacity:.5;cursor:not-allowed;transform:none}.gmaps-setting-btn-save{background:var(--gmaps-gradient);border:none;border-radius:8px;padding:.875rem 1.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--gmaps-shadow);display:flex;align-items:center;gap:.5rem}.gmaps-setting-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--gmaps-shadow-hover)}.gmaps-setting-btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.gmaps-setting-btn-delete{background:linear-gradient(135deg,var(--gmaps-error),#dc2626);border:none;border-radius:8px;padding:.875rem 1.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--gmaps-shadow);display:flex;align-items:center;gap:.5rem}.gmaps-setting-btn-delete:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--gmaps-shadow-hover)}.gmaps-setting-btn-delete:disabled{opacity:.5;cursor:not-allowed;transform:none}.gmaps-setting-info-card{background:var(--gmaps-bg-card);border:1px solid var(--gmaps-border-light);border-radius:16px;padding:2rem;position:relative;overflow:hidden}.gmaps-setting-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--gmaps-success),#34d399);border-radius:16px 16px 0 0}.gmaps-setting-info-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--gmaps-border-light)}.gmaps-setting-info-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--gmaps-text);margin:0}.gmaps-setting-info-header h3 svg{color:var(--gmaps-success);stroke-width:2}.gmaps-setting-info-content{display:flex;flex-direction:column;gap:2rem}.gmaps-setting-info-section{background:var(--gmaps-bg);border:1px solid var(--gmaps-border-light);border-radius:12px;padding:1.5rem;transition:all .3s ease}.gmaps-setting-info-section:hover{border-color:var(--gmaps-border);box-shadow:var(--gmaps-shadow)}.gmaps-setting-info-section h4{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;color:var(--gmaps-text);margin-bottom:1rem}.gmaps-setting-info-section h4 svg{color:var(--gmaps-primary);stroke-width:2}.gmaps-setting-info-section p{color:var(--gmaps-text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:1rem}.gmaps-setting-info-section ol,.gmaps-setting-info-section ul{color:var(--gmaps-text-secondary);font-size:.875rem;line-height:1.6;margin:0;padding-left:1.5rem}.gmaps-setting-info-section li{margin-bottom:.5rem}.gmaps-setting-info-section a{color:var(--gmaps-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.gmaps-setting-info-section a:hover{color:var(--gmaps-primary-light);text-decoration:underline}.gmaps-setting-info-section code{background:var(--gmaps-bg);border:1px solid var(--gmaps-border-light);border-radius:4px;padding:.25rem .5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;color:var(--gmaps-primary)}.gmaps-setting-env-example{background:var(--gmaps-bg);border:1px solid var(--gmaps-border-light);border-radius:8px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;color:var(--gmaps-text);line-height:1.5;margin:1rem 0;overflow-x:auto;white-space:pre-wrap}@media (max-width: 1024px){.gmaps-setting-container{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.gmaps-setting-header{flex-direction:column;text-align:center;gap:1rem;padding:1rem}.gmaps-setting-back-btn{align-self:flex-start}.gmaps-setting-title h2{font-size:1.5rem}.gmaps-setting-card,.gmaps-setting-info-card{padding:1.5rem}.gmaps-setting-form-actions{flex-direction:column}.gmaps-setting-btn-test,.gmaps-setting-btn-save,.gmaps-setting-btn-delete{width:100%;justify-content:center}.gmaps-setting-api-key-input-group{flex-direction:column;gap:.75rem}.gmaps-setting-api-key-input{width:100%}.gmaps-setting-toggle-visibility-btn,.gmaps-setting-copy-btn{align-self:flex-end}}@media (max-width: 480px){.gmaps-setting-header,.gmaps-setting-card,.gmaps-setting-info-card{padding:1rem}.gmaps-setting-card-header h3,.gmaps-setting-info-header h3{font-size:1.125rem}.gmaps-setting-info-section{padding:1rem}.gmaps-setting-info-section h4{font-size:.9rem}.gmaps-setting-info-section p,.gmaps-setting-info-section ol,.gmaps-setting-info-section ul{font-size:.8rem}.gmaps-setting-env-example{font-size:.7rem;padding:.75rem}}@media (prefers-color-scheme: dark){:root{--gmaps-bg: #0a0614;--gmaps-bg-card: rgba(139, 92, 246, .06);--gmaps-border-light: rgba(139, 92, 246, .08)}}@media (prefers-reduced-motion: reduce){.gmaps-setting-back-btn,.gmaps-setting-toggle-visibility-btn,.gmaps-setting-copy-btn,.gmaps-setting-btn-test,.gmaps-setting-btn-save,.gmaps-setting-btn-delete,.gmaps-setting-info-section{transition:none}}@media (prefers-contrast: high){:root{--gmaps-border: rgba(139, 92, 246, .4);--gmaps-border-light: rgba(139, 92, 246, .3)}}.gmaps-setting-back-btn:focus,.gmaps-setting-toggle-visibility-btn:focus,.gmaps-setting-copy-btn:focus,.gmaps-setting-btn-test:focus,.gmaps-setting-btn-save:focus,.gmaps-setting-btn-delete:focus,.gmaps-setting-api-key-input:focus{outline:2px solid var(--gmaps-primary);outline-offset:2px}.gmaps-setting-btn-test:disabled,.gmaps-setting-btn-save:disabled,.gmaps-setting-btn-delete:disabled{position:relative}.gmaps-setting-btn-test:disabled:after,.gmaps-setting-btn-save:disabled:after,.gmaps-setting-btn-delete:disabled:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.adm-config-container{max-width:1200px;margin:0 auto;padding:2rem}.adm-config-header{margin-bottom:2rem;text-align:center}.adm-config-header h2{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.adm-config-header p{font-size:1rem;color:#94a3b8;margin:0}.adm-tab-navigation{display:flex;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;margin-bottom:2rem;overflow:hidden}.adm-tab-button{flex:1;padding:1rem 1.5rem;background:transparent;border:none;color:#94a3b8;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem}.adm-tab-button:hover{background:rgba(255,255,255,.05);color:#e2e8f0}.adm-tab-button.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.adm-tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.adm-tab-icon{font-size:1rem}.adm-tab-content{display:none}.adm-tab-content.active{display:block;animation:fadeIn .3s ease-in-out}.adm-sub-tab-navigation{display:flex;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:.5rem;margin-bottom:1.5rem;overflow:hidden}.adm-sub-tab-button{flex:1;padding:.75rem 1rem;background:transparent;border:none;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.adm-sub-tab-button:hover{background:rgba(255,255,255,.03);color:#e2e8f0}.adm-sub-tab-button.active{background:rgba(79,70,229,.1);color:#4f46e5;border-bottom:2px solid #4f46e5}.adm-sub-tab-content{display:none}.adm-sub-tab-content.active{display:block;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.adm-message{padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:2rem;font-weight:500}.adm-message.success{background:rgba(34,197,94,.1);color:#4ade80;border:1px solid rgba(34,197,94,.2)}.adm-message.error{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}.adm-config-sections{display:flex;flex-direction:column;gap:2rem}.adm-config-section{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:2rem;box-shadow:0 2px 8px #0003}.adm-config-section h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.adm-config-section h3:before{content:"⚙️";font-size:1.125rem}.adm-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.adm-form-group{display:flex;flex-direction:column}.adm-form-group label{font-size:.875rem;font-weight:600;color:#e2e8f0;margin-bottom:.5rem}.adm-form-group input,.adm-form-group textarea{padding:.75rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.875rem;transition:all .3s ease}.adm-form-group input:focus,.adm-form-group textarea:focus{outline:none;border-color:#4f46e580;background:rgba(255,255,255,.08);box-shadow:0 0 0 3px #4f46e51a}.adm-form-group input::placeholder,.adm-form-group textarea::placeholder{color:#64748b}.adm-form-group textarea{resize:vertical;min-height:80px}.adm-field-info{display:block;font-size:.75rem;color:#94a3b8;margin-top:.25rem;font-style:italic}.adm-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.adm-media-item{display:flex;flex-direction:column}.adm-media-item h4{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem}.adm-media-preview{width:100%;height:200px;background:rgba(255,255,255,.02);border:2px dashed rgba(255,255,255,.1);border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.adm-media-preview:hover{border-color:#4f46e54d;background:rgba(255,255,255,.04)}.adm-media-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem}.adm-media-image.adm-favicon{width:64px;height:64px;object-fit:cover}.adm-media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;text-align:center}.adm-media-placeholder span{font-size:3rem;margin-bottom:.5rem}.adm-media-placeholder p{font-size:.875rem;margin:0}.adm-media-actions{display:flex;gap:.75rem;margin-bottom:.75rem}.adm-upload-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:120px;transition:all .3s ease}.adm-upload-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.adm-delete-btn{padding:.5rem 1rem;background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;min-width:80px;transition:all .3s ease}.adm-media-info{font-size:.75rem;color:#64748b;margin:0}.adm-config-actions{display:flex;justify-content:center;margin-top:2rem}.adm-save-btn{padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #10b9814d;min-width:200px;transition:all .3s ease}.adm-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 16px #10b98166}.adm-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.adm-config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#94a3b8}.adm-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.adm-config-container{padding:1rem}.adm-config-header h2{font-size:1.5rem}.adm-tab-navigation{flex-direction:column}.adm-tab-button{padding:.875rem 1rem;font-size:.8rem}.adm-sub-tab-navigation{flex-direction:column}.adm-sub-tab-button{padding:.75rem 1rem;font-size:.8rem}.adm-config-section{padding:1.5rem}.adm-form-grid{grid-template-columns:1fr;gap:1rem}.adm-media-grid{grid-template-columns:1fr;gap:1.5rem}.adm-media-actions{flex-direction:column}.adm-upload-btn,.adm-delete-btn{width:100%;justify-content:center}.adm-save-btn{width:100%;padding:.875rem 1.5rem}}@media (max-width: 480px){.adm-config-container{padding:.75rem}.adm-config-section{padding:1rem}.adm-config-header h2{font-size:1.25rem}.adm-config-section h3{font-size:1.125rem}}.adm-bank-accounts-list{margin-bottom:2rem}.adm-bank-accounts-table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.02);border-radius:.75rem;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.adm-bank-accounts-table th,.adm-bank-accounts-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.adm-bank-accounts-table th{background:rgba(255,255,255,.05);color:#e2e8f0;font-weight:600;font-size:.875rem}.adm-bank-accounts-table td{color:#fff;font-size:.875rem}.adm-bank-accounts-table tr:hover{background:rgba(255,255,255,.03)}.adm-edit-btn,.adm-delete-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:pointer;margin-right:.5rem;transition:all .3s ease}.adm-edit-btn{background:rgba(59,130,246,.1);color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.adm-edit-btn:hover{background:rgba(59,130,246,.2);border-color:#3b82f64d;transform:translateY(-1px)}.adm-delete-btn{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}.adm-delete-btn:hover{background:rgba(239,68,68,.2);border-color:#ef44444d;transform:translateY(-1px)}.adm-add-btn{padding:.875rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #4f46e54d;transition:all .3s ease}.adm-add-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 16px #4f46e566}.adm-bank-account-form{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:2rem;margin-top:2rem;box-shadow:0 2px 8px #0003}.adm-bank-account-form h4{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.adm-bank-account-form h4:before{content:"🏦";font-size:1rem}.adm-cancel-btn{padding:.875rem 1.5rem;background:rgba(255,255,255,.1);color:#94a3b8;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;margin-left:1rem;transition:all .3s ease}.adm-cancel-btn:hover{background:rgba(255,255,255,.15);color:#e2e8f0;transform:translateY(-1px)}@media (max-width: 768px){.adm-bank-accounts-table{font-size:.75rem}.adm-bank-accounts-table th,.adm-bank-accounts-table td{padding:.75rem .5rem}.adm-edit-btn,.adm-delete-btn{padding:.375rem .75rem;font-size:.7rem;margin-right:.25rem}.adm-bank-account-form{padding:1.5rem}.adm-add-btn{width:100%;padding:.875rem 1.5rem}.adm-config-actions{flex-direction:column;gap:1rem}.adm-cancel-btn{margin-left:0}}.license-container{max-width:1200px;margin:0 auto;padding:2rem}.license-header{margin-bottom:2rem;text-align:center}.license-header h2{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem;justify-content:center}.license-header p{font-size:1rem;color:#94a3b8;margin:0}.message{padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:2rem;font-weight:500}.message.success{background:rgba(34,197,94,.1);color:#4ade80;border:1px solid rgba(34,197,94,.2)}.message.error{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}.message.info{background:rgba(59,130,246,.1);color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.message.warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b;color:#92400e}.license-content{display:flex;flex-direction:column;gap:2rem}.license-status-section h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.license-info-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:2rem;box-shadow:0 4px 16px #0000004d}.license-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.status-badge{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.status-badge.status-active{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-badge.status-expired{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-badge.status-inactive{background:rgba(156,163,175,.2);color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.status-badge.status-offline{background:rgba(245,158,11,.2);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-badge.status-server-connected{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-badge.status-server-disconnected{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.deactivate-btn{padding:.5rem 1rem;background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem}.deactivate-btn:hover:not(:disabled){background:rgba(239,68,68,.2);border-color:#ef44444d}.deactivate-btn:disabled{opacity:.6;cursor:not-allowed}.license-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:rgba(255,255,255,.02);border-radius:.5rem;border:1px solid rgba(255,255,255,.05)}.detail-label{font-size:.875rem;color:#94a3b8;font-weight:500}.detail-value{font-size:.875rem;color:#fff;font-weight:600}.usage-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.usage-section h4{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1.5rem}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.usage-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:.75rem;padding:1.5rem}.usage-card:hover{background:rgba(255,255,255,.04);border-color:#ffffff1a}.usage-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.usage-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.usage-title{font-size:1rem;font-weight:600;color:#fff}.usage-stats{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.usage-current{font-size:2rem;font-weight:700;color:#4ade80}.usage-separator{font-size:1.5rem;color:#64748b}.usage-max{font-size:2rem;font-weight:700;color:#fff}.usage-progress{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:.75rem}.usage-progress-bar{height:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:4px}.usage-remaining{font-size:.875rem;color:#94a3b8;text-align:center}.license-not-activated{background:rgba(255,255,255,.02);border:2px dashed rgba(255,255,255,.1);border-radius:1rem;padding:3rem 2rem;text-align:center}.license-not-activated:hover{border-color:#fff3;background:rgba(255,255,255,.04)}.not-activated-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;opacity:.5;color:#94a3b8}.license-not-activated h4{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem}.license-not-activated p{font-size:.875rem;color:#94a3b8;margin:0}.license-activation-section h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.activation-form{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:2rem;box-shadow:0 4px 16px #0000004d}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#e2e8f0;margin-bottom:.5rem}.license-input{width:100%;padding:.75rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.875rem}.license-input:focus{outline:none;border-color:#4f46e580;background:rgba(255,255,255,.08);box-shadow:0 0 0 3px #4f46e51a}.license-input::placeholder{color:#64748b}.activation-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.check-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #4f46e54d;display:flex;align-items:center;gap:.5rem}.check-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9)}.check-btn:disabled{opacity:.6;cursor:not-allowed}.verification-result{padding:1.5rem;border-radius:.75rem;margin-top:1.5rem}.verification-result.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2)}.verification-result.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}.verification-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.verification-icon{display:flex;align-items:center;justify-content:center}.verification-title{font-size:1rem;font-weight:600;color:#fff}.verification-message{font-size:.875rem;color:#94a3b8;margin:0 0 1.5rem}.license-preview{background:rgba(255,255,255,.05);border-radius:.5rem;padding:1.5rem;margin-top:1rem}.license-preview h5{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem}.preview-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.preview-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:rgba(255,255,255,.02);border-radius:.25rem}.preview-row span:first-child{font-size:.875rem;color:#94a3b8}.preview-row span:last-child{font-size:.875rem;color:#fff;font-weight:600}.activate-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #10b9814d;display:flex;align-items:center;gap:.5rem;justify-content:center}.activate-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.activate-btn:disabled{opacity:.6;cursor:not-allowed}.billing-server-section h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.billing-info{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 16px #0000004d}.billing-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.billing-row:last-child{border-bottom:none}.billing-label{font-size:.875rem;color:#94a3b8;font-weight:500}.billing-value{font-size:.875rem;color:#fff;font-weight:600}.billing-status{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.billing-status.connected{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.billing-status.disconnected{background:rgba(156,163,175,.2);color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.billing-status.offline{background:rgba(245,158,11,.2);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.license-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#94a3b8}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.license-container{padding:1rem}.license-header h2{font-size:1.5rem;flex-direction:column;gap:.5rem}.license-info-header{flex-direction:column;gap:1rem;align-items:flex-start}.license-details,.usage-grid{grid-template-columns:1fr}.activation-actions{flex-direction:column}.check-btn,.activate-btn{width:100%}.preview-details{grid-template-columns:1fr}.billing-row{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.license-container{padding:.75rem}.license-info-card,.activation-form,.billing-info{padding:1.5rem}.license-header h2{font-size:1.25rem;flex-direction:column;gap:.5rem}.usage-stats{flex-direction:column;gap:.25rem}.usage-current,.usage-max{font-size:1.5rem}}.server-verified{background:#10b981;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;margin-left:8px;font-weight:500}.integrity-status{margin-top:8px;display:flex;align-items:center;gap:8px}.integrity.valid{background:#10b981;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.integrity.invalid{background:#ef4444;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.auto-fixed{background:#f59e0b;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.license-push-section{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:2rem;box-shadow:0 4px 16px #0000004d;margin-bottom:2rem}.license-push-section h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.push-description{color:#94a3b8;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.push-actions{display:flex;gap:1rem;flex-wrap:wrap}.push-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s ease;border:none;cursor:pointer}.push-actions .btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff}.push-actions .btn-primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-1px)}.push-actions .btn-secondary{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff}.push-actions .btn-secondary:hover{background:linear-gradient(135deg,#4b5563 0%,#374151 100%);transform:translateY(-1px)}.push-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.license-integrity-section{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:2rem;box-shadow:0 4px 16px #0000004d}.license-integrity-section h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.integrity-actions{margin-bottom:1.5rem}.integrity-actions .btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #f59e0b4d;display:flex;align-items:center;gap:.5rem}.integrity-actions .btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.integrity-actions .btn:disabled{opacity:.6;cursor:not-allowed}.integrity-status-result{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.integrity-status-badge{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.integrity-status-badge.valid{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.integrity-status-badge.invalid{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.auto-fixed-info{background:rgba(245,158,11,.2);color:#fbbf24;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:1px solid rgba(245,158,11,.3)}.license-status{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.license-status .status-badge{margin:0;white-space:nowrap}.license-warning-section{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #f59e0b1a}.warning-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.warning-icon{display:flex;align-items:center;justify-content:center;color:#92400e}.warning-header h3{margin:0;color:#92400e;font-size:1.25rem;font-weight:600}.warning-content{color:#92400e}.warning-message{font-size:1rem;font-weight:500;margin-bottom:1rem;line-height:1.5}.warning-details{display:grid;gap:.75rem}.warning-item{display:flex;align-items:center;gap:.5rem}.warning-label{font-weight:600;min-width:120px}.warning-value{font-weight:500}@media (max-width: 768px){.warning-item{flex-direction:column;align-items:flex-start;gap:.25rem}.warning-label{min-width:auto}}.preview-row.expired-status{background:rgba(239,68,68,.1);border-radius:6px;padding:8px 12px;margin-top:8px}.expired-badge{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;padding:4px 8px;border-radius:4px;font-size:.875rem;font-weight:500}.activation-actions-preview{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.expired-license-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.change-license-btn{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633;display:flex;align-items:center;gap:.5rem}.change-license-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.change-license-btn:active{transform:translateY(0)}.expired-note{margin:0;padding:.75rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.875rem;line-height:1.4;text-align:center;max-width:400px;display:flex;align-items:center;gap:.5rem;justify-content:center}.verification-result.error{border-color:#ef44444d;background:linear-gradient(135deg,var(--header) 0%,rgba(239,68,68,.05) 100%)}.verification-result.error .verification-header{color:#ef4444}.ai-settings-container{max-width:1200px;margin:0 auto;padding:1rem}.ai-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem}.ai-settings-title h2{font-size:1.5rem;margin:0 0 .5rem;color:#fff;font-weight:600}.ai-settings-title p{font-size:.875rem;color:#94a3b8;margin:0}.ai-settings-actions{display:flex;gap:1rem}.ai-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:rgba(255,255,255,.02);border-radius:.5rem;border:1px solid rgba(255,255,255,.05)}.ai-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:.375rem;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0}.ai-tab:hover{background:rgba(255,255,255,.05);color:#fff}.ai-tab.active{background:rgba(79,70,229,.15);color:#fff;border:1px solid rgba(79,70,229,.3)}.ai-tab .ai-icon{width:1rem;height:1rem}.ai-settings-content{margin-bottom:2rem}.ai-provider-settings{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.ai-provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.ai-provider-header h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.ai-provider-status{display:flex;align-items:center;gap:.75rem}.ai-status-text{font-size:.875rem;color:#94a3b8;font-weight:500}.ai-toggle{position:relative;display:inline-block;width:48px;height:24px}.ai-toggle input{opacity:0;width:0;height:0}.ai-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#9ca3af4d;border-radius:24px}.ai-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}.ai-toggle input:checked+.ai-toggle-slider{background-color:#4f46e5}.ai-toggle input:checked+.ai-toggle-slider:before{transform:translate(24px)}.ai-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem}.ai-setting-group{display:flex;flex-direction:column;gap:.5rem}.ai-setting-group label{font-size:.875rem;font-weight:500;color:#e2e8f0}.ai-input,.ai-select,.ai-textarea{padding:.75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.875rem}.ai-textarea{font-family:inherit;line-height:1.5;resize:vertical;min-height:120px}.ai-input:focus,.ai-select:focus,.ai-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.ai-input::placeholder{color:#64748b}.ai-select option{background:#1e293b;color:#fff}.ai-setting-group small{font-size:.75rem;color:#94a3b8;line-height:1.4}.ai-test-section{display:flex;flex-direction:column;gap:1rem}.ai-test-button{align-self:flex-start;padding:.75rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem}.ai-test-button:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#5b21b6)}.ai-test-button:disabled{opacity:.5;cursor:not-allowed}.ai-streaming-response{margin-top:1rem;padding:1rem;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:.5rem}.ai-streaming-response h4{margin:0 0 .5rem;color:#fff;font-size:.875rem;font-weight:600}.ai-response-text{font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;color:#e2e8f0;background:rgba(0,0,0,.3);padding:.75rem;border-radius:.25rem;white-space:pre-wrap;word-break:break-word}.ai-cursor{color:#10b981}.ai-icon{width:1rem;height:1rem}.ai-demo-chat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.5rem;margin-top:2rem}.ai-demo-chat h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem}.ai-demo-chat p{color:#94a3b8;margin-bottom:1.5rem;font-size:.875rem}.ai-chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:.5rem}.ai-chat-info{font-size:.875rem;color:#94a3b8}.ai-chat-actions{display:flex;gap:.5rem}.ai-clear-chat-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:.5rem;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer}.ai-clear-chat-btn:hover:not(:disabled){background:rgba(239,68,68,.2);border-color:#ef44444d}.ai-clear-chat-btn:disabled{opacity:.5;cursor:not-allowed}.ai-chat-container{display:flex;flex-direction:column;height:400px;background:rgba(0,0,0,.3);border-radius:.5rem;overflow:hidden}.ai-chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.ai-chat-message{padding:.75rem;border-radius:.5rem;max-width:80%}.ai-chat-message.ai-user{align-self:flex-end;background:rgba(79,70,229,.2);border:1px solid rgba(79,70,229,.3)}.ai-chat-message.ai-ai{align-self:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.ai-chat-message.ai-system{align-self:center;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);max-width:90%}.ai-message-content{color:#e2e8f0;font-size:.875rem;line-height:1.4}.ai-chat-input{display:flex;gap:.5rem;padding:1rem;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.1)}.ai-chat-text-input{flex:1;padding:.75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.875rem}.ai-chat-text-input:focus{outline:none;border-color:#4f46e580;box-shadow:0 0 0 2px #4f46e51a}.ai-chat-text-input::placeholder{color:#64748b}.ai-chat-text-input:disabled{opacity:.5;cursor:not-allowed}.ai-chat-send-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer}.ai-chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#5b21b6)}.ai-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-streaming-text{color:#10b981}.ai-test-result{margin-top:1rem;padding:1rem;border-radius:.5rem;border:1px solid}.ai-test-result.success{background:rgba(16,185,129,.1);border-color:#10b9814d}.ai-test-result.error{background:rgba(239,68,68,.1);border-color:#ef44444d}.ai-test-result-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600}.ai-test-result.success .ai-test-result-header{color:#10b981}.ai-test-result.error .ai-test-result-header{color:#ef4444}.ai-test-result p{margin:0 0 .5rem;color:#e2e8f0}.ai-test-response{margin-top:.5rem;padding:.75rem;background:rgba(0,0,0,.2);border-radius:.25rem}.ai-test-response strong{color:#fff;font-weight:600}.ai-test-response p{margin:.25rem 0 0;color:#cbd5e1;font-family:Courier New,monospace;font-size:.875rem;white-space:pre-wrap}.ai-global-settings{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.ai-global-settings h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1rem}.ai-global-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.ai-toggle-label{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#e2e8f0}.ai-toggle-label>div{display:flex;align-items:center;gap:.75rem}.ai-toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:#4f46e5}.ai-toggle-label small{font-size:.75rem;color:#94a3b8;line-height:1.4}.ai-save-btn{padding:.875rem 1.75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem}.ai-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.ai-save-btn:disabled{opacity:.7;cursor:not-allowed}.ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#94a3b8}.ai-loading-spinner{width:2rem;height:2rem;border:2px solid rgba(255,255,255,.1);border-top:2px solid #4f46e5;border-radius:50%;margin-bottom:1rem}@media (max-width: 768px){.ai-settings-container{padding:.5rem}.ai-settings-header{flex-direction:column;gap:1rem;text-align:center}.ai-tabs{flex-wrap:wrap;gap:.25rem}.ai-tab{flex:1;min-width:120px;justify-content:center}.ai-settings-grid{grid-template-columns:1fr;gap:1rem}.ai-provider-header{flex-direction:column;gap:1rem;align-items:flex-start}.ai-global-grid{grid-template-columns:1fr;gap:1rem}.ai-chat-container{height:300px}.ai-chat-message{max-width:90%}.ai-chat-input{flex-direction:column}.ai-chat-send-btn{align-self:flex-end}}@media (max-width: 480px){.ai-settings-header{padding:1rem}.ai-settings-title h2{font-size:1.25rem}.ai-provider-settings,.ai-global-settings,.ai-demo-chat{padding:1rem}}:root{--admin-primary: #8b5cf6;--admin-primary-light: #a78bfa;--admin-primary-dark: #7c3aed;--admin-secondary: #6366f1;--admin-accent: #ec4899;--admin-bg: #0f0a1a;--admin-bg-secondary: rgba(139, 92, 246, .05);--admin-bg-card: rgba(139, 92, 246, .08);--admin-bg-hover: rgba(139, 92, 246, .12);--admin-text: #e2e8f0;--admin-text-secondary: #94a3b8;--admin-border: rgba(139, 92, 246, .2);--admin-border-light: rgba(139, 92, 246, .1);--admin-shadow: 0 4px 20px rgba(139, 92, 246, .15);--admin-shadow-hover: 0 8px 30px rgba(139, 92, 246, .25);--admin-glow: 0 0 20px rgba(139, 92, 246, .3);--admin-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--admin-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%)}.olt-hsgqE-welcome-section{margin-bottom:2rem}.olt-hsgqE-welcome-card{background:var(--admin-gradient-subtle);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;color:var(--admin-text);box-shadow:var(--admin-shadow)}.olt-hsgqE-welcome-header{display:flex;align-items:center;gap:1.5rem;position:relative}.olt-hsgqE-welcome-icon{width:60px;height:60px;background:var(--admin-gradient);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--admin-glow);color:#fff}.olt-hsgqE-welcome-icon svg{color:#fff;stroke-width:2}.olt-hsgqE-welcome-text h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:var(--admin-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.olt-hsgqE-welcome-text p{color:var(--admin-text-secondary);font-size:1rem;line-height:1.6;margin:0}.olt-hsgqE-olt-selection{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.olt-hsgqE-olt-selector{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:300px}.olt-hsgqE-olt-selector label{font-weight:600;color:var(--admin-text);font-size:.9rem;margin-bottom:.25rem}.olt-hsgqE-loading-select{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:8px;color:var(--admin-text-secondary);font-size:.9rem;min-height:42px}.olt-hsgqE-loading-select .olt-hsgqE-spinner{animation:olt-hsgqE-spin 1s linear infinite}.olt-hsgqE-olt-select{padding:.75rem 1rem;background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:8px;color:var(--admin-text);font-size:.9rem;transition:all .3s ease;cursor:pointer;min-height:42px}.olt-hsgqE-olt-select:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #8b5cf61a}.olt-hsgqE-olt-select:disabled{opacity:.6;cursor:not-allowed}.olt-hsgqE-connection-controls{display:flex;gap:.75rem}.olt-hsgqE-btn-test{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--admin-gradient);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--admin-shadow)}.olt-hsgqE-btn-test:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--admin-shadow-hover)}.olt-hsgqE-btn-test:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:var(--admin-text-secondary)}.olt-hsgqE-btn-test:disabled:hover{transform:none;box-shadow:none;background:var(--admin-text-secondary)}.olt-hsgqE-btn-collapse{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:6px;color:var(--admin-text);cursor:pointer;transition:all .2s ease}.olt-hsgqE-btn-collapse:hover{background:var(--admin-bg-hover);border-color:var(--admin-primary)}.olt-hsgqE-btn-collapse:disabled{opacity:.6;cursor:not-allowed}.olt-hsgqE-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.olt-hsgqE-stat-card{background:var(--admin-bg);border:1px solid var(--admin-border-light);border-radius:12px;padding:1.25rem;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;text-align:center}.olt-hsgqE-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--admin-gradient-subtle);opacity:0;transition:opacity .3s ease;z-index:1}.olt-hsgqE-stat-card:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-hover);border-color:var(--admin-border)}.olt-hsgqE-stat-card:hover:before{opacity:1}.olt-hsgqE-stat-card.olt-hsgqE-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--admin-text-secondary);font-size:.9rem;min-height:120px;background:var(--admin-bg-card);border:1px solid var(--admin-border-light)}.olt-hsgqE-stat-card.olt-hsgqE-loading .olt-hsgqE-loading-spinner{width:24px;height:24px;border:2px solid var(--admin-border-light);border-top:2px solid var(--admin-primary);border-radius:50%;animation:olt-hsgqE-spin 1s linear infinite}.olt-hsgqE-stat-card.olt-hsgqE-error{border-color:#ef4444;background:rgba(239,68,68,.05);display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--admin-text-secondary);font-size:.9rem;min-height:120px}.olt-hsgqE-stat-card.olt-hsgqE-error .olt-hsgqE-stat-icon{background:#ef4444;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.olt-hsgqE-stat-icon{width:45px;height:45px;background:var(--admin-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;position:relative;z-index:2;color:#fff;box-shadow:0 4px 12px #8b5cf633}.olt-hsgqE-stat-icon.total{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}.olt-hsgqE-stat-icon.active{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.olt-hsgqE-stat-icon.onus{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.olt-hsgqE-stat-icon.online{background:linear-gradient(135deg,#10b981,#059669)}.olt-hsgqE-stat-icon.offline,.olt-hsgqE-stat-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.olt-hsgqE-stat-info{position:relative;z-index:2}.olt-hsgqE-stat-info h3{font-size:.75rem;font-weight:600;color:var(--admin-text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.olt-hsgqE-stat-number{font-size:1.5rem;font-weight:700;color:var(--admin-text);margin-bottom:.2rem;line-height:1}.olt-hsgqE-stat-label{font-size:.65rem;color:var(--admin-text-secondary);font-weight:500}.olt-hsgqE-stat-card.olt-hsgqE-error .olt-hsgqE-stat-info{text-align:center}.olt-hsgqE-stat-card.olt-hsgqE-error .olt-hsgqE-stat-info h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--admin-text)}.olt-hsgqE-stat-card.olt-hsgqE-error .olt-hsgqE-stat-info .olt-hsgqE-stat-number{font-size:1.5rem;font-weight:700;color:#ef4444;margin-bottom:.25rem}.olt-hsgqE-stat-card.olt-hsgqE-error .olt-hsgqE-stat-info .olt-hsgqE-stat-label{font-size:.8rem;color:var(--admin-text-secondary);opacity:.8}.olt-hsgqE-port-sections{display:flex;flex-direction:column;gap:2rem}.olt-hsgqE-port-section{background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:16px;padding:1.5rem;box-shadow:var(--admin-shadow);position:relative;overflow:hidden}.olt-hsgqE-port-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--admin-gradient);border-radius:16px 16px 0 0}.olt-hsgqE-port-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:2px solid var(--admin-border-light)}.olt-hsgqE-port-header-info h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--admin-text);display:flex;align-items:center;gap:.5rem}.olt-hsgqE-port-header-info .olt-hsgqE-port-icon{width:40px;height:40px;background:var(--admin-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.olt-hsgqE-port-header-info .olt-hsgqE-port-icon svg{color:#fff}.olt-hsgqE-port-count-info{font-size:.875rem;color:var(--admin-text-secondary)}.olt-hsgqE-port-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;background:var(--admin-bg-secondary);border:1px solid var(--admin-border-light)}.olt-hsgqE-port-status.active{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border-color:#10b981}.olt-hsgqE-port-status.inactive{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border-color:#ef4444}.olt-hsgqE-port-status.down{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff;border-color:#6b7280}.olt-hsgqE-btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--admin-primary);border:none;border-radius:6px;color:#fff;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--admin-shadow)}.olt-hsgqE-btn-refresh:hover:not(:disabled){background:var(--admin-primary-dark);transform:translateY(-1px);box-shadow:var(--admin-shadow-hover)}.olt-hsgqE-btn-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:var(--admin-text-secondary)}.olt-hsgqE-btn-refresh:disabled:hover{transform:none;box-shadow:none;background:var(--admin-text-secondary)}.olt-hsgqE-spinner{animation:olt-hsgqE-spin 1s linear infinite;color:var(--admin-primary)}@keyframes olt-hsgqE-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.olt-hsgqE-loading-spinner{width:20px;height:20px;border:2px solid var(--admin-border-light);border-top:2px solid var(--admin-primary);border-radius:50%;animation:olt-hsgqE-spin 1s linear infinite}.olt-hsgqE-table-wrapper{background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:8px;overflow:hidden;position:relative;box-shadow:var(--admin-shadow)}.olt-hsgqE-table-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--admin-gradient);background-size:200% 100%;animation:olt-hsgqE-gradient-shift 3s ease-in-out infinite}@keyframes olt-hsgqE-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.olt-hsgqE-table-container{overflow-x:auto;max-height:600px;overflow-y:auto}.olt-hsgqE-table-container::-webkit-scrollbar{width:8px;height:8px}.olt-hsgqE-table-container::-webkit-scrollbar-track{background:var(--admin-bg-secondary);border-radius:4px}.olt-hsgqE-table-container::-webkit-scrollbar-thumb{background:var(--admin-border);border-radius:4px}.olt-hsgqE-table-container::-webkit-scrollbar-thumb:hover{background:var(--admin-primary)}.olt-hsgqE-onus-table{width:100%;border-collapse:collapse;font-size:.875rem}.olt-hsgqE-onus-table thead{background:var(--admin-bg-secondary);position:sticky;top:0;z-index:10}.olt-hsgqE-onus-table th{padding:1rem;text-align:left;font-weight:600;color:var(--admin-text);border-bottom:2px solid var(--admin-border-light);position:relative}.olt-hsgqE-onus-table th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--admin-gradient);transform:scaleX(0);transition:transform .3s ease}.olt-hsgqE-onus-table th:hover:after{transform:scaleX(1)}.olt-hsgqE-onus-table th:last-child:after{display:none}.olt-hsgqE-onus-table th:nth-child(1){width:120px}.olt-hsgqE-onus-table th:nth-child(2){width:180px}.olt-hsgqE-onus-table th:nth-child(3){width:100px}.olt-hsgqE-onus-table th:nth-child(4){width:150px}.olt-hsgqE-onus-table th:nth-child(5){width:200px}.olt-hsgqE-onus-table th:nth-child(6){width:80px}.olt-hsgqE-onus-table th:nth-child(7){width:100px}.olt-hsgqE-onus-table th:nth-child(8){width:150px}.olt-hsgqE-onus-table th:nth-child(9){width:100px}.olt-hsgqE-onus-table tbody tr{border-bottom:1px solid var(--admin-border-light);transition:all .2s ease}.olt-hsgqE-onus-table tbody tr:nth-child(2n){background:var(--admin-bg-secondary)}.olt-hsgqE-onus-table tbody tr:hover{background:var(--admin-bg-hover);transform:scale(1.001);box-shadow:var(--admin-shadow)}.olt-hsgqE-onus-table td{padding:1rem;vertical-align:middle;color:var(--admin-text);font-size:.875rem}.olt-hsgqE-onus-table td:nth-child(2){font-family:Courier New,monospace;font-weight:600}.olt-hsgqE-onus-table td:nth-child(6),.olt-hsgqE-onus-table td:nth-child(7){text-align:center}.olt-hsgqE-onus-table td:nth-child(8){font-size:.8rem;color:#6b7280}.olt-hsgqE-onus-table tbody tr:last-child td{border-bottom:none}.olt-hsgqE-table-loading{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:12px}.olt-hsgqE-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--admin-text-secondary)}.olt-hsgqE-loading p{margin:0;font-size:.9rem}.olt-hsgqE-loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:olt-hsgqE-spin 1s linear infinite;margin:0 auto 1rem}.olt-hsgqE-empty-state{text-align:center;padding:3rem 1rem;color:var(--admin-text-secondary);background:var(--admin-bg-card);border:1px solid var(--admin-border-light);border-radius:12px;margin:1rem 0}.olt-hsgqE-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.olt-hsgqE-empty-state h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--admin-text)}.olt-hsgqE-empty-state p{font-size:.9rem;line-height:1.5;margin:0;opacity:.8}.olt-hsgqE-onu-port strong{display:block;font-size:1rem;color:var(--admin-text)}.olt-hsgqE-onu-port small{font-size:.75rem;color:var(--admin-text-secondary)}.olt-hsgqE-onu-mac strong{font-family:Courier New,monospace;font-size:.875rem;color:var(--admin-text)}.olt-hsgqE-status-badge,.olt-hsgqE-auth-badge,.olt-hsgqE-configured-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;max-width:120px;min-width:60px;white-space:nowrap;text-align:center;box-sizing:border-box}.olt-hsgqE-status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.olt-hsgqE-status-badge:hover:before{left:100%}.olt-hsgqE-status-online{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 2px 8px #10b9814d}.olt-hsgqE-status-online:hover{box-shadow:0 4px 12px #10b98166}.olt-hsgqE-status-offline{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 2px 8px #ef44444d;animation:olt-hsgqE-pulse-offline 2s ease-in-out infinite}@keyframes olt-hsgqE-pulse-offline{0%,to{opacity:1}50%{opacity:.7}}.olt-hsgqE-status-offline:hover{box-shadow:0 4px 12px #ef444466;animation:none}.olt-hsgqE-status-initial{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;box-shadow:0 2px 8px #f59e0b4d;animation:olt-hsgqE-shimmer 2s ease-in-out infinite}@keyframes olt-hsgqE-shimmer{0%,to{opacity:1}50%{opacity:.8}}.olt-hsgqE-status-initial:hover{box-shadow:0 4px 12px #f59e0b66;animation:none}.olt-hsgqE-status-unknown{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff;box-shadow:0 2px 8px #6b72804d;animation:olt-hsgqE-fade-unknown 3s ease-in-out infinite}@keyframes olt-hsgqE-fade-unknown{0%,to{opacity:1}50%{opacity:.6}}.olt-hsgqE-status-unknown:hover{box-shadow:0 4px 12px #6b728066;animation:none}.olt-hsgqE-auth-true,.olt-hsgqE-configured-true{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.olt-hsgqE-auth-false,.olt-hsgqE-configured-false{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.olt-hsgqE-table-actions{display:flex;gap:.5rem;justify-content:center}.olt-hsgqE-action-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:var(--admin-shadow)}.olt-hsgqE-action-btn.primary{background:var(--admin-gradient);color:#fff}.olt-hsgqE-action-btn:hover{transform:translateY(-1px);box-shadow:var(--admin-shadow-hover)}.olt-hsgqE-action-btn.primary:hover{background:var(--admin-primary-dark)}.olt-hsgqE-action-btn svg{width:12px;height:12px}.olt-hsgqE-table-performance{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--admin-bg-secondary);border-bottom:1px solid var(--admin-border-light);font-size:.75rem;color:var(--admin-text-secondary)}.olt-hsgqE-performance-dot{width:6px;height:6px;background:var(--admin-primary);border-radius:50%;animation:olt-hsgqE-pulse 2s ease-in-out infinite}@keyframes olt-hsgqE-pulse{0%,to{opacity:1}50%{opacity:.5}}.olt-hsgqE-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;background:var(--admin-bg-secondary);border-radius:8px;border:1px solid var(--admin-border-light)}.olt-hsgqE-btn-pagination{padding:.5rem 1rem;border:1px solid var(--admin-border-light);background:var(--admin-bg-card);color:var(--admin-text);border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--admin-shadow)}.olt-hsgqE-btn-pagination:hover:not(:disabled){background:var(--admin-gradient);color:#fff;border-color:var(--admin-primary);box-shadow:var(--admin-shadow-hover)}.olt-hsgqE-btn-pagination:disabled{background:var(--admin-bg-secondary);color:var(--admin-text-secondary);cursor:not-allowed}.olt-hsgqE-page-info{font-size:.875rem;color:var(--admin-text-secondary);font-weight:600}.olt-hsgqE-onu-detail-content{max-width:100%}.olt-hsgqE-onu-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--admin-border-light)}.olt-hsgqE-onu-detail-title h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--admin-text);font-family:Courier New,monospace}.olt-hsgqE-onu-detail-subtitle{margin:0;color:var(--admin-text-secondary);font-size:1rem}.olt-hsgqE-onu-detail-status{display:flex;align-items:center}.olt-hsgqE-onu-detail-grid{display:grid;gap:2rem}.olt-hsgqE-onu-detail-section{background:var(--admin-bg-secondary);border-radius:8px;padding:1.5rem;border:1px solid var(--admin-border-light)}.olt-hsgqE-onu-detail-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--admin-text)}.olt-hsgqE-onu-detail-section-title svg{color:var(--admin-primary)}.olt-hsgqE-onu-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.olt-hsgqE-onu-detail-info-item{display:flex;flex-direction:column;gap:.25rem}.olt-hsgqE-onu-detail-info-item label{font-size:.875rem;font-weight:600;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.05em}.olt-hsgqE-onu-detail-info-item span{font-size:1rem;color:var(--admin-text);font-weight:500}.olt-hsgqE-long-id-value{font-family:Courier New,monospace;font-size:.875rem;word-break:break-all;background:var(--admin-bg);padding:.5rem;border-radius:4px;border:1px solid var(--admin-border-light)}.olt-hsgqE-temperature-value,.olt-hsgqE-rx-power-value,.olt-hsgqE-tx-power-value{display:flex;align-items:center;gap:.5rem;font-weight:600}.olt-hsgqE-temperature-value{color:#dc2626}.olt-hsgqE-rx-power-value{color:#059669}.olt-hsgqE-tx-power-value{color:#7c3aed}.olt-hsgqE-onu-detail-info-item .olt-hsgqE-status-badge{max-width:120px;padding:.25rem .5rem;font-size:.8rem;justify-content:center;white-space:nowrap;text-align:center}.olt-hsgqE-onu-detail-info-item .olt-hsgqE-status-badge,.olt-hsgqE-onu-detail-info-item .olt-hsgqE-auth-badge,.olt-hsgqE-onu-detail-info-item .olt-hsgqE-configured-badge{font-size:.8rem;padding:.2rem .5rem;max-width:100px;min-width:50px}@media (max-width: 768px){.olt-hsgqE-welcome-header{flex-direction:column;text-align:center;gap:1rem}.olt-hsgqE-welcome-icon{width:50px;height:50px}.olt-hsgqE-welcome-text h2{font-size:1.5rem}.olt-hsgqE-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.olt-hsgqE-stat-card{padding:.75rem}.olt-hsgqE-stat-icon{width:32px;height:32px}.olt-hsgqE-stat-number{font-size:1.125rem}.olt-hsgqE-olt-selection{flex-direction:column;align-items:stretch}.olt-hsgqE-olt-selector{min-width:auto}.olt-hsgqE-port-header{flex-direction:column;align-items:stretch;gap:1rem}.olt-hsgqE-port-header-info,.olt-hsgqE-port-count-info{text-align:center}.olt-hsgqE-port-header>div:last-child{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.olt-hsgqE-btn-refresh{font-size:.8rem;padding:.5rem .75rem;min-width:auto;flex:1;min-width:120px;max-width:150px}.olt-hsgqE-btn-collapse{width:28px;height:28px}.olt-hsgqE-table-container{max-height:400px}.olt-hsgqE-onus-table{font-size:.75rem}.olt-hsgqE-onus-table th,.olt-hsgqE-onus-table td{padding:.5rem .25rem}.olt-hsgqE-onu-detail-header{flex-direction:column;gap:1rem;align-items:stretch}.olt-hsgqE-onu-detail-title h3{font-size:1.25rem}.olt-hsgqE-onu-detail-info-grid{grid-template-columns:1fr}}@media (max-width: 480px){.olt-hsgqE-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.olt-hsgqE-stat-card{padding:.5rem}.olt-hsgqE-stat-icon{width:28px;height:28px}.olt-hsgqE-stat-number{font-size:1rem}.olt-hsgqE-stat-info h3{font-size:.65rem}.olt-hsgqE-stat-label{font-size:.55rem}.olt-hsgqE-search-input{font-size:.875rem}.olt-hsgqE-btn-search{font-size:.875rem;padding:.75rem 1rem}.olt-hsgqE-filter-select{font-size:.875rem}.olt-hsgqE-btn-clear-filters{font-size:.875rem;padding:.5rem .75rem}.olt-hsgqE-onus-header h3{font-size:1.25rem}.olt-hsgqE-btn-refresh{font-size:.875rem;padding:.75rem 1rem}.olt-hsgqE-btn-collapse{width:24px;height:24px}.olt-hsgqE-onus-table{font-size:.7rem}.olt-hsgqE-onus-table th,.olt-hsgqE-onus-table td{padding:.25rem}.olt-hsgqE-onu-detail-title h3{font-size:1.1rem}.olt-hsgqE-onu-detail-subtitle{font-size:.875rem}.olt-hsgqE-onu-detail-section{padding:1rem}.olt-hsgqE-onu-detail-info-item span{font-size:.875rem}.olt-hsgqE-long-id-value{font-size:.75rem;padding:.25rem}}@media (max-width: 320px){.olt-hsgqE-stats-grid{grid-template-columns:1fr;gap:.5rem}.olt-hsgqE-stat-card{padding:.5rem}.olt-hsgqE-stat-icon{width:24px;height:24px}.olt-hsgqE-stat-number{font-size:.875rem}.olt-hsgqE-stat-info h3{font-size:.65rem}.olt-hsgqE-stat-label{font-size:.55rem}}@media (prefers-color-scheme: dark){:root{--admin-bg: #0a0614;--admin-bg-card: rgba(139, 92, 246, .06);--admin-border-light: rgba(139, 92, 246, .08)}}@media (prefers-reduced-motion: reduce){.olt-hsgqE-stat-card,.olt-hsgqE-action-btn,.olt-hsgqE-btn-test,.olt-hsgqE-btn-search,.olt-hsgqE-btn-refresh,.olt-hsgqE-btn-clear-filters{transition:none}.olt-hsgqE-spinner{animation:none}.olt-hsgqE-status-badge,.olt-hsgqE-status-badge:before{animation:none}}@media (prefers-contrast: high){:root{--admin-border: rgba(139, 92, 246, .4);--admin-border-light: rgba(139, 92, 246, .3)}}@media (prefers-reduced-motion: reduce){.olt-hsgqE-btn-search,.olt-hsgqE-btn-refresh,.olt-hsgqE-btn-test,.olt-hsgqE-btn-clear-filters,.olt-hsgqE-action-btn{transition:none}.olt-hsgqE-spinner{animation:none}.olt-hsgqE-status-badge,.olt-hsgqE-status-badge:before{animation:none}}@media (prefers-contrast: high){.olt-hsgqE-filters-section,.olt-hsgqE-onus-section,.olt-hsgqE-table-wrapper{border-width:2px}.olt-hsgqE-onus-table th{border-bottom-width:3px}.olt-hsgqE-onus-table td{border-bottom-width:2px}}.olt-hsgqE-port-section>*:not(.olt-hsgqE-port-header){transition:opacity .2s ease}.olt-hsgqE-port-section.collapsed>*:not(.olt-hsgqE-port-header){display:none}.gpon-hsgq-container{--gpon-primary: #8b5cf6;--gpon-primary-light: #a78bfa;--gpon-primary-dark: #7c3aed;--gpon-secondary: #6366f1;--gpon-accent: #ec4899;--gpon-bg: #0f0a1a;--gpon-bg-secondary: rgba(139, 92, 246, .05);--gpon-bg-card: rgba(139, 92, 246, .08);--gpon-bg-hover: rgba(139, 92, 246, .12);--gpon-text: #e2e8f0;--gpon-text-secondary: #94a3b8;--gpon-border: rgba(139, 92, 246, .2);--gpon-border-light: rgba(139, 92, 246, .1);--gpon-shadow: 0 4px 20px rgba(139, 92, 246, .15);--gpon-shadow-hover: 0 8px 30px rgba(139, 92, 246, .25);--gpon-glow: 0 0 20px rgba(139, 92, 246, .3);--gpon-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--gpon-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%);--gpon-success: #10b981;--gpon-warning: #f59e0b;--gpon-error: #ef4444;--gpon-info: #06b6d4;all:initial;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--gpon-text);background:transparent;box-sizing:border-box;isolation:isolate}.gpon-hsgq-container *{box-sizing:border-box}.gpon-hsgq-container{contain:style layout}.olt-hsgqG-welcome-section{margin-bottom:2rem}.olt-hsgqG-welcome-card{background:var(--gpon-gradient-subtle);border:1px solid var(--gpon-border-light);border-radius:16px;padding:2rem;color:var(--gpon-text);box-shadow:var(--gpon-shadow)}.olt-hsgqG-welcome-header{display:flex;align-items:center;gap:1.5rem;position:relative}.olt-hsgqG-welcome-icon{width:60px;height:60px;background:var(--gpon-gradient);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--gpon-glow);color:#fff}.olt-hsgqG-welcome-icon svg{color:#fff;stroke-width:2}.olt-hsgqG-welcome-text h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:var(--gpon-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.olt-hsgqG-welcome-text p{color:var(--gpon-text-secondary);font-size:1rem;line-height:1.6;margin:0}.olt-hsgqG-olt-selection{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.olt-hsgqG-olt-selector{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:300px}.olt-hsgqG-olt-selector label{font-weight:600;color:var(--gpon-text);font-size:.9rem;margin-bottom:.25rem}.olt-hsgqG-hardware-info{margin-bottom:2rem}.olt-hsgqG-hardware-card{background:var(--gpon-gradient-subtle);border:1px solid var(--gpon-border-light);border-radius:16px;padding:1.5rem;color:var(--gpon-text);box-shadow:var(--gpon-shadow)}.olt-hsgqG-hardware-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.olt-hsgqG-hardware-icon{width:48px;height:48px;background:var(--gpon-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--gpon-glow);color:#fff}.olt-hsgqG-hardware-icon svg{color:#fff;stroke-width:2}.olt-hsgqG-hardware-text h3{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;color:var(--gpon-text)}.olt-hsgqG-hardware-text p{color:var(--gpon-text-secondary);font-size:.875rem;margin:0}.olt-hsgqG-hardware-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.olt-hsgqG-hardware-item{display:flex;flex-direction:column;gap:.25rem}.olt-hsgqG-hardware-item label{font-size:.875rem;font-weight:500;color:var(--gpon-text-secondary);text-transform:uppercase;letter-spacing:.5px}.olt-hsgqG-hardware-value{font-size:1rem;font-weight:600;color:var(--gpon-text);padding:.5rem;background:rgba(139,92,246,.1);border-radius:8px;border:1px solid var(--gpon-border-light)}.olt-hsgqG-loading-select{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--gpon-bg-card);border:1px solid var(--gpon-border-light);border-radius:8px;color:var(--gpon-text-secondary);font-size:.9rem;min-height:42px}.olt-hsgqG-loading-select .olt-hsgqG-spinner{animation:olt-hsgqG-spin 1s linear infinite}.olt-hsgqG-olt-select{padding:.75rem 1rem;background:var(--gpon-bg-card);border:1px solid var(--gpon-border-light);border-radius:8px;color:var(--gpon-text);font-size:.9rem;transition:all .3s ease;cursor:pointer;min-height:42px}.olt-hsgqG-olt-select:focus{outline:none;border-color:var(--gpon-primary);box-shadow:0 0 0 3px #8b5cf61a}.olt-hsgqG-olt-select:disabled{opacity:.6;cursor:not-allowed}.olt-hsgqG-connection-controls{display:flex;gap:.75rem}.olt-hsgqG-btn-test{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--gpon-gradient);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--gpon-shadow)}.olt-hsgqG-btn-test:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--gpon-shadow-hover)}.olt-hsgqG-btn-test:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:var(--gpon-text-secondary)}.olt-hsgqG-btn-test:disabled:hover{transform:none;box-shadow:none;background:var(--gpon-text-secondary)}.olt-hsgqG-btn-collapse{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gpon-bg-card);border:1px solid var(--gpon-border-light);border-radius:6px;color:var(--gpon-text);cursor:pointer;transition:all .2s ease}.olt-hsgqG-btn-collapse:hover{background:var(--gpon-bg-hover);border-color:var(--gpon-primary)}.olt-hsgqG-btn-collapse:disabled{opacity:.6;cursor:not-allowed}.olt-hsgqG-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.olt-hsgqG-stat-card{background:var(--gpon-bg);border:1px solid var(--gpon-border-light);border-radius:12px;padding:1.25rem;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;text-align:center}.olt-hsgqG-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gpon-gradient-subtle);opacity:0;transition:opacity .3s ease;z-index:1}.olt-hsgqG-stat-card:hover{transform:translateY(-2px);box-shadow:var(--gpon-shadow-hover);border-color:var(--gpon-border)}.olt-hsgqG-stat-card:hover:before{opacity:1}.olt-hsgqG-stat-card.olt-hsgqG-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--gpon-text-secondary);font-size:.9rem;min-height:120px;background:var(--gpon-bg-card);border:1px solid var(--gpon-border-light)}.olt-hsgqG-stat-card.olt-hsgqG-loading .olt-hsgqG-loading-spinner{width:24px;height:24px;border:2px solid var(--gpon-border-light);border-top:2px solid var(--gpon-primary);border-radius:50%;animation:olt-hsgqG-spin 1s linear infinite}.olt-hsgqG-stat-card.olt-hsgqG-error{border-color:var(--gpon-error);background:rgba(139,92,246,.05);display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--gpon-text-secondary);font-size:.9rem;min-height:120px}.olt-hsgqG-stat-card.olt-hsgqG-error .olt-hsgqG-stat-icon{background:var(--gpon-primary);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.olt-hsgqG-stat-icon{width:45px;height:45px;background:var(--gpon-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;position:relative;z-index:2;color:#fff;box-shadow:0 4px 12px #8b5cf633}.olt-hsgqG-stat-icon.total{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}.olt-hsgqG-stat-icon.active{background:linear-gradient(135deg,var(--gpon-success) 0%,#059669 100%)}.olt-hsgqG-stat-icon.onus{background:linear-gradient(135deg,var(--gpon-warning) 0%,#d97706 100%)}.olt-hsgqG-stat-icon.online{background:linear-gradient(135deg,var(--gpon-success),#059669)}.olt-hsgqG-stat-icon.offline,.olt-hsgqG-stat-icon.error{background:linear-gradient(135deg,var(--gpon-error),#dc2626)}.olt-hsgqG-stat-info{position:relative;z-index:2}.olt-hsgqG-stat-info h3{font-size:.75rem;font-weight:600;color:var(--gpon-text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.olt-hsgqG-stat-number{font-size:1.5rem;font-weight:700;color:var(--gpon-text);margin-bottom:.2rem;line-height:1}.olt-hsgqG-stat-label{font-size:.65rem;color:var(--gpon-text-secondary);font-weight:500}.olt-hsgqG-stat-card.olt-hsgqG-error .olt-hsgqG-stat-info{text-align:center}.olt-hsgqG-stat-card.olt-hsgqG-error .olt-hsgqG-stat-info h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--gpon-text)}.olt-hsgqG-stat-card.olt-hsgqG-error .olt-hsgqG-stat-info .olt-hsgqG-stat-number{font-size:1.5rem;font-weight:700;color:var(--gpon-primary);margin-bottom:.25rem}.olt-hsgqG-stat-card.olt-hsgqG-error .olt-hsgqG-stat-info .olt-hsgqG-stat-label{font-size:.8rem;color:var(--gpon-text-secondary);opacity:.8}.olt-hsgqG-port-sections{display:flex;flex-direction:column;gap:2rem;overflow-x:hidden;width:100%}.olt-hsgqG-port-section{background:var(--gpon-bg-card);border:1px solid var(--gpon-border-light);border-radius:16px;padding:1.5rem;box-shadow:var(--gpon-shadow);position:relative;overflow:hidden;width:100%;box-sizing:border-box}.olt-hsgqG-port-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gpon-gradient);border-radius:16px 16px 0 0}.olt-hsgqG-port-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:2px solid var(--gpon-border-light)}.olt-hsgqG-port-header-info h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--gpon-text);display:flex;align-items:center;gap:.5rem}.olt-hsgqG-port-header-info .olt-hsgqG-port-icon{width:40px;height:40px;background:var(--gpon-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.olt-hsgqG-port-header-info .olt-hsgqG-port-icon svg{color:#fff}.olt-hsgqG-port-count-info{font-size:.875rem;color:var(--gpon-text-secondary)}.olt-hsgqG-port-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;background:var(--gpon-bg-secondary);border:1px solid var(--gpon-border-light)}.olt-hsgqG-port-status.active{background:linear-gradient(135deg,var(--gpon-success) 0%,#059669 100%);color:#fff;border-color:var(--gpon-success)}.olt-hsgqG-port-status.inactive{background:linear-gradient(135deg,var(--gpon-error) 0%,#dc2626 100%);color:#fff;border-color:var(--gpon-error)}.olt-hsgqG-port-status.down{background:linear-gradient(135deg,var(--gpon-text-secondary) 0%,var(--gpon-text-secondary) 100%);color:#fff;border-color:var(--gpon-text-secondary)}.olt-hsgqG-btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--gpon-primary);border:none;border-radius:6px;color:#fff;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--gpon-shadow)}.olt-hsgqG-btn-refresh:hover:not(:disabled){background:var(--gpon-primary-dark);box-shadow:var(--gpon-shadow-hover)}.olt-hsgqG-btn-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:var(--gpon-text-secondary)}.olt-hsgqG-btn-refresh:disabled:hover{transform:none;box-shadow:none;background:var(--gpon-text-secondary)}.olt-hsgqG-btn-refresh[style*="background-color: #dc3545"]{background:#dc3545!important;color:#fff!important}.olt-hsgqG-btn-refresh[style*="background-color: #dc3545"]:hover:not(:disabled){background:#c82333!important;color:#fff!important;transform:translateY(-1px);box-shadow:var(--gpon-shadow-hover)}.olt-hsgqG-spinner{animation:olt-hsgqG-spin 1s linear infinite;color:var(--gpon-primary)}@keyframes olt-hsgqG-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.olt-hsgqG-table-wrapper{background:var(--gpon-bg-card);border:1px solid var(--gpon-border-light);border-radius:8px;overflow:hidden;position:relative;box-shadow:var(--gpon-shadow);width:100%;box-sizing:border-box}.olt-hsgqG-table-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gpon-gradient);background-size:200% 100%;animation:olt-hsgqG-gradient-shift 3s ease-in-out infinite}@keyframes olt-hsgqG-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.olt-hsgqG-table-container{overflow-x:auto;max-height:600px;overflow-y:auto;overflow:auto;scroll-behavior:smooth}.olt-hsgqG-table-container::-webkit-scrollbar{width:8px;height:8px}.olt-hsgqG-table-container::-webkit-scrollbar-track{background:var(--gpon-bg-secondary);border-radius:4px}.olt-hsgqG-table-container::-webkit-scrollbar-thumb{background:var(--gpon-border);border-radius:4px}.olt-hsgqG-table-container::-webkit-scrollbar-thumb:hover{background:var(--gpon-primary)}.olt-hsgqG-onus-table{width:100%;border-collapse:collapse;font-size:.875rem}.olt-hsgqG-onus-table thead{background:var(--gpon-bg-secondary);position:sticky;top:0;z-index:10}.olt-hsgqG-onus-table th{padding:1rem;text-align:left;font-weight:600;color:var(--gpon-text);border-bottom:2px solid var(--gpon-border-light);position:relative}.olt-hsgqG-onus-table th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gpon-gradient);transform:scaleX(0);transition:transform .3s ease}.olt-hsgqG-onus-table th:hover:after{transform:scaleX(1)}.olt-hsgqG-onus-table th:last-child:after{display:none}.olt-hsgqG-onus-table th:nth-child(1){width:120px}.olt-hsgqG-onus-table th:nth-child(2){width:180px}.olt-hsgqG-onus-table th:nth-child(3){width:100px}.olt-hsgqG-onus-table th:nth-child(4){width:150px}.olt-hsgqG-onus-table th:nth-child(5){width:200px}.olt-hsgqG-onus-table th:nth-child(6){width:80px}.olt-hsgqG-onus-table th:nth-child(7){width:100px}.olt-hsgqG-onus-table th:nth-child(8){width:150px}.olt-hsgqG-onus-table th:nth-child(9){width:100px}.olt-hsgqG-onus-table tbody tr{border-bottom:1px solid var(--gpon-border-light);transition:all .2s ease}.olt-hsgqG-onus-table tbody tr:nth-child(2n){background:var(--gpon-bg-secondary)}.olt-hsgqG-onus-table tbody tr:hover{background:var(--gpon-bg-hover);box-shadow:var(--gpon-shadow)}.olt-hsgqG-onus-table td{padding:1rem;vertical-align:middle;color:var(--gpon-text);font-size:.875rem}.olt-hsgqG-onus-table td:nth-child(2){font-family:Courier New,monospace;font-weight:600}.olt-hsgqG-onus-table td:nth-child(6),.olt-hsgqG-onus-table td:nth-child(7){text-align:center}.olt-hsgqG-onus-table td:nth-child(8){font-size:.8rem;color:var(--gpon-text-secondary)}.olt-hsgqG-onus-table tbody tr:last-child td{border-bottom:none}.olt-hsgqG-table-loading{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--gpon-bg-card);border:1px solid var(--gpon-border-light);border-radius:12px}.olt-hsgqG-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--gpon-text-secondary)}.olt-hsgqG-loading p{margin:0;font-size:.9rem}.olt-hsgqG-loading-spinner{width:40px;height:40px;border:4px solid var(--gpon-border-light);border-top:4px solid var(--gpon-primary);border-radius:50%;animation:olt-hsgqG-spin 1s linear infinite;margin:0 auto 1rem}.olt-hsgqG-empty-state{text-align:center;padding:3rem 1rem;color:var(--gpon-text-secondary);background:var(--gpon-bg-card);border:1px solid var(--gpon-border-light);border-radius:12px;margin:1rem 0}.olt-hsgqG-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.olt-hsgqG-empty-state h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--gpon-text)}.olt-hsgqG-empty-state p{font-size:.9rem;line-height:1.5;margin:0;opacity:.8}.olt-hsgqG-onu-port strong{display:block;font-size:1rem;color:var(--gpon-text)}.olt-hsgqG-onu-port small{font-size:.75rem;color:var(--gpon-text-secondary)}.olt-hsgqG-onu-mac strong{font-family:Courier New,monospace;font-size:.875rem;color:var(--gpon-text)}.olt-hsgqG-status-badge,.olt-hsgqG-auth-badge,.olt-hsgqG-configured-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;max-width:120px;min-width:60px;white-space:nowrap;text-align:center;box-sizing:border-box}.olt-hsgqG-status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.olt-hsgqG-status-badge:hover:before{left:100%}.olt-hsgqG-status-online{background:linear-gradient(135deg,var(--gpon-success) 0%,#059669 100%);color:#fff;box-shadow:0 2px 8px #8b5cf633}.olt-hsgqG-status-online:hover{box-shadow:0 4px 12px #8b5cf64d}.olt-hsgqG-status-offline{background:linear-gradient(135deg,var(--gpon-error) 0%,#dc2626 100%);color:#fff;box-shadow:0 2px 8px #8b5cf633;animation:olt-hsgqG-pulse-offline 2s ease-in-out infinite}@keyframes olt-hsgqG-pulse-offline{0%,to{opacity:1}50%{opacity:.7}}.olt-hsgqG-status-offline:hover{box-shadow:0 4px 12px #8b5cf64d;animation:none}.olt-hsgqG-status-initial{background:linear-gradient(135deg,var(--gpon-warning) 0%,#d97706 100%);color:#fff;box-shadow:0 2px 8px #8b5cf633;animation:olt-hsgqG-shimmer 2s ease-in-out infinite}@keyframes olt-hsgqG-shimmer{0%,to{opacity:1}50%{opacity:.8}}.olt-hsgqG-status-initial:hover{box-shadow:0 4px 12px #8b5cf64d;animation:none}.olt-hsgqG-status-unknown{background:linear-gradient(135deg,var(--gpon-text-secondary) 0%,var(--gpon-text-secondary) 100%);color:#fff;box-shadow:0 2px 8px #8b5cf633;animation:olt-hsgqG-fade-unknown 3s ease-in-out infinite}@keyframes olt-hsgqG-fade-unknown{0%,to{opacity:1}50%{opacity:.6}}.olt-hsgqG-status-unknown:hover{box-shadow:0 4px 12px #8b5cf64d;animation:none}.olt-hsgqG-auth-true,.olt-hsgqG-configured-true{background:linear-gradient(135deg,var(--gpon-success) 0%,#059669 100%);color:#fff}.olt-hsgqG-auth-false,.olt-hsgqG-configured-false{background:linear-gradient(135deg,var(--gpon-error) 0%,#dc2626 100%);color:#fff}.olt-hsgqG-table-actions{display:flex;gap:.5rem;justify-content:center}.olt-hsgqG-action-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:var(--gpon-shadow)}.olt-hsgqG-action-btn.primary{background:var(--gpon-gradient);color:#fff}.olt-hsgqG-action-btn:hover{box-shadow:var(--gpon-shadow-hover)}.olt-hsgqG-action-btn.primary:hover{background:var(--gpon-primary-dark)}.olt-hsgqG-action-btn[style*="background-color: #dc3545"]{color:#fff!important}.olt-hsgqG-action-btn[style*="background-color: #dc3545"]:hover{background:#c82333!important;color:#fff!important;transform:translateY(-1px);box-shadow:var(--gpon-shadow-hover)}.olt-hsgqG-action-btn svg{width:12px;height:12px}.olt-hsgqG-table-performance{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--gpon-bg-secondary);border-bottom:1px solid var(--gpon-border-light);font-size:.75rem;color:var(--gpon-text-secondary)}.olt-hsgqG-performance-dot{width:6px;height:6px;background:var(--gpon-primary);border-radius:50%;animation:olt-hsgqG-pulse 2s ease-in-out infinite}@keyframes olt-hsgqG-pulse{0%,to{opacity:1}50%{opacity:.5}}.gpon-hsgq-container .olt-hsgqG-onu-detail-content{max-width:100%;max-height:70vh;overflow-y:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--gpon-text);background:transparent;box-sizing:border-box}.gpon-hsgq-container .olt-hsgqG-onu-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gpon-border-light)}.gpon-hsgq-container .olt-hsgqG-onu-detail-title h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--gpon-text);font-family:Courier New,monospace}.gpon-hsgq-container .olt-hsgqG-onu-detail-subtitle{margin:0;color:var(--gpon-text-secondary);font-size:1rem}.gpon-hsgq-container .olt-hsgqG-onu-detail-status{display:flex;align-items:center}.gpon-hsgq-container .olt-hsgqG-onu-detail-grid{display:grid;gap:1.5rem}.gpon-hsgq-container .olt-hsgqG-onu-detail-section{background:var(--gpon-bg-secondary);border-radius:8px;padding:1rem;border:1px solid var(--gpon-border-light)}.gpon-hsgq-container .olt-hsgqG-onu-detail-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--gpon-text)}.gpon-hsgq-container .olt-hsgqG-onu-detail-section-title svg{color:var(--gpon-primary)}.gpon-hsgq-container .olt-hsgqG-onu-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.gpon-hsgq-container .olt-hsgqG-onu-detail-info-item{display:flex;flex-direction:column;gap:.2rem}.gpon-hsgq-container .olt-hsgqG-onu-detail-info-item label{font-size:.875rem;font-weight:600;color:var(--gpon-text-secondary);text-transform:uppercase;letter-spacing:.05em}.gpon-hsgq-container .olt-hsgqG-onu-detail-info-item span{font-size:.9rem;color:var(--gpon-text);font-weight:500}.gpon-hsgq-container .olt-hsgqG-long-id-value{font-family:Courier New,monospace;font-size:.875rem;word-break:break-all;background:var(--gpon-bg);padding:.5rem;border-radius:4px;border:1px solid var(--gpon-border-light)}.gpon-hsgq-container .olt-hsgqG-onu-detail-info-item .olt-hsgqG-status-badge{max-width:120px;padding:.25rem .5rem;font-size:.8rem;justify-content:center;white-space:nowrap;text-align:center}.gpon-hsgq-container .olt-hsgqG-onu-detail-info-item .olt-hsgqG-status-badge,.gpon-hsgq-container .olt-hsgqG-onu-detail-info-item .olt-hsgqG-auth-badge,.gpon-hsgq-container .olt-hsgqG-onu-detail-info-item .olt-hsgqG-configured-badge{font-size:.8rem;padding:.2rem .5rem;max-width:100px;min-width:50px}@media (max-width: 768px){.olt-hsgqG-welcome-header{flex-direction:column;text-align:center;gap:1rem}.olt-hsgqG-welcome-icon{width:50px;height:50px}.olt-hsgqG-welcome-text h2{font-size:1.5rem}.olt-hsgqG-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.olt-hsgqG-stat-card{padding:.75rem}.olt-hsgqG-stat-icon{width:32px;height:32px}.olt-hsgqG-stat-number{font-size:1.125rem}.olt-hsgqG-olt-selection{flex-direction:column;align-items:stretch}.olt-hsgqG-olt-selector{min-width:auto}.olt-hsgqG-port-header{flex-direction:column;align-items:stretch;gap:1rem}.olt-hsgqG-port-header-info,.olt-hsgqG-port-count-info{text-align:center}.olt-hsgqG-port-header>div:last-child{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.olt-hsgqG-btn-refresh{font-size:.8rem;padding:.5rem .75rem;min-width:auto;flex:1;min-width:120px;max-width:150px}.olt-hsgqG-btn-collapse{width:28px;height:28px}.olt-hsgqG-table-container{max-height:400px}.olt-hsgqG-onus-table{font-size:.75rem}.olt-hsgqG-onus-table th,.olt-hsgqG-onus-table td{padding:.5rem .25rem}.gpon-hsgq-container .olt-hsgqG-onu-detail-header{flex-direction:column;gap:1rem;align-items:stretch}.gpon-hsgq-container .olt-hsgqG-onu-detail-title h3{font-size:1.25rem}.gpon-hsgq-container .olt-hsgqG-onu-detail-info-grid{grid-template-columns:1fr}}@media (max-width: 480px){.olt-hsgqG-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.olt-hsgqG-stat-card{padding:.5rem}.olt-hsgqG-stat-icon{width:28px;height:28px}.olt-hsgqG-stat-number{font-size:1rem}.olt-hsgqG-stat-info h3{font-size:.65rem}.olt-hsgqG-stat-label{font-size:.55rem}.olt-hsgqG-onus-table{font-size:.7rem}.olt-hsgqG-onus-table th,.olt-hsgqG-onus-table td{padding:.25rem}.gpon-hsgq-container .olt-hsgqG-onu-detail-title h3{font-size:1.1rem}.gpon-hsgq-container .olt-hsgqG-onu-detail-subtitle{font-size:.875rem}.gpon-hsgq-container .olt-hsgqG-onu-detail-section{padding:1rem}.gpon-hsgq-container .olt-hsgqG-onu-detail-info-item span{font-size:.875rem}.gpon-hsgq-container .olt-hsgqG-long-id-value{font-size:.75rem;padding:.25rem}}@media (max-width: 320px){.olt-hsgqG-stats-grid{grid-template-columns:1fr;gap:.5rem}.olt-hsgqG-stat-card{padding:.5rem}.olt-hsgqG-stat-icon{width:24px;height:24px}.olt-hsgqG-stat-number{font-size:.875rem}.olt-hsgqG-stat-info h3{font-size:.65rem}.olt-hsgqG-stat-label{font-size:.55rem}}@media (prefers-color-scheme: dark){.gpon-hsgq-container{--gpon-bg: #0a0f1e;--gpon-bg-card: rgba(139, 92, 246, .06);--gpon-border-light: rgba(139, 92, 246, .08)}}@media (prefers-reduced-motion: reduce){.olt-hsgqG-stat-card,.olt-hsgqG-action-btn,.olt-hsgqG-btn-test,.olt-hsgqG-btn-refresh{transition:none}.olt-hsgqG-spinner{animation:none}.olt-hsgqG-status-badge,.olt-hsgqG-status-badge:before{animation:none}}@media (prefers-contrast: high){.gpon-hsgq-container{--gpon-border: rgba(139, 92, 246, .4);--gpon-border-light: rgba(139, 92, 246, .3)}}.olt-hsgqG-port-section>*:not(.olt-hsgqG-port-header){transition:opacity .2s ease}.olt-hsgqG-port-section.collapsed>*:not(.olt-hsgqG-port-header){display:none}:root{--zte-olt-primary: #8b5cf6;--zte-olt-primary-light: #a78bfa;--zte-olt-primary-dark: #7c3aed;--zte-olt-secondary: #6366f1;--zte-olt-accent: #ec4899;--zte-olt-success: #10b981;--zte-olt-warning: #f59e0b;--zte-olt-error: #ef4444;--zte-olt-info: #06b6d4;--zte-olt-bg: #0f0a1a;--zte-olt-bg-primary: #0f0a1a;--zte-olt-bg-secondary: rgba(139, 92, 246, .05);--zte-olt-bg-card: rgba(139, 92, 246, .08);--zte-olt-bg-hover: rgba(139, 92, 246, .12);--zte-olt-border: rgba(139, 92, 246, .2);--zte-olt-border-light: rgba(139, 92, 246, .1);--zte-olt-shadow: 0 4px 20px rgba(139, 92, 246, .15);--zte-olt-shadow-hover: 0 6px 25px rgba(139, 92, 246, .25);--zte-olt-shadow-lg: 0 8px 30px rgba(139, 92, 246, .25);--zte-olt-glow: 0 0 20px rgba(139, 92, 246, .3);--zte-olt-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--zte-olt-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%);--zte-olt-text-primary: #e2e8f0;--zte-olt-text-secondary: #94a3b8;--zte-olt-text-muted: #64748b;--zte-olt-radius: 8px;--zte-olt-radius-sm: 4px;--zte-olt-radius-lg: 12px;--zte-olt-transition: all .3s ease}.zte-olt-welcome-section{margin-bottom:2rem}.zte-olt-welcome-card{background:var(--zte-olt-gradient-subtle);border:1px solid var(--zte-olt-border-light);border-radius:16px;padding:2rem;color:var(--zte-olt-text-primary);box-shadow:var(--zte-olt-shadow)}.zte-olt-welcome-header{display:flex;align-items:center;gap:1.5rem;position:relative}.zte-olt-welcome-icon{width:60px;height:60px;background:var(--zte-olt-gradient);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--zte-olt-glow);color:#fff}.zte-olt-welcome-icon svg{width:24px;height:24px;color:#fff;stroke-width:2}.zte-olt-welcome-text h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;background:var(--zte-olt-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.zte-olt-welcome-text p{margin:0;color:var(--zte-olt-text-secondary);font-size:1rem;line-height:1.6}.zte-olt-olt-selection{background:var(--zte-olt-bg-card);border:1px solid var(--zte-olt-border-light);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--zte-olt-shadow);color:var(--zte-olt-text-primary)}.zte-olt-connection-status{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--zte-olt-border-light)}.zte-olt-status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.zte-olt-status-connected{color:var(--zte-olt-success)}.zte-olt-status-disconnected{color:var(--zte-olt-error)}.zte-olt-spinner{animation:zte-olt-spin 1s linear infinite}@keyframes zte-olt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zte-olt-status-text{font-weight:500}.zte-olt-status-text.connected{color:var(--zte-olt-success)}.zte-olt-status-text.connecting{color:var(--zte-olt-warning)}.zte-olt-status-text.disconnected{color:var(--zte-olt-error)}.zte-olt-socket-id{background:var(--zte-olt-bg-secondary);padding:.25rem .5rem;border-radius:var(--zte-olt-radius-sm);font-family:monospace;font-size:.75rem;color:var(--zte-olt-text-secondary)}.zte-olt-olt-selector{margin-bottom:1rem}.zte-olt-olt-selector label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--zte-olt-text-primary)}.zte-olt-loading-select{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--zte-olt-bg-secondary);border:1px solid var(--zte-olt-border);border-radius:var(--zte-olt-radius);color:var(--zte-olt-text-secondary);font-size:.875rem}.zte-olt-olt-select{width:100%;padding:.75rem;border:1px solid var(--zte-olt-border);border-radius:var(--zte-olt-radius);background:var(--zte-olt-bg-primary);color:var(--zte-olt-text-primary);font-size:.875rem;transition:var(--zte-olt-transition)}.zte-olt-olt-select:focus{outline:none;border-color:var(--zte-olt-primary);box-shadow:0 0 0 3px #3b82f61a}.zte-olt-olt-select:disabled{background:var(--zte-olt-bg-secondary);color:var(--zte-olt-text-muted);cursor:not-allowed}.zte-olt-connection-controls{display:flex;gap:.75rem;flex-wrap:wrap}.zte-olt-btn-test{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--zte-olt-gradient);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--zte-olt-transition);box-shadow:var(--zte-olt-shadow)}.zte-olt-btn-test:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--zte-olt-shadow-lg)}.zte-olt-btn-test:disabled{background:var(--zte-olt-text-secondary);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.zte-olt-empty-state{text-align:center;padding:3rem 1rem;background:var(--zte-olt-bg-card);border:1px solid var(--zte-olt-border);border-radius:var(--zte-olt-radius);margin-bottom:2rem}.zte-olt-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.zte-olt-empty-state h3{margin:0 0 .5rem;color:var(--zte-olt-text-primary);font-size:1.25rem}.zte-olt-empty-state p{margin:0;color:var(--zte-olt-text-secondary);font-size:.875rem}.zte-olt-overview-card{background:var(--zte-olt-bg-card);border:1px solid var(--zte-olt-border-light);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:var(--zte-olt-shadow);position:relative;overflow:hidden}.zte-olt-overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--zte-olt-gradient);border-radius:16px 16px 0 0}.zte-olt-overview-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--zte-olt-border-light)}.zte-olt-overview-icon{width:60px;height:60px;background:var(--zte-olt-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--zte-olt-glow)}.zte-olt-overview-title h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--zte-olt-text-primary)}.zte-olt-overview-title p{margin:0;color:var(--zte-olt-text-secondary);font-size:1rem;font-weight:500}.zte-olt-software-info{display:block;margin-top:.5rem;padding:.5rem .75rem;background:var(--zte-olt-bg-secondary);border:1px solid var(--zte-olt-border);border-radius:var(--zte-olt-radius-sm);font-size:.75rem;color:var(--zte-olt-text-secondary);font-family:monospace;line-height:1.4;max-width:100%;word-break:break-word}.zte-olt-overview-content{display:flex;flex-direction:column;gap:1.5rem}.zte-olt-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.zte-olt-overview-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--zte-olt-bg-secondary);border:1px solid var(--zte-olt-border-light);border-radius:8px;transition:var(--zte-olt-transition)}.zte-olt-overview-item:hover{border-color:var(--zte-olt-border);transform:translateY(-1px)}.zte-olt-overview-item-icon{width:40px;height:40px;background:var(--zte-olt-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.zte-olt-overview-item-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.zte-olt-overview-label{font-size:.75rem;font-weight:600;color:var(--zte-olt-text-secondary);text-transform:uppercase;letter-spacing:.5px}.zte-olt-overview-value{font-size:.9rem;font-weight:600;color:var(--zte-olt-text-primary)}.zte-olt-overview-breakdown{padding:1rem;background:var(--zte-olt-bg-secondary);border:1px solid var(--zte-olt-border-light);border-radius:8px}.zte-olt-overview-breakdown-title{font-size:.875rem;font-weight:600;color:var(--zte-olt-text-primary);margin-bottom:.75rem}.zte-olt-overview-breakdown-items{display:flex;gap:1rem;flex-wrap:wrap}.zte-olt-overview-badge{display:inline-block;padding:.5rem .75rem;background:var(--zte-olt-bg-primary);border:1px solid var(--zte-olt-border);border-radius:6px;font-size:.8rem;font-weight:500;color:var(--zte-olt-text-secondary)}.zte-olt-overview-description{padding:1rem;background:var(--zte-olt-bg-secondary);border:1px solid var(--zte-olt-border-light);border-radius:8px}.zte-olt-overview-description-text{font-size:.8rem;color:var(--zte-olt-text-secondary);line-height:1.5;font-style:italic}.zte-olt-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.zte-olt-stat-card{background:var(--zte-olt-bg-card);border:1px solid var(--zte-olt-border-light);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.zte-olt-stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .5s ease}.zte-olt-stat-card:hover{transform:translateY(-2px);box-shadow:var(--zte-olt-shadow-hover);border-color:var(--zte-olt-border)}.zte-olt-stat-card:hover:before{left:100%}.zte-olt-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;z-index:2;box-shadow:0 4px 12px #8b5cf633}.zte-olt-stat-icon.total{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}.zte-olt-stat-icon.active{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.zte-olt-stat-icon.onus{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.zte-olt-stat-icon.sys{background:linear-gradient(135deg,#ec4899 0%,#db2777 100%)}.zte-olt-stat-info{position:relative;z-index:2}.zte-olt-stat-info h3{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--zte-olt-text-secondary)}.zte-olt-stat-number{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:var(--zte-olt-text-primary)}.zte-olt-stat-label{font-size:.75rem;color:var(--zte-olt-text-secondary)}.zte-olt-stat-label.no-clamp{white-space:normal}.zte-olt-breakdown{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.zte-olt-badge{display:inline-block;padding:.2rem .4rem;background:var(--zte-olt-bg-secondary);border:1px solid var(--zte-olt-border);border-radius:var(--zte-olt-radius-sm);font-size:.7rem;color:var(--zte-olt-text-secondary)}.zte-olt-grid-sections{display:grid;gap:2rem}.zte-olt-section-card{background:var(--zte-olt-bg-card);border:1px solid var(--zte-olt-border-light);border-radius:16px;box-shadow:var(--zte-olt-shadow);overflow:hidden;position:relative}.zte-olt-section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--zte-olt-gradient);border-radius:16px 16px 0 0}.zte-olt-uncfg-card{border-color:#ef44444d;background:rgba(239,68,68,.05)}.zte-olt-uncfg-card:before{background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%)}.zte-olt-uncfg-header{background:rgba(239,68,68,.1);border-bottom-color:#ef444433}.zte-olt-uncfg-card .zte-olt-action-btn.primary{background:#ef4444;color:#fff}.zte-olt-uncfg-card .zte-olt-action-btn.primary:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 25px #ef444440}.zte-olt-uncfg-card .zte-olt-btn-refresh{background:#ef4444;color:#fff}.zte-olt-uncfg-card .zte-olt-btn-refresh:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 25px #ef444440}.zte-olt-section-header{background:var(--zte-olt-bg-secondary);padding:1rem 1.5rem;border-bottom:1px solid var(--zte-olt-border-light)}.zte-olt-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--zte-olt-text-primary);margin:0}.zte-olt-table-wrapper{background:var(--zte-olt-bg-primary);border-radius:0 0 var(--zte-olt-radius) var(--zte-olt-radius)}.zte-olt-table-container{padding:1.5rem}.zte-olt-select-group{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.zte-olt-btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--zte-olt-primary);color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--zte-olt-shadow);white-space:nowrap}.zte-olt-btn-refresh:hover:not(:disabled){background:var(--zte-olt-primary-dark);transform:translateY(-1px);box-shadow:var(--zte-olt-shadow-hover)}.zte-olt-btn-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:var(--zte-olt-text-secondary)}.zte-olt-onus-table{width:100%;border-collapse:collapse;font-size:.875rem}.zte-olt-onus-table thead{background:var(--zte-olt-bg-secondary)}.zte-olt-onus-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--zte-olt-text-primary);border-bottom:2px solid var(--zte-olt-border)}.zte-olt-onus-table td{padding:.75rem;border-bottom:1px solid var(--zte-olt-border-light);color:var(--zte-olt-text-primary)}.zte-olt-onus-table tbody tr:hover{background:var(--zte-olt-bg-hover)}.zte-olt-table-actions{display:flex;gap:.5rem}.zte-olt-action-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:var(--zte-olt-shadow);background:var(--zte-olt-primary);color:#fff}.zte-olt-action-btn.primary{background:var(--zte-olt-primary);color:#fff}.zte-olt-action-btn:hover{transform:translateY(-1px);box-shadow:var(--zte-olt-shadow-hover);background:var(--zte-olt-primary-dark)}.zte-olt-action-btn.primary:hover{background:var(--zte-olt-primary-dark);transform:translateY(-1px);box-shadow:var(--zte-olt-shadow-hover)}.zte-olt-table-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.zte-olt-loading{text-align:center;color:var(--zte-olt-text-secondary)}.zte-olt-loading-spinner{width:32px;height:32px;border:3px solid var(--zte-olt-border);border-top:3px solid var(--zte-olt-primary);border-radius:50%;animation:zte-olt-spin 1s linear infinite;margin:0 auto 1rem}.zte-olt-loading p{margin:0;font-size:.875rem}@media (max-width: 768px){.zte-olt-welcome-header{flex-direction:column;text-align:center;gap:1rem}.zte-olt-welcome-icon{align-self:center}.zte-olt-welcome-text h2{font-size:1.25rem}.zte-olt-olt-selection{padding:1rem}.zte-olt-connection-controls{flex-direction:column}.zte-olt-btn-test{justify-content:center}.zte-olt-overview-card{padding:1.5rem}.zte-olt-overview-header{flex-direction:column;text-align:center;gap:1rem}.zte-olt-overview-grid{grid-template-columns:1fr;gap:1rem}.zte-olt-overview-item{padding:.75rem}.zte-olt-overview-breakdown-items{flex-direction:column;gap:.5rem}.zte-olt-stats-grid{grid-template-columns:1fr;gap:1rem}.zte-olt-stat-card{padding:1rem}.zte-olt-stat-info h3{font-size:.8rem}.zte-olt-stat-label{font-size:.65rem}.zte-olt-badge{font-size:.7rem;padding:.2rem .4rem}.zte-olt-select-group{flex-direction:column;align-items:stretch}.zte-olt-btn-refresh{justify-content:center}.zte-olt-table-container{padding:1rem;overflow-x:auto}.zte-olt-onus-table{min-width:600px}.zte-olt-table-actions{flex-direction:column;gap:.25rem}.zte-olt-action-btn{text-align:center;padding:.5rem;background:var(--zte-olt-primary);color:#fff;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--zte-olt-shadow)}.zte-olt-action-btn:hover{transform:translateY(-1px);box-shadow:var(--zte-olt-shadow-hover);background:var(--zte-olt-primary-dark)}.zte-olt-action-btn.primary{background:var(--zte-olt-primary);color:#fff}.zte-olt-action-btn.primary:hover{background:var(--zte-olt-primary-dark);transform:translateY(-1px);box-shadow:var(--zte-olt-shadow-hover)}}@media (max-width: 480px){.zte-olt-welcome-card{padding:1rem}.zte-olt-welcome-text h2{font-size:1.125rem}.zte-olt-welcome-text p{font-size:.8rem}.zte-olt-olt-selection{padding:.75rem}.zte-olt-overview-card{padding:1rem}.zte-olt-overview-header{margin-bottom:1.5rem;padding-bottom:1rem}.zte-olt-overview-title h3{font-size:1.25rem}.zte-olt-overview-title p{font-size:.9rem}.zte-olt-software-info{margin-top:.25rem;padding:.3rem .5rem;font-size:.65rem}.zte-olt-overview-item{padding:.5rem}.zte-olt-overview-item-icon{width:32px;height:32px}.zte-olt-overview-label{font-size:.7rem}.zte-olt-overview-value{font-size:.8rem}.zte-olt-overview-badge{font-size:.7rem;padding:.4rem .6rem}.zte-olt-stat-card{padding:.75rem}.zte-olt-stat-icon{width:40px;height:40px}.zte-olt-stat-number{font-size:1rem}.zte-olt-stat-info h3{font-size:.75rem}.zte-olt-stat-label{font-size:.65rem}.zte-olt-badge{font-size:.7rem;padding:.2rem .4rem}.zte-olt-section-header{padding:.75rem 1rem}.zte-olt-section-title{font-size:.875rem}.zte-olt-table-container{padding:.75rem}.zte-olt-onus-table th,.zte-olt-onus-table td{padding:.5rem;font-size:.8rem}.zte-olt-action-btn{text-align:center;padding:.5rem;background:var(--zte-olt-primary);color:#fff;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--zte-olt-shadow)}.zte-olt-action-btn:hover{transform:translateY(-1px);box-shadow:var(--zte-olt-shadow-hover);background:var(--zte-olt-primary-dark)}.zte-olt-action-btn.primary{background:var(--zte-olt-primary);color:#fff}.zte-olt-action-btn.primary:hover{background:var(--zte-olt-primary-dark);transform:translateY(-1px);box-shadow:var(--zte-olt-shadow-hover)}}@media (prefers-color-scheme: dark){:root{--zte-olt-bg: #0a0614;--zte-olt-bg-card: rgba(139, 92, 246, .06);--zte-olt-border-light: rgba(139, 92, 246, .08)}}@media (prefers-reduced-motion: reduce){.zte-olt-stat-card,.zte-olt-btn-test,.zte-olt-btn-refresh,.zte-olt-action-btn{transition:none}.zte-olt-stat-card:hover,.zte-olt-btn-test:hover:not(:disabled),.zte-olt-btn-refresh:hover:not(:disabled),.zte-olt-action-btn:hover{transform:none}.zte-olt-spinner{animation:none}}.zte-olt-search-result{margin-top:1rem;padding:1rem;background:var(--zte-olt-bg-secondary);border:1px solid var(--zte-olt-border-light);border-radius:var(--zte-olt-radius)}.zte-olt-search-found h4,.zte-olt-search-not-found h4{margin:0 0 1rem;color:var(--zte-olt-text-primary);font-size:1.1rem;font-weight:600}.zte-olt-search-found h4{color:var(--zte-olt-success)}.zte-olt-search-not-found h4{color:var(--zte-olt-warning)}.zte-olt-search-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.zte-olt-search-item{display:flex;flex-direction:column;gap:.25rem}.zte-olt-search-label{font-size:.75rem;font-weight:600;color:var(--zte-olt-text-secondary);text-transform:uppercase;letter-spacing:.5px}.zte-olt-search-value{font-size:.9rem;font-weight:500;color:var(--zte-olt-text-primary);font-family:monospace}.zte-olt-search-actions{display:flex;gap:.75rem;flex-wrap:wrap}.zte-olt-search-not-found p{margin:0;color:var(--zte-olt-text-secondary);font-size:.9rem;line-height:1.5}.zte-olt-search-not-found strong{color:var(--zte-olt-text-primary);font-weight:600}.zte-olt-status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.zte-olt-status-working,.zte-olt-status-online{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.zte-olt-status-los,.zte-olt-status-offline{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.zte-olt-status-initial{background:rgba(245,158,11,.2);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.zte-olt-status-dying-gasp{background:rgba(236,72,153,.2);color:#ec4899;border:1px solid rgba(236,72,153,.3)}.zte-olt-status-configured{background:rgba(99,102,241,.2);color:#6366f1;border:1px solid rgba(99,102,241,.3)}.zte-olt-status-unknown{background:rgba(100,116,139,.2);color:#64748b;border:1px solid rgba(100,116,139,.3)}@media (prefers-contrast: high){:root{--zte-olt-border: #000000;--zte-olt-text-primary: #000000;--zte-olt-text-secondary: #333333}.zte-olt-onus-table th{border-bottom:2px solid #000000}.zte-olt-onus-table td{border-bottom:1px solid #000000}}@media (max-width: 768px){.zte-olt-search-info{grid-template-columns:1fr;gap:.5rem}.zte-olt-search-actions{flex-direction:column;gap:.5rem}.zte-olt-search-actions .zte-olt-action-btn{justify-content:center}}@media (max-width: 480px){.zte-olt-search-result{padding:.75rem}.zte-olt-search-found h4,.zte-olt-search-not-found h4{font-size:1rem}.zte-olt-search-label{font-size:.7rem}.zte-olt-search-value{font-size:.8rem}}:root{--terminal-modal-primary: #8b5cf6;--terminal-modal-primary-light: #a78bfa;--terminal-modal-primary-dark: #7c3aed;--terminal-modal-secondary: #6366f1;--terminal-modal-accent: #ec4899;--terminal-modal-success: #10b981;--terminal-modal-warning: #f59e0b;--terminal-modal-error: #ef4444;--terminal-modal-info: #06b6d4;--terminal-modal-bg: #0f0a1a;--terminal-modal-bg-primary: #0f0a1a;--terminal-modal-bg-secondary: rgba(139, 92, 246, .05);--terminal-modal-bg-card: rgba(139, 92, 246, .08);--terminal-modal-bg-hover: rgba(139, 92, 246, .12);--terminal-modal-bg-terminal: #0b1020;--terminal-modal-border: rgba(139, 92, 246, .2);--terminal-modal-border-light: rgba(139, 92, 246, .1);--terminal-modal-shadow: 0 4px 20px rgba(139, 92, 246, .15);--terminal-modal-shadow-lg: 0 8px 30px rgba(139, 92, 246, .25);--terminal-modal-glow: 0 0 20px rgba(139, 92, 246, .3);--terminal-modal-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--terminal-modal-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%);--terminal-modal-text-primary: #e2e8f0;--terminal-modal-text-secondary: #94a3b8;--terminal-modal-text-muted: #64748b;--terminal-modal-radius: 8px;--terminal-modal-radius-sm: 4px;--terminal-modal-radius-lg: 12px;--terminal-modal-transition: all .3s ease}.terminal-modal-container{display:flex;flex-direction:column;gap:1rem;color:var(--terminal-modal-text-primary)}.terminal-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--terminal-modal-text-secondary);padding:.75rem;background:var(--terminal-modal-bg-card);border:1px solid var(--terminal-modal-border-light);border-radius:var(--terminal-modal-radius)}.terminal-status .dot{width:8px;height:8px;border-radius:50%;background:var(--terminal-modal-error);display:inline-block;transition:var(--terminal-modal-transition)}.terminal-status .dot.on{background:var(--terminal-modal-success);box-shadow:0 0 8px #10b98180}.terminal-output{background:var(--terminal-modal-bg-terminal);color:var(--terminal-modal-text-primary);height:360px;border:1px solid var(--terminal-modal-border);border-radius:var(--terminal-modal-radius);padding:1rem;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.5;position:relative}.terminal-output:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--terminal-modal-gradient);border-radius:var(--terminal-modal-radius) var(--terminal-modal-radius) 0 0}.terminal-output .line{margin:0;white-space:pre-wrap;word-break:break-word;padding:.125rem 0}.terminal-output .line:last-child{border-bottom:2px solid var(--terminal-modal-primary);animation:terminal-blink 1s infinite}@keyframes terminal-blink{0%,50%{border-bottom-color:var(--terminal-modal-primary)}51%,to{border-bottom-color:transparent}}.terminal-input{display:flex;gap:.75rem;align-items:center}.terminal-input input{flex:1;padding:.75rem 1rem;background:var(--terminal-modal-bg-card);border:1px solid var(--terminal-modal-border);border-radius:var(--terminal-modal-radius);color:var(--terminal-modal-text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;transition:var(--terminal-modal-transition)}.terminal-input input:focus{outline:none;border-color:var(--terminal-modal-primary);box-shadow:0 0 0 3px #8b5cf61a}.terminal-input input:disabled{opacity:.7;cursor:not-allowed;background:var(--terminal-modal-bg-secondary)}.terminal-input button{padding:.75rem 1.25rem;background:var(--terminal-modal-gradient);color:#fff;border:none;border-radius:var(--terminal-modal-radius);font-weight:600;cursor:pointer;transition:var(--terminal-modal-transition);box-shadow:var(--terminal-modal-shadow);font-size:.875rem;white-space:nowrap}.terminal-input button:hover:not(:disabled){background:var(--terminal-modal-primary-dark);transform:translateY(-1px);box-shadow:var(--terminal-modal-shadow-lg)}.terminal-input button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.terminal-socket-id{font-size:.75rem;color:var(--terminal-modal-text-secondary);font-family:monospace;margin-left:.5rem;opacity:.7;background:var(--terminal-modal-bg-secondary);padding:.25rem .5rem;border-radius:var(--terminal-modal-radius-sm);border:1px solid var(--terminal-modal-border-light)}.terminal-no-socket{text-align:center;color:var(--terminal-modal-text-secondary);padding:2rem;background:var(--terminal-modal-bg-card);border:1px solid var(--terminal-modal-border-light);border-radius:var(--terminal-modal-radius)}.terminal-no-socket p{margin:.5rem 0;font-size:.875rem;line-height:1.5}@media (max-width: 768px){.terminal-modal-container{gap:.75rem}.terminal-output{height:280px;padding:.75rem;font-size:.8rem}.terminal-input{flex-direction:column;gap:.5rem}.terminal-input input,.terminal-input button{width:100%}.terminal-input button{justify-content:center}}@media (max-width: 480px){.terminal-status{padding:.5rem;font-size:.8rem}.terminal-output{height:240px;padding:.5rem;font-size:.75rem}.terminal-input input{padding:.6rem .75rem;font-size:.8rem}.terminal-input button{padding:.6rem 1rem;font-size:.8rem}}@media (prefers-color-scheme: dark){:root{--terminal-modal-bg: #0a0614;--terminal-modal-bg-card: rgba(139, 92, 246, .06);--terminal-modal-bg-terminal: #080510;--terminal-modal-border-light: rgba(139, 92, 246, .08)}}@media (prefers-reduced-motion: reduce){.terminal-input button,.terminal-input input{transition:none}.terminal-input button:hover:not(:disabled){transform:none}.terminal-output .line:last-child{animation:none;border-bottom:2px solid var(--terminal-modal-primary)}}:root{--register-onu-modal-primary: #8b5cf6;--register-onu-modal-primary-light: #a78bfa;--register-onu-modal-primary-dark: #7c3aed;--register-onu-modal-secondary: #6366f1;--register-onu-modal-accent: #ec4899;--register-onu-modal-success: #10b981;--register-onu-modal-warning: #f59e0b;--register-onu-modal-error: #ef4444;--register-onu-modal-info: #06b6d4;--register-onu-modal-bg: #0f0a1a;--register-onu-modal-bg-primary: #0f0a1a;--register-onu-modal-bg-secondary: rgba(139, 92, 246, .05);--register-onu-modal-bg-card: rgba(139, 92, 246, .08);--register-onu-modal-bg-hover: rgba(139, 92, 246, .12);--register-onu-modal-border: rgba(139, 92, 246, .2);--register-onu-modal-border-light: rgba(139, 92, 246, .1);--register-onu-modal-shadow: 0 4px 20px rgba(139, 92, 246, .15);--register-onu-modal-shadow-lg: 0 8px 30px rgba(139, 92, 246, .25);--register-onu-modal-glow: 0 0 20px rgba(139, 92, 246, .3);--register-onu-modal-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--register-onu-modal-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%);--register-onu-modal-text-primary: #e2e8f0;--register-onu-modal-text-secondary: #94a3b8;--register-onu-modal-text-muted: #64748b;--register-onu-modal-radius: 8px;--register-onu-modal-radius-sm: 4px;--register-onu-modal-radius-lg: 12px;--register-onu-modal-transition: all .3s ease}.register-onu-modal-container{display:grid;gap:1rem;color:var(--register-onu-modal-text-primary)}.register-onu-modal-description{color:var(--register-onu-modal-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.register-onu-modal-form-group{display:grid;gap:.5rem}.register-onu-modal-label{font-weight:600;color:var(--register-onu-modal-text-primary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.register-onu-modal-input{width:100%;padding:.75rem;border:1px solid var(--register-onu-modal-border);border-radius:var(--register-onu-modal-radius);background:var(--register-onu-modal-bg-primary);color:var(--register-onu-modal-text-primary);font-size:.875rem;transition:var(--register-onu-modal-transition);font-family:inherit}.register-onu-modal-input:focus{outline:none;border-color:var(--register-onu-modal-primary);box-shadow:0 0 0 3px #8b5cf61a}.register-onu-modal-input::placeholder{color:var(--register-onu-modal-text-muted)}.register-onu-modal-input:disabled{background:var(--register-onu-modal-bg-secondary);color:var(--register-onu-modal-text-muted);cursor:not-allowed}.register-onu-modal-error{color:var(--register-onu-modal-error);font-weight:600;font-size:.875rem;padding:.5rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--register-onu-modal-radius-sm);margin:.5rem 0}.register-onu-modal-success{color:var(--register-onu-modal-success);font-weight:600;font-size:.875rem;padding:.5rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:var(--register-onu-modal-radius-sm);margin:.5rem 0}.register-onu-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.register-onu-modal-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:var(--register-onu-modal-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--register-onu-modal-transition);text-decoration:none;box-shadow:var(--register-onu-modal-shadow)}.register-onu-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.register-onu-modal-btn-cancel{background:var(--register-onu-modal-bg-secondary);color:var(--register-onu-modal-text-secondary);border:1px solid var(--register-onu-modal-border)}.register-onu-modal-btn-cancel:hover:not(:disabled){background:var(--register-onu-modal-bg-hover);transform:translateY(-1px);box-shadow:var(--register-onu-modal-shadow-lg)}.register-onu-modal-btn-submit{background:var(--register-onu-modal-gradient);color:#fff}.register-onu-modal-btn-submit:hover:not(:disabled){background:var(--register-onu-modal-primary-dark);transform:translateY(-1px);box-shadow:var(--register-onu-modal-shadow-lg)}.register-onu-modal-loading{display:flex;align-items:center;gap:.5rem;color:var(--register-onu-modal-text-secondary)}.register-onu-modal-spinner{width:16px;height:16px;border:2px solid var(--register-onu-modal-border);border-top:2px solid var(--register-onu-modal-primary);border-radius:50%;animation:register-onu-modal-spin 1s linear infinite}@keyframes register-onu-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.register-onu-modal-actions{flex-direction:column}.register-onu-modal-btn{justify-content:center}}@media (max-width: 480px){.register-onu-modal-container{gap:.75rem}.register-onu-modal-input{padding:.6rem;font-size:.8rem}.register-onu-modal-btn{padding:.6rem 1rem;font-size:.8rem}}@media (prefers-color-scheme: dark){:root{--register-onu-modal-bg: #0a0614;--register-onu-modal-bg-card: rgba(139, 92, 246, .06);--register-onu-modal-border-light: rgba(139, 92, 246, .08)}}@media (prefers-reduced-motion: reduce){.register-onu-modal-btn,.register-onu-modal-input{transition:none}.register-onu-modal-btn:hover:not(:disabled){transform:none}.register-onu-modal-spinner{animation:none}}:root{--onu-detail-modal-primary: #8b5cf6;--onu-detail-modal-primary-light: #a78bfa;--onu-detail-modal-primary-dark: #7c3aed;--onu-detail-modal-secondary: #6366f1;--onu-detail-modal-accent: #ec4899;--onu-detail-modal-success: #10b981;--onu-detail-modal-warning: #f59e0b;--onu-detail-modal-error: #ef4444;--onu-detail-modal-info: #06b6d4;--onu-detail-modal-bg: #0f0a1a;--onu-detail-modal-bg-primary: #0f0a1a;--onu-detail-modal-bg-secondary: rgba(139, 92, 246, .05);--onu-detail-modal-bg-card: rgba(139, 92, 246, .08);--onu-detail-modal-bg-hover: rgba(139, 92, 246, .12);--onu-detail-modal-border: rgba(139, 92, 246, .2);--onu-detail-modal-border-light: rgba(139, 92, 246, .1);--onu-detail-modal-shadow: 0 4px 20px rgba(139, 92, 246, .15);--onu-detail-modal-shadow-lg: 0 8px 30px rgba(139, 92, 246, .25);--onu-detail-modal-glow: 0 0 20px rgba(139, 92, 246, .3);--onu-detail-modal-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--onu-detail-modal-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%);--onu-detail-modal-text-primary: #e2e8f0;--onu-detail-modal-text-secondary: #94a3b8;--onu-detail-modal-text-muted: #64748b;--onu-detail-modal-radius: 8px;--onu-detail-modal-radius-sm: 4px;--onu-detail-modal-radius-lg: 12px;--onu-detail-modal-transition: all .3s ease}.onu-detail-modal-container{display:grid;gap:1rem;color:var(--onu-detail-modal-text-primary)}.onu-detail-loading{color:var(--onu-detail-modal-text-secondary);text-align:center;padding:2rem 0;font-size:.9rem}.onu-detail-section{background:var(--onu-detail-modal-bg-card);border:1px solid var(--onu-detail-modal-border-light);border-radius:var(--onu-detail-modal-radius-lg);padding:1.5rem;position:relative;overflow:hidden}.onu-detail-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--onu-detail-modal-gradient);border-radius:var(--onu-detail-modal-radius-lg) var(--onu-detail-modal-radius-lg) 0 0}.onu-detail-section-title{font-weight:700;color:var(--onu-detail-modal-text-primary);margin-bottom:1rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.onu-detail-table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:auto;background:var(--onu-detail-modal-bg-primary);border-radius:var(--onu-detail-modal-radius);overflow:hidden;box-shadow:var(--onu-detail-modal-shadow)}.onu-detail-table thead{background:var(--onu-detail-modal-bg-secondary)}.onu-detail-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:var(--onu-detail-modal-text-primary);border-bottom:2px solid var(--onu-detail-modal-border);font-size:.9rem}.onu-detail-table td{padding:.875rem 1.25rem;color:var(--onu-detail-modal-text-primary);border-bottom:1px solid var(--onu-detail-modal-border-light);vertical-align:top;font-size:.875rem;line-height:1.5}.onu-detail-table tbody tr:nth-child(2n){background:var(--onu-detail-modal-bg-secondary)}.onu-detail-table tbody tr:hover{background:var(--onu-detail-modal-bg-hover)}.onu-detail-table td.mono{font-family:Courier New,monospace;font-size:.8rem;background:rgba(139,92,246,.05);border-radius:var(--onu-detail-modal-radius-sm);padding:.25rem .5rem;margin:.125rem 0;display:inline-block}.onu-detail-table td:first-child{width:42%;font-weight:600;color:var(--onu-detail-modal-text-secondary);background:rgba(139,92,246,.03)}.onu-detail-table td:last-child{word-break:break-word;white-space:normal;width:58%}.onu-detail-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--onu-detail-modal-border-light)}.onu-detail-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:var(--onu-detail-modal-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--onu-detail-modal-transition);text-decoration:none;box-shadow:var(--onu-detail-modal-shadow)}.onu-detail-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.onu-detail-btn-cancel{background:var(--onu-detail-modal-bg-secondary);color:var(--onu-detail-modal-text-secondary);border:1px solid var(--onu-detail-modal-border)}.onu-detail-btn-cancel:hover:not(:disabled){background:var(--onu-detail-modal-bg-hover);transform:translateY(-1px);box-shadow:var(--onu-detail-modal-shadow-lg)}.onu-detail-btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.onu-detail-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:var(--onu-detail-modal-shadow-lg)}.onu-detail-loading-spinner{width:24px;height:24px;border:3px solid var(--onu-detail-modal-border);border-top:3px solid var(--onu-detail-modal-primary);border-radius:50%;animation:onu-detail-modal-spin 1s linear infinite;margin:0 auto 1rem}@keyframes onu-detail-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.onu-detail-modal-container{gap:.75rem}.onu-detail-section{padding:1rem}.onu-detail-section-title{font-size:1rem;margin-bottom:.75rem}.onu-detail-table th,.onu-detail-table td{padding:.75rem 1rem;font-size:.8rem}.onu-detail-table td:first-child{width:40%}.onu-detail-table td:last-child{width:60%}.onu-detail-actions{flex-direction:column;gap:.5rem}.onu-detail-btn{justify-content:center}}@media (max-width: 480px){.onu-detail-section{padding:.75rem}.onu-detail-table{font-size:.75rem}.onu-detail-table th,.onu-detail-table td{padding:.5rem .75rem;font-size:.75rem}.onu-detail-table td:first-child{width:35%}.onu-detail-table td:last-child{width:65%}.onu-detail-btn{padding:.6rem 1rem;font-size:.8rem}}@media (prefers-color-scheme: dark){:root{--onu-detail-modal-bg: #0a0614;--onu-detail-modal-bg-card: rgba(139, 92, 246, .06);--onu-detail-modal-border-light: rgba(139, 92, 246, .08)}}@media (prefers-reduced-motion: reduce){.onu-detail-btn,.onu-detail-section{transition:none}.onu-detail-btn:hover:not(:disabled){transform:none}.onu-detail-loading-spinner{animation:none}}:root{--onu-config-modal-primary: #8b5cf6;--onu-config-modal-primary-light: #a78bfa;--onu-config-modal-primary-dark: #7c3aed;--onu-config-modal-secondary: #6366f1;--onu-config-modal-accent: #ec4899;--onu-config-modal-success: #10b981;--onu-config-modal-warning: #f59e0b;--onu-config-modal-error: #ef4444;--onu-config-modal-info: #06b6d4;--onu-config-modal-bg: #0f0a1a;--onu-config-modal-bg-primary: #0f0a1a;--onu-config-modal-bg-secondary: rgba(139, 92, 246, .05);--onu-config-modal-bg-card: rgba(139, 92, 246, .08);--onu-config-modal-bg-hover: rgba(139, 92, 246, .12);--onu-config-modal-border: rgba(139, 92, 246, .2);--onu-config-modal-border-light: rgba(139, 92, 246, .1);--onu-config-modal-shadow: 0 4px 20px rgba(139, 92, 246, .15);--onu-config-modal-shadow-lg: 0 8px 30px rgba(139, 92, 246, .25);--onu-config-modal-glow: 0 0 20px rgba(139, 92, 246, .3);--onu-config-modal-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--onu-config-modal-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%);--onu-config-modal-text-primary: #e2e8f0;--onu-config-modal-text-secondary: #94a3b8;--onu-config-modal-text-muted: #64748b;--onu-config-modal-radius: 8px;--onu-config-modal-radius-sm: 4px;--onu-config-modal-radius-lg: 12px;--onu-config-modal-transition: all .3s ease}.onu-config-modal-container{display:grid;gap:1.5rem;color:var(--onu-config-modal-text-primary)}.onu-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.onu-config-section{display:grid;gap:.5rem}.onu-config-label{font-weight:600;color:var(--onu-config-modal-text-primary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.onu-config-subtitle{font-weight:700;color:var(--onu-config-modal-text-primary);margin-bottom:.75rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.onu-config-input{width:100%;padding:.75rem;border:1px solid var(--onu-config-modal-border);border-radius:var(--onu-config-modal-radius);background:var(--onu-config-modal-bg-primary);color:var(--onu-config-modal-text-primary);font-size:.875rem;transition:var(--onu-config-modal-transition);font-family:inherit}.onu-config-input:focus{outline:none;border-color:var(--onu-config-modal-primary);box-shadow:0 0 0 3px #8b5cf61a}.onu-config-input::placeholder{color:var(--onu-config-modal-text-muted)}.onu-config-input:disabled{background:var(--onu-config-modal-bg-secondary);color:var(--onu-config-modal-text-muted);cursor:not-allowed}.onu-config-select{width:100%;padding:.75rem;border:1px solid var(--onu-config-modal-border);border-radius:var(--onu-config-modal-radius);background:var(--onu-config-modal-bg-primary);color:var(--onu-config-modal-text-primary);font-size:.875rem;transition:var(--onu-config-modal-transition);font-family:inherit;cursor:pointer}.onu-config-select:focus{outline:none;border-color:var(--onu-config-modal-primary);box-shadow:0 0 0 3px #8b5cf61a}.onu-config-select:disabled{background:var(--onu-config-modal-bg-secondary);color:var(--onu-config-modal-text-muted);cursor:not-allowed}.onu-config-table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--onu-config-modal-bg-primary);border-radius:var(--onu-config-modal-radius);overflow:hidden;box-shadow:var(--onu-config-modal-shadow)}.onu-config-table thead{background:var(--onu-config-modal-bg-secondary)}.onu-config-table th,.onu-config-table td{padding:.75rem 1rem;border-bottom:1px solid var(--onu-config-modal-border-light);color:var(--onu-config-modal-text-primary);text-align:left}.onu-config-table th{font-weight:600;border-bottom:2px solid var(--onu-config-modal-border)}.onu-config-table tbody tr:nth-child(2n){background:var(--onu-config-modal-bg-secondary)}.onu-config-table tbody tr:hover{background:var(--onu-config-modal-bg-hover)}.onu-config-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--onu-config-modal-border-light)}.onu-config-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:var(--onu-config-modal-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--onu-config-modal-transition);text-decoration:none;box-shadow:var(--onu-config-modal-shadow)}.onu-config-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.onu-config-btn-cancel{background:var(--onu-config-modal-bg-secondary);color:var(--onu-config-modal-text-secondary);border:1px solid var(--onu-config-modal-border)}.onu-config-btn-cancel:hover:not(:disabled){background:var(--onu-config-modal-bg-hover);transform:translateY(-1px);box-shadow:var(--onu-config-modal-shadow-lg)}.onu-config-btn-submit{background:var(--onu-config-modal-gradient);color:#fff}.onu-config-btn-submit:hover:not(:disabled){background:var(--onu-config-modal-primary-dark);transform:translateY(-1px);box-shadow:var(--onu-config-modal-shadow-lg)}.onu-config-loading{display:flex;align-items:center;gap:.5rem;color:var(--onu-config-modal-text-secondary)}.onu-config-spinner{width:16px;height:16px;border:2px solid var(--onu-config-modal-border);border-top:2px solid var(--onu-config-modal-primary);border-radius:50%;animation:onu-config-modal-spin 1s linear infinite}@keyframes onu-config-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.onu-config-modal-container{gap:1rem}.onu-config-grid{grid-template-columns:1fr;gap:.75rem}.onu-config-actions{flex-direction:column;gap:.5rem}.onu-config-btn{justify-content:center}}@media (max-width: 480px){.onu-config-section{gap:.4rem}.onu-config-input,.onu-config-select{padding:.6rem;font-size:.8rem}.onu-config-btn{padding:.6rem 1rem;font-size:.8rem}.onu-config-table th,.onu-config-table td{padding:.5rem .75rem;font-size:.8rem}}@media (prefers-color-scheme: dark){:root{--onu-config-modal-bg: #0a0614;--onu-config-modal-bg-card: rgba(139, 92, 246, .06);--onu-config-modal-border-light: rgba(139, 92, 246, .08)}}@media (prefers-reduced-motion: reduce){.onu-config-btn,.onu-config-input,.onu-config-select{transition:none}.onu-config-btn:hover:not(:disabled){transform:none}.onu-config-spinner{animation:none}}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #64748b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-sidebar: #1e293b;--bg-card: #ffffff;--bg-input: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-light: #ffffff;--border-color: #e2e8f0;--border-hover: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}.live-chat-container{display:flex;flex-direction:column;height:calc(100vh - 80px);background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}@media (max-width: 768px){.live-chat-container{height:calc(100vh - 60px);border-radius:0}}@media (max-width: 480px){.live-chat-container{height:calc(100vh - 50px)}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.chat-header-left h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.chat-header-left h2:before{content:"";width:.5rem;height:1.5rem;background:var(--primary-color);border-radius:var(--radius-sm)}.chat-header-left p{color:var(--text-secondary);font-size:.875rem;margin:0}.chat-header-right{display:flex;align-items:center;gap:1rem}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.connection-indicator{width:.5rem;height:.5rem;border-radius:50%;animation:pulse 2s infinite}.connection-indicator.connected{background:var(--success-color)}.connection-indicator.disconnected{background:var(--error-color)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.connection-text{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.status-badge{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.status-connected{background:var(--success-color);color:var(--text-light)}.status-badge.status-connecting{background:var(--warning-color);color:var(--text-light)}.status-badge.status-disconnected{background:var(--error-color);color:var(--text-light)}.lc-ai-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .875rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;letter-spacing:.02em;border:1px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.lc-ai-status-badge.lc-ai-enabled{background:var(--success-color);color:var(--text-light);border-color:#10b98140}.lc-ai-status-badge.lc-ai-enabled:hover:not(:disabled){transform:translateY(-1px);background:#059669}.lc-ai-status-badge.lc-ai-disabled{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.lc-ai-status-badge.lc-ai-disabled:hover:not(:disabled){transform:translateY(-1px);background:#e2e8f0}.lc-ai-status-badge:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.lc-ai-status-badge.lc-ai-disabled{background:var(--bg-input);color:var(--text-secondary);border-color:var(--border-color)}.lc-ai-status-badge.lc-ai-disabled:hover:not(:disabled){background:var(--bg-tertiary)}}.lc-btn-back{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem .6rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;margin-left:.75rem}.lc-btn-back:hover{background:var(--border-hover);color:var(--text-primary)}.lc-btn-back svg{width:1rem;height:1rem}@media (max-width: 480px){.lc-btn-back{display:none}}.chat-content{display:flex;flex:1;overflow:hidden}.contacts-sidebar{width:320px;background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-height:0}.contacts-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.contacts-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.btn-refresh-contacts{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-refresh-contacts:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.btn-refresh-contacts:disabled{opacity:.5;cursor:not-allowed}.btn-refresh-contacts svg{width:1.25rem;height:1.25rem}.contacts-list{flex:1;overflow-y:auto;padding:.5rem;scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}.contacts-list::-webkit-scrollbar{width:4px}.contacts-list::-webkit-scrollbar-track{background:transparent}.contacts-list::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.contacts-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.contacts-grid{display:flex;flex-direction:column;gap:.375rem;padding:.25rem}.contact-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.contact-card:hover{background:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.contact-card.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-light);box-shadow:var(--shadow-md)}.contact-card.active .contact-name,.contact-card.active .contact-phone,.contact-card.active .contact-last-interaction{color:var(--text-light)}.contact-card.active .contact-avatar-small{background:rgba(255,255,255,.2)}.contact-card.active .contact-avatar-small svg{color:var(--text-light)}.contact-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.contact-avatar-small{width:2rem;height:2rem;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.contact-avatar-small svg{width:1rem;height:1rem;color:var(--text-secondary)}.unread-badge-small{position:absolute;top:-.125rem;right:-.125rem;background:var(--error-color);color:var(--text-light);border-radius:50%;min-width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;padding:.125rem;border:1.5px solid var(--bg-primary);box-shadow:var(--shadow-sm);animation:badge-pulse 1s ease-in-out infinite alternate}.contact-card.active .unread-badge-small{border-color:var(--primary-color)}.contact-card-info{flex:1;min-width:0}.contact-name{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-phone{color:var(--text-secondary);font-size:.75rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-delete-chat-card{background:var(--error-color);border:none;border-radius:var(--radius-sm);padding:.25rem;color:var(--text-light);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;width:1.5rem;height:1.5rem}.contact-card:hover .btn-delete-chat-card{opacity:1}.btn-delete-chat-card:hover:not(:disabled){background:#dc2626;transform:scale(1.1)}.btn-delete-chat-card:disabled{opacity:.5;cursor:not-allowed}.btn-delete-chat-card svg{width:.875rem;height:.875rem}.contact-card-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.contact-last-interaction{color:var(--text-muted);font-size:.625rem;flex:1}.unread-indicator{background:var(--error-color);color:var(--text-light);font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:var(--radius-sm);white-space:nowrap}.contact-card.active .contact-last-interaction{color:#fffc}.contact-card.active .unread-indicator{background:rgba(255,255,255,.2);color:var(--text-light)}@media (max-width: 768px){.contacts-grid{gap:.25rem;padding:.125rem}.contact-card{padding:.5rem}.contact-card-header{gap:.375rem;margin-bottom:.375rem}.contact-avatar-small{width:1.75rem;height:1.75rem}.contact-avatar-small svg{width:.875rem;height:.875rem}.contact-name{font-size:.8125rem}.contact-phone{font-size:.6875rem}.btn-delete-chat-card{width:1.25rem;height:1.25rem;padding:.125rem;opacity:1}.btn-delete-chat-card svg{width:.75rem;height:.75rem}.contact-last-interaction{font-size:.5625rem}.unread-indicator{font-size:.5625rem;padding:.125rem .25rem}}@media (max-width: 480px){.contacts-grid{gap:.125rem;padding:.125rem}.contact-card{padding:.375rem}.contact-card-header{gap:.25rem;margin-bottom:.25rem}.contact-avatar-small{width:1.5rem;height:1.5rem}.contact-avatar-small svg{width:.75rem;height:.75rem}.contact-name{font-size:.75rem}.contact-phone{font-size:.625rem}.btn-delete-chat-card{width:1.125rem;height:1.125rem;padding:.125rem}.btn-delete-chat-card svg{width:.625rem;height:.625rem}.contact-last-interaction{font-size:.5rem}.unread-indicator{font-size:.5rem;padding:.125rem .25rem}.unread-badge-small{min-width:.875rem;height:.875rem;font-size:.4375rem}}@media (prefers-color-scheme: dark){.contact-card{background:var(--bg-primary);border-color:var(--border-color)}.contact-card:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.contact-card.active{background:var(--primary-color);border-color:var(--primary-color)}.contact-avatar-small{background:var(--bg-tertiary)}.contact-avatar-small svg{color:var(--text-secondary)}.contact-card.active .contact-avatar-small{background:rgba(255,255,255,.2)}.contact-card.active .contact-avatar-small svg{color:var(--text-light)}.btn-delete-chat-card{background:var(--error-color);color:var(--text-light)}.btn-delete-chat-card:hover:not(:disabled){background:#dc2626}.unread-badge-small{border-color:var(--bg-primary)}.contact-card.active .unread-badge-small{border-color:var(--primary-color)}}@media (prefers-reduced-motion: reduce){.contact-card{transition:none}.contact-card:hover{transform:none}.btn-delete-chat-card{transition:none}.btn-delete-chat-card:hover:not(:disabled){transform:none}.unread-badge-small{animation:none}}.contacts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary)}.loading-spinner{width:2rem;height:2rem;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-contacts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.empty-contacts svg{width:3rem;height:3rem;margin-bottom:1rem;opacity:.5}.empty-contacts h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-contacts p{font-size:.875rem;margin:0}@keyframes badge-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);min-height:0}.chat-header-contact{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}@media (max-width: 768px){.chat-header-contact{gap:.375rem;padding:.75rem 1rem}.chat-header-contact .contact-avatar{margin-left:2.5rem}}@media (max-width: 480px){.chat-header-contact{gap:.25rem;padding:.5rem .75rem}.chat-header-contact .contact-avatar{margin-left:2.25rem}}@media (max-width: 360px){.chat-header-contact{gap:.125rem;padding:.375rem .5rem}}.chat-header-contact .contact-avatar{width:2.5rem;height:2.5rem;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;aspect-ratio:1;min-width:2.5rem;min-height:2.5rem}.chat-header-contact .contact-avatar svg{width:1.25rem;height:1.25rem;color:var(--text-light)}.chat-header-contact .contact-info{flex:1;min-width:0;overflow:hidden}.chat-header-contact .contact-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-contact .contact-info p{color:var(--text-secondary);font-size:.875rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.chat-header-contact .contact-avatar{width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem}.chat-header-contact .contact-avatar svg{width:1.375rem;height:1.375rem}.chat-header-contact .contact-info h4{font-size:.9375rem}.chat-header-contact .contact-info p{font-size:.8125rem}}@media (max-width: 480px){.chat-header-contact .contact-avatar{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem}.chat-header-contact .contact-avatar svg{width:1.25rem;height:1.25rem}.chat-header-contact .contact-info h4{font-size:.875rem}.chat-header-contact .contact-info p{font-size:.75rem}}@media (max-width: 360px){.chat-header-contact .contact-avatar{width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem}.chat-header-contact .contact-avatar svg{width:1.125rem;height:1.125rem}.chat-header-contact .contact-info h4{font-size:.8125rem}.chat-header-contact .contact-info p{font-size:.6875rem}}.chat-messages{flex:1;overflow-y:auto;padding:1rem;background:var(--bg-secondary);scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.empty-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary)}.empty-messages svg{width:3rem;height:3rem;margin-bottom:1rem;opacity:.5}.empty-messages h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-messages p{font-size:.875rem;margin:0}.message-item{margin-bottom:1rem;display:flex;animation:message-slide-in .3s ease-out}@keyframes message-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item.incoming{justify-content:flex-start}.message-item.outgoing{justify-content:flex-end}.message-content{max-width:70%;padding:.75rem 1rem;border-radius:var(--radius-lg);position:relative;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;overflow:hidden}.message-text{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.message-text{overflow-wrap:anywhere;word-break:break-all;-webkit-hyphens:auto;hyphens:auto}.message-content:has(.message-text:only-child){max-width:85%}.message-text:only-child{margin-bottom:0}.message-text{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.message-item.incoming .message-content{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.message-item.outgoing .message-content{background:var(--primary-color);color:var(--text-light)}.quoted-message{background:rgba(0,0,0,.05);border-left:3px solid var(--primary-color);border-radius:var(--radius-sm);padding:.5rem;margin-bottom:.5rem;font-size:.875rem;max-width:100%}.message-item.incoming .quoted-message{background:rgba(37,99,235,.1);border-left-color:var(--primary-color)}.message-item.outgoing .quoted-message{background:rgba(16,185,129,.1);border-left-color:var(--success-color)}.quoted-message-content{display:flex;flex-direction:column;gap:.25rem}.quoted-message-sender{font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.message-item.incoming .quoted-message-sender{color:var(--primary-color)}.message-item.outgoing .quoted-message-sender{color:var(--success-color)}.quoted-message-text{color:var(--text-primary);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}@media (prefers-color-scheme: dark){.quoted-message{background:rgba(255,255,255,.1)}.message-item.incoming .quoted-message{background:rgba(37,99,235,.2)}.message-item.outgoing .quoted-message{background:rgba(16,185,129,.2)}.quoted-message-text{color:var(--text-light)}}@media (max-width: 768px){.quoted-message{padding:.375rem;font-size:.8125rem}.quoted-message-sender{font-size:.6875rem}}@media (max-width: 480px){.quoted-message{padding:.25rem;font-size:.75rem}.quoted-message-sender{font-size:.625rem}}.message-text{margin:0 0 .5rem;font-size:.875rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;max-width:100%;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:var(--text-primary)}.message-text-container{display:flex;flex-direction:column;gap:.25rem}.ai-response-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--success-color);background:rgba(16,185,129,.1);padding:.125rem .375rem;border-radius:var(--radius-sm);border:1px solid rgba(16,185,129,.2);margin-top:.25rem;align-self:flex-start}.ai-response-badge svg{width:.875rem;height:.875rem;stroke:var(--success-color)}.message-item.outgoing .ai-response-badge{align-self:flex-end;background:rgba(16,185,129,.15);border-color:#10b9814d}.message-text{overflow-wrap:anywhere;word-break:break-all}.message-time{font-size:.625rem;opacity:.7;display:block;margin-top:.25rem}.message-media{margin-bottom:.5rem}.message-image{max-width:100%;max-height:200px;border-radius:var(--radius-md);object-fit:cover}.message-video{max-width:100%;max-height:200px;border-radius:var(--radius-md)}.message-audio{width:100%;max-width:300px}.message-sticker{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;background:rgba(0,0,0,.05);border-radius:var(--radius-md);border:1px solid var(--border-color)}.message-sticker-image{max-width:120px;max-height:120px;border-radius:var(--radius-sm);object-fit:contain}.sticker-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.message-document{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(0,0,0,.05);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s ease}.message-document:hover{background:rgba(0,0,0,.1);border-color:var(--border-hover)}.document-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0}.document-icon svg{width:1.25rem;height:1.25rem;color:var(--text-secondary)}.document-info{flex:1;min-width:0}.document-name{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.document-type{display:block;font-size:.75rem;color:var(--text-secondary)}.document-download{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--primary-color);border-radius:var(--radius-sm);color:var(--text-light);text-decoration:none;transition:all .2s ease;flex-shrink:0}.document-download:hover{background:var(--primary-hover);transform:scale(1.05)}.document-download svg{width:1rem;height:1rem}.message-unknown-media{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(0,0,0,.05);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s ease}.message-unknown-media:hover{background:rgba(0,0,0,.1);border-color:var(--border-hover)}.unknown-media-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0}.unknown-media-icon svg{width:1.25rem;height:1.25rem;color:var(--text-secondary)}.unknown-media-info{flex:1;min-width:0}.unknown-media-name{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.unknown-media-type{display:block;font-size:.75rem;color:var(--text-secondary)}.unknown-media-download{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--primary-color);border-radius:var(--radius-sm);color:var(--text-light);text-decoration:none;transition:all .2s ease;flex-shrink:0}.unknown-media-download:hover{background:var(--primary-hover);transform:scale(1.05)}.unknown-media-download svg{width:1rem;height:1rem}.chat-input-form{padding:1rem;border-top:1px solid var(--border-color);background:var(--bg-primary)}.media-preview{margin-bottom:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.media-preview-content{display:flex;align-items:center;gap:.75rem}.media-preview-image{width:3rem;height:3rem;object-fit:cover;border-radius:var(--radius-sm)}.media-preview-info{flex:1;min-width:0}.media-preview-name{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-preview-size{display:block;font-size:.75rem;color:var(--text-secondary)}.media-preview-remove{background:var(--error-color);border:none;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-light);cursor:pointer;transition:all .2s ease}.media-preview-remove:hover{background:#dc2626}.media-preview-remove svg{width:.875rem;height:.875rem}.chat-input-container{display:flex;align-items:flex-end;gap:.75rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.5rem;min-height:2.5rem;transition:all .2s ease}.chat-input-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.chat-input-container:hover{border-color:var(--border-hover)}.btn-attach-media{background:none;border:none;padding:.5rem;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-attach-media:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-attach-media:disabled{opacity:.5;cursor:not-allowed}.btn-attach-media svg{width:1.25rem;height:1.25rem}.chat-input{flex:1;border:none;background:none;outline:none;font-size:.875rem;color:var(--text-primary);padding:.5rem 0;resize:none;min-height:1.5rem;max-height:6rem;line-height:1.4;font-family:inherit;overflow-y:auto;border-radius:0;box-shadow:none;transition:all .2s ease}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-input:focus{outline:none;box-shadow:none}.chat-input:hover{background:none}.chat-input::-webkit-scrollbar{width:4px}.chat-input::-webkit-scrollbar-track{background:transparent}.chat-input::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.chat-input::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.chat-input{scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}.btn-send-message{background:var(--primary-color);border:none;border-radius:var(--radius-md);padding:.5rem;color:var(--text-light);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;flex-shrink:0}.btn-send-message:hover:not(:disabled){background:var(--primary-hover)}.btn-send-message:disabled{opacity:.5;cursor:not-allowed}.btn-send-message svg{width:1.25rem;height:1.25rem}.typing-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--text-light);border-radius:50%;animation:spin 1s linear infinite}.no-contact-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary);padding:2rem}.no-contact-selected svg{width:4rem;height:4rem;margin-bottom:1.5rem;opacity:.5}.no-contact-selected h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.no-contact-selected p{font-size:.875rem;margin:0}@media (max-width: 1024px){.contacts-sidebar{width:280px}.message-content{max-width:80%}.message-content:has(.message-text:only-child){max-width:90%}}@media (max-width: 768px){.live-chat-container{height:calc(100vh - 60px)}.chat-header{padding:1rem}.chat-header-left h2{font-size:1.25rem}.connection-status{padding:.375rem .5rem}.connection-text{font-size:.6875rem}.chat-content{flex-direction:row;position:relative;min-height:0}.contacts-sidebar{width:45%;position:relative;transform:none;z-index:1;border-right:1px solid var(--border-color);min-height:0}.chat-main{width:55%;position:relative;z-index:1;min-height:0}.message-content{max-width:85%}.message-content:has(.message-text:only-child){max-width:90%}.message-text{font-size:.8125rem;line-height:1.4}.message-sticker-image{max-width:120px;max-height:120px}.message-document,.message-unknown-media{padding:.5rem}.document-icon,.unknown-media-icon{width:2rem;height:2rem}.document-icon svg,.unknown-media-icon svg{width:1.25rem;height:1.25rem}.document-download,.unknown-media-download{width:1.75rem;height:1.75rem}.document-download svg,.unknown-media-download svg{width:1rem;height:1rem}.chat-input-container{padding:.5rem}.btn-attach-media,.btn-send-message{width:2.5rem;height:2.5rem}.btn-attach-media svg,.btn-send-message svg{width:1.125rem;height:1.125rem}.chat-input{font-size:.875rem;min-height:2.5rem}}@media (max-width: 480px){.chat-header{padding:.75rem}.chat-header-left h2{font-size:1.125rem}.chat-header-left p{font-size:.75rem}.connection-status{padding:.25rem .375rem}.connection-text{font-size:.625rem}.chat-content{position:relative;min-height:0;overflow:hidden}.contacts-sidebar{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;background:var(--bg-primary);border-right:none;border-bottom:none;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.chat-main{width:100%;height:100%;position:absolute;top:0;left:0;z-index:5;background:var(--bg-primary);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.chat-content.chat-active .contacts-sidebar{transform:translate(-100%);pointer-events:none}.chat-content.chat-active .chat-main{transform:translate(0)}.chat-content.chat-active .chat-main{z-index:15}.chat-header-contact{position:relative}.btn-back-to-contacts{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);padding:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;align-items:center;justify-content:center;z-index:15;display:none;opacity:0;visibility:hidden;width:2.5rem;height:2.5rem}.btn-back-to-contacts:hover{background:var(--border-hover);color:var(--text-primary)}.btn-back-to-contacts svg{width:1.5rem;height:1.5rem}.btn-back-to-contacts{display:flex!important;opacity:1;visibility:visible}.chat-header-contact .contact-info{margin-left:1rem}.chat-header-contact{padding-left:4rem}.chat-header-contact .contact-avatar{margin-left:3rem}.chat-content:not(.chat-active) .chat-main{pointer-events:none}.chat-content{overflow:hidden}.contacts-header,.chat-header-contact{padding:.75rem 1rem}.chat-messages,.chat-input-form{padding:.75rem}.message-content{max-width:90%;padding:.5rem .75rem}.message-content:has(.message-text:only-child){max-width:98%}.message-text{font-size:.75rem;line-height:1.3}.message-sticker-image{max-width:80px;max-height:80px}.message-document,.message-unknown-media{padding:.375rem}.document-icon,.unknown-media-icon{width:1.75rem;height:1.75rem}.document-icon svg,.unknown-media-icon svg{width:.875rem;height:.875rem}.document-download,.unknown-media-download{width:1.5rem;height:1.5rem}.document-download svg,.unknown-media-download svg{width:.75rem;height:.75rem}.chat-input{font-size:.75rem;max-height:4rem}.btn-attach-media,.btn-send-message{min-width:2rem;height:2rem;padding:.25rem}.btn-attach-media svg,.btn-send-message svg{width:1rem;height:1rem}}@media (max-width: 360px){.message-content{max-width:95%;padding:.375rem .5rem}.message-content:has(.message-text:only-child){max-width:100%}.message-text{font-size:.6875rem;line-height:1.2}.message-sticker-image{max-width:60px;max-height:60px}.message-document,.message-unknown-media{padding:.25rem}.document-icon,.unknown-media-icon{width:1.5rem;height:1.5rem}.document-icon svg,.unknown-media-icon svg{width:.75rem;height:.75rem}.document-download,.unknown-media-download{width:1.25rem;height:1.25rem}.document-download svg,.unknown-media-download svg{width:.625rem;height:.625rem}.chat-input{font-size:.6875rem;max-height:3.5rem}.chat-input-container{padding:.25rem;min-height:2rem}.btn-attach-media,.btn-send-message{min-width:1.75rem;height:1.75rem;padding:.25rem}.btn-attach-media svg,.btn-send-message svg{width:.875rem;height:.875rem}.chat-header-contact .contact-info{margin-left:.5rem}.chat-header-contact{padding-left:3rem}.chat-header-contact .contact-avatar{margin-left:2rem}}@media (prefers-color-scheme: dark){:root{--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-tertiary: #334155;--bg-sidebar: #0f172a;--bg-card: #1e293b;--bg-input: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-light: #ffffff;--border-color: #334155;--border-hover: #475569}.live-chat-container{background:var(--bg-secondary)}.chat-header{background:var(--bg-primary);border-bottom-color:var(--border-color)}.contacts-sidebar{background:var(--bg-primary);border-right-color:var(--border-color)}.contacts-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.chat-main{background:var(--bg-primary)}.chat-header-contact{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.chat-messages{background:var(--bg-secondary)}.chat-input-form{background:var(--bg-primary);border-top-color:var(--border-color)}.chat-input-container{background:var(--bg-input);border-color:var(--border-color)}.message-item.incoming .message-content{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.btn-refresh-contacts{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}.btn-refresh-contacts:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.btn-attach-media{color:var(--text-secondary)}.btn-attach-media:hover{background:var(--bg-tertiary);color:var(--text-primary)}.media-preview,.connection-status{background:var(--bg-tertiary);border-color:var(--border-color)}.message-sticker,.message-document,.message-unknown-media{background:rgba(255,255,255,.05);border-color:var(--border-color)}.message-document:hover,.message-unknown-media:hover{background:rgba(255,255,255,.1);border-color:var(--border-hover)}.document-icon,.unknown-media-icon{background:var(--bg-tertiary)}.document-icon svg,.unknown-media-icon svg{color:var(--text-secondary)}}@media (prefers-reduced-motion: reduce){.contact-item,.btn-refresh-contacts,.btn-attach-media,.btn-send-message,.media-preview-remove,.message-document,.message-unknown-media,.document-download,.unknown-media-download{transition:none}.message-document:hover,.message-unknown-media:hover,.document-download:hover,.unknown-media-download:hover{transform:none}.contacts-sidebar{transition:none}.loading-spinner,.typing-spinner,.unread-badge,.message-item{animation:none}}@media (prefers-contrast: high){.live-chat-container{border:2px solid var(--border-color)}.chat-header,.contacts-header,.chat-header-contact{border-bottom-width:2px}.contacts-sidebar{border-right-width:2px}.chat-input-form{border-top-width:2px}.message-content{border-width:2px}.btn-send-message{border:2px solid var(--primary-color)}.unread-badge-small,.message-sticker,.message-document,.message-unknown-media{border-width:2px}.document-download,.unknown-media-download{border:2px solid var(--primary-color)}}.btn-delete-all-chats,.btn-delete-chat,.btn-delete-chat-header{background:var(--error-color);border:none;border-radius:var(--radius-md);padding:.5rem;color:var(--text-light);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-delete-all-chats:hover:not(:disabled),.btn-delete-chat:hover:not(:disabled),.btn-delete-chat-header:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.btn-delete-all-chats:disabled,.btn-delete-chat:disabled,.btn-delete-chat-header:disabled{opacity:.5;cursor:not-allowed}.btn-delete-all-chats svg,.btn-delete-chat svg,.btn-delete-chat-header svg{width:1.25rem;height:1.25rem}.chat-header-contact .btn-delete-chat-header{margin-left:auto;width:2rem;height:2rem;padding:.375rem;flex-shrink:0}.chat-header-contact .btn-delete-chat-header svg{width:1.25rem;height:1.25rem}.chat-header .btn-delete-all-chats{width:2.5rem;height:2.5rem;padding:.5rem}.chat-header .btn-delete-all-chats svg{width:1.25rem;height:1.25rem}@media (max-width: 768px){.chat-header-contact .btn-delete-chat-header{width:1.75rem;height:1.75rem;padding:.25rem}.chat-header-contact .btn-delete-chat-header svg{width:1.125rem;height:1.125rem}.chat-header .btn-delete-all-chats{width:2rem;height:2rem;padding:.375rem}.chat-header .btn-delete-all-chats svg{width:1.125rem;height:1.125rem}.btn-back-to-contacts{width:2.25rem;height:2.25rem;padding:.375rem}.btn-back-to-contacts svg{width:1.375rem;height:1.375rem}}@media (max-width: 480px){.chat-header-contact .btn-delete-chat-header{width:1.5rem;height:1.5rem;padding:.25rem}.chat-header-contact .btn-delete-chat-header svg{width:1rem;height:1rem}.chat-header .btn-delete-all-chats{width:1.75rem;height:1.75rem;padding:.25rem}.chat-header .btn-delete-all-chats svg{width:1rem;height:1rem}.btn-back-to-contacts{width:2rem;height:2rem;padding:.375rem}.btn-back-to-contacts svg{width:1.25rem;height:1.25rem}}@media (prefers-color-scheme: dark){.btn-delete-all-chats,.btn-delete-chat,.btn-delete-chat-header{background:var(--error-color);color:var(--text-light)}.btn-delete-all-chats:hover:not(:disabled),.btn-delete-chat:hover:not(:disabled),.btn-delete-chat-header:hover:not(:disabled){background:#dc2626}.btn-back-to-contacts{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-back-to-contacts:hover{background:var(--border-hover);color:var(--text-primary)}}@media (prefers-reduced-motion: reduce){.btn-delete-all-chats,.btn-delete-chat,.btn-delete-chat-header,.btn-back-to-contacts{transition:none}.btn-delete-all-chats:hover:not(:disabled),.btn-delete-chat:hover:not(:disabled),.btn-delete-chat-header:hover:not(:disabled),.btn-back-to-contacts:hover{transform:none}.contacts-sidebar,.chat-main{transition:none}}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade-in .3s ease-out}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:modal-slide-in .3s ease-out}.image-modal-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.image-modal-close:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.image-modal-close svg{width:1.25rem;height:1.25rem}.image-modal-image{display:block;max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-lg)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-color-scheme: dark){.image-modal-content{background:var(--bg-sidebar)}.image-modal-close{background:rgba(255,255,255,.2)}.image-modal-close:hover{background:rgba(255,255,255,.3)}}@media (max-width: 768px){.image-modal-content{max-width:95vw;max-height:95vh}.image-modal-close{top:.75rem;right:.75rem;width:2rem;height:2rem}.image-modal-close svg{width:1rem;height:1rem}}@media (max-width: 480px){.image-modal-content{max-width:98vw;max-height:98vh}.image-modal-close{top:.5rem;right:.5rem;width:1.75rem;height:1.75rem}.image-modal-close svg{width:.875rem;height:.875rem}}:root{--voucher-primary: #8b5cf6;--voucher-primary-light: #a78bfa;--voucher-primary-dark: #7c3aed;--voucher-secondary: #6366f1;--voucher-accent: #ec4899;--voucher-success: #10b981;--voucher-warning: #f59e0b;--voucher-error: #ef4444;--voucher-bg: #0f0a1a;--voucher-bg-secondary: rgba(139, 92, 246, .05);--voucher-bg-card: rgba(139, 92, 246, .08);--voucher-bg-hover: rgba(139, 92, 246, .12);--voucher-text: #e2e8f0;--voucher-text-secondary: #94a3b8;--voucher-border: rgba(139, 92, 246, .2);--voucher-border-light: rgba(139, 92, 246, .1);--voucher-shadow: 0 4px 20px rgba(139, 92, 246, .15);--voucher-shadow-hover: 0 8px 30px rgba(139, 92, 246, .25);--voucher-glow: 0 0 20px rgba(139, 92, 246, .3);--voucher-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--voucher-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%)}.voucher-management{min-height:100vh;background:var(--voucher-bg);color:var(--voucher-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:0;margin:0;line-height:1.6;overflow-x:hidden}.voucher-management *{box-sizing:border-box}.voucher-management button,.voucher-management input,.voucher-management select,.voucher-management textarea{transition:none}.voucher-management button:focus,.voucher-management input:focus,.voucher-management select:focus,.voucher-management textarea:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}.voucher-header{background:var(--voucher-gradient-subtle);border:1px solid var(--voucher-border-light);border-radius:20px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:var(--voucher-shadow);position:relative;overflow:hidden}.voucher-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--voucher-gradient);border-radius:20px 20px 0 0}.voucher-header-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:2}.voucher-header-left{display:flex;align-items:center;gap:1.5rem;flex:1}.voucher-header-icon{width:70px;height:70px;background:var(--voucher-gradient);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--voucher-glow);flex-shrink:0}.voucher-header-icon svg{color:#fff;stroke-width:2.5;width:28px;height:28px}.voucher-header-text{flex:1}.voucher-header-text h2{font-size:2rem;font-weight:700;margin-bottom:.75rem;background:var(--voucher-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.voucher-header-text p{color:var(--voucher-text-secondary);font-size:1.1rem;line-height:1.6;margin:0;max-width:500px}.voucher-header-actions{display:flex;gap:1rem;flex-shrink:0;align-items:center}.voucher-header-actions .voucher-btn{flex:0 0 auto;max-width:fit-content;width:auto}.voucher-btn{background:var(--voucher-gradient);border:none;border-radius:14px;padding:.875rem 1.75rem;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;box-shadow:var(--voucher-shadow);text-decoration:none;white-space:nowrap;min-height:44px;min-width:44px;max-width:fit-content;width:auto;position:relative;overflow:hidden}.voucher-btn:before{display:none}.voucher-btn:hover:before{display:none}.voucher-btn:hover,.voucher-btn:active{transform:none;box-shadow:var(--voucher-shadow)}.voucher-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.voucher-btn:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}.voucher-btn.secondary{background:transparent;border:2px solid var(--voucher-border);color:var(--voucher-text)}.voucher-btn.secondary:hover{background:transparent;border-color:var(--voucher-border)}.voucher-btn.danger{background:linear-gradient(135deg,#ef4444,#f87171);border:2px solid rgba(239,68,68,.3)}.voucher-btn.danger:hover{background:linear-gradient(135deg,#ef4444,#f87171);border-color:#ef44444d}.voucher-btn.success{background:linear-gradient(135deg,#10b981,#34d399)}.voucher-btn svg{width:18px;height:18px;flex-shrink:0;stroke-width:2}.voucher-tabs{display:flex;gap:.75rem;margin-bottom:2.5rem;border-bottom:2px solid var(--voucher-border-light);padding-bottom:1.5rem;overflow-x:auto;scrollbar-width:thin;-ms-overflow-style:auto}.voucher-tabs::-webkit-scrollbar{height:6px}.voucher-tabs::-webkit-scrollbar-track{background:var(--voucher-bg-hover);border-radius:3px}.voucher-tabs::-webkit-scrollbar-thumb{background:var(--voucher-border);border-radius:3px}.voucher-tabs::-webkit-scrollbar-thumb:hover{background:var(--voucher-border)}.voucher-tab{background:transparent;border:none;border-radius:12px;padding:1rem 1.5rem;color:var(--voucher-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:none;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;min-height:48px;min-width:100px;max-width:fit-content;width:auto}.voucher-tab:hover{color:var(--voucher-text-secondary);background:transparent}.voucher-tab.active{color:var(--voucher-text);background:var(--voucher-bg-hover)}.voucher-tab.active:after{content:"";position:absolute;bottom:-1.5rem;left:0;right:0;height:3px;background:var(--voucher-gradient);border-radius:2px}.voucher-tab svg{width:18px;height:18px;flex-shrink:0;stroke-width:2}.voucher-content{display:grid;gap:2.5rem;padding:0 1rem}@media (max-width: 768px){.voucher-content{padding:0 .5rem;gap:2rem}}.voucher-section{background:var(--voucher-bg-card);border:1px solid var(--voucher-border-light);border-radius:20px;padding:2rem;position:relative;overflow:hidden}.voucher-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--voucher-gradient);border-radius:20px 20px 0 0}.voucher-section h3{font-size:1.5rem;font-weight:700;color:var(--voucher-text);margin-bottom:1.5rem;background:var(--voucher-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.voucher-quick-actions{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row}.voucher-quick-actions .voucher-btn{flex:0 0 auto;min-width:160px;max-width:fit-content;width:auto}.voucher-part-info{background:rgba(139,92,246,.05);border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:1.5rem;font-size:.9rem;line-height:1.6}.voucher-part-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.voucher-part-header svg{color:var(--voucher-primary)}.voucher-part-header strong{color:var(--voucher-text)}.voucher-part-list{margin:0;padding-left:1.5rem;color:var(--voucher-text-secondary)}.voucher-total-info{margin-bottom:1.5rem;padding:1rem 1.5rem;background:var(--voucher-bg-hover);border:1px solid var(--voucher-border-light);border-radius:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.voucher-total-text{color:var(--voucher-text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.voucher-total-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.voucher-total-actions .voucher-btn{min-width:auto;max-width:fit-content;width:auto;flex:0 0 auto}.voucher-batch-hint{color:var(--voucher-text-secondary);font-size:.8rem;font-style:italic}.voucher-batch-info{margin-left:1rem;color:var(--voucher-primary);font-weight:600}.voucher-search-container{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--voucher-bg);border:1px solid var(--voucher-border-light);border-radius:12px;align-items:center;flex-wrap:wrap}.voucher-search-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.voucher-search-label{font-size:.9rem;font-weight:600;color:var(--voucher-text)}.voucher-clear-btn{background:transparent;border:2px solid var(--voucher-error);border-radius:8px;padding:.75rem 1rem;color:var(--voucher-error);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;transition:all .3s ease}.voucher-clear-btn:hover{background:transparent;transform:none}.voucher-form{display:grid;gap:2rem}.voucher-form-group{display:flex;flex-direction:column;gap:.75rem}.voucher-form-label{font-size:.9rem;font-weight:600;color:var(--voucher-text);display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.voucher-form-label svg{width:16px;height:16px;stroke-width:2;color:var(--voucher-text-secondary)}.voucher-form-input,.voucher-form-select,.voucher-form-textarea{background:var(--voucher-bg);border:2px solid var(--voucher-border-light);border-radius:12px;padding:1rem 1.25rem;color:var(--voucher-text);font-size:.9rem;transition:all .3s ease;min-height:48px;width:100%;box-sizing:border-box}.voucher-form-input:focus,.voucher-form-select:focus,.voucher-form-textarea:focus{outline:none;border-color:var(--voucher-border-light);box-shadow:none}.voucher-form-textarea{resize:vertical;min-height:120px;font-family:inherit}.voucher-form-help{color:var(--voucher-text-secondary);font-size:.8rem;margin-top:.25rem;line-height:1.4}.voucher-form-help.center{text-align:center}.voucher-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;align-items:start}.voucher-form-grid .voucher-form-group{display:flex;flex-direction:column;gap:.75rem;min-height:100px}.voucher-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.voucher-stat-card{background:var(--voucher-bg);border:1px solid var(--voucher-border-light);border-radius:16px;padding:1.75rem;text-align:center;position:relative;overflow:hidden;transition:all .3s ease;min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center}.voucher-stat-card:before{display:none}.voucher-stat-card:hover:before{display:none}.voucher-stat-card:hover{transform:none;box-shadow:var(--voucher-shadow)}.voucher-stat-icon{width:56px;height:56px;background:var(--voucher-gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:2;color:#fff;box-shadow:0 6px 20px #8b5cf64d}.voucher-stat-icon svg{color:#fff;stroke-width:2.5;width:26px;height:26px}.voucher-stat-number{font-size:2rem;font-weight:700;color:var(--voucher-text);margin-bottom:.5rem;position:relative;z-index:2;line-height:1}.voucher-stat-label{font-size:.85rem;color:var(--voucher-text-secondary);font-weight:500;position:relative;z-index:2;text-transform:uppercase;letter-spacing:.5px}.voucher-table-container{background:var(--voucher-bg);border:1px solid var(--voucher-border-light);border-radius:12px;overflow-x:auto;margin-top:1rem;box-shadow:var(--voucher-shadow);scrollbar-width:thin;-ms-overflow-style:auto}.voucher-table-container::-webkit-scrollbar{height:8px}.voucher-table-container::-webkit-scrollbar-track{background:var(--voucher-bg-hover);border-radius:4px}.voucher-table-container::-webkit-scrollbar-thumb{background:var(--voucher-border);border-radius:4px}.voucher-table-container::-webkit-scrollbar-thumb:hover{background:var(--voucher-border)}.voucher-table{width:100%;border-collapse:collapse;min-width:800px}.voucher-table th{background:var(--voucher-bg-hover);color:var(--voucher-text);font-size:.8rem;font-weight:600;text-align:left;padding:1rem .75rem;border-bottom:1px solid var(--voucher-border-light);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.voucher-table td{color:var(--voucher-text);font-size:.85rem;padding:1rem .75rem;border-bottom:1px solid var(--voucher-border-light);vertical-align:middle;word-wrap:break-word;max-width:200px}.voucher-table tr:hover{background:transparent}.voucher-table tr:last-child td{border-bottom:none}.voucher-code{background:rgba(139,92,246,.15);padding:.5rem .75rem;border-radius:8px;font-size:.85rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600;color:var(--voucher-text);border:1px solid rgba(139,92,246,.2);letter-spacing:.5px}.voucher-code-container{display:flex;align-items:center;gap:.75rem;justify-content:flex-start}.voucher-copy-btn{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);color:var(--voucher-text-secondary);cursor:pointer;border-radius:6px;padding:.5rem;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;transition:all .3s ease}.voucher-copy-btn:hover{background:rgba(139,92,246,.1);color:var(--voucher-text-secondary);transform:none}.voucher-copy-btn svg{width:14px;height:14px;stroke-width:2.5}.voucher-status{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:25px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:80px;text-align:center;white-space:nowrap;transition:none}.voucher-status.active{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.voucher-status.inactive{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.voucher-status.pending{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.voucher-validity{background:rgba(139,92,246,.15);color:var(--voucher-primary);padding:.5rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;border:1px solid rgba(139,92,246,.2);display:inline-block;text-align:center;min-width:80px}.voucher-validity-unlimited{color:var(--voucher-text-secondary);font-size:.8rem;font-style:italic;text-align:center}.voucher-part{background:rgba(34,197,94,.15);color:#22c55e;padding:.5rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;border:1px solid rgba(34,197,94,.2);display:inline-block;text-align:center;min-width:60px}.voucher-part-none{color:var(--voucher-text-secondary);font-size:.8rem;font-style:italic;text-align:center}.voucher-action-container{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0}.voucher-action-container .voucher-btn{flex:0 0 auto;max-width:fit-content;width:auto}.voucher-table .voucher-btn{padding:.5rem;min-width:36px;min-height:36px;max-width:fit-content;width:auto;border-radius:8px;font-size:.8rem;display:flex;align-items:center;justify-content:center}.voucher-table .voucher-btn svg{width:14px;height:14px;stroke-width:2.5}.voucher-table .voucher-btn.danger{background:linear-gradient(135deg,#ef4444,#f87171);border:1px solid rgba(239,68,68,.3)}.voucher-table .voucher-btn.danger:hover{background:linear-gradient(135deg,#ef4444,#f87171);transform:none;box-shadow:var(--voucher-shadow)}.voucher-loading{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--voucher-text-secondary);gap:1rem;flex-direction:column;min-height:200px}.voucher-loading p{margin:0;font-size:.9rem;color:var(--voucher-text-secondary)}.voucher-loading-spinner{width:24px;height:24px;border:3px solid var(--voucher-border-light);border-top:3px solid var(--voucher-primary);border-radius:50%;animation:spin 1s linear infinite}.spin{animation:none}.voucher-empty{text-align:center;padding:4rem 2rem;color:var(--voucher-text-secondary);min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.voucher-empty-icon{width:80px;height:80px;background:var(--voucher-bg-hover);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--voucher-text-secondary)}.voucher-empty-icon svg{width:36px;height:36px}.voucher-empty h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--voucher-text)}.voucher-empty p{font-size:.95rem;line-height:1.6;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.voucher-preview-container{background:var(--voucher-bg);border:2px solid var(--voucher-border-light);border-radius:12px;padding:1rem 1.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.1rem;font-weight:600;color:var(--voucher-primary);text-align:center;letter-spacing:1px;position:relative;min-height:60px;display:flex;align-items:center;justify-content:center}.voucher-preview-refresh{position:absolute;top:.5rem;right:.5rem;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:6px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;transition:all .3s ease}.voucher-preview-refresh:hover{background:rgba(139,92,246,.1);transform:none}.voucher-preview-refresh svg{width:14px;height:14px;stroke-width:2.5}.voucher-modal-actions{display:flex;gap:1.5rem;justify-content:flex-end;margin-top:2rem;flex-wrap:wrap;align-items:center}.voucher-modal-actions.center{justify-content:center}.voucher-modal-actions .voucher-btn{min-width:100px;max-width:fit-content;width:auto;justify-content:center;flex:0 0 auto}.voucher-modal-content{text-align:center;padding:1rem 0}.voucher-modal-icon{color:#ef4444;margin-bottom:1rem}.voucher-modal-text{font-size:.9rem;color:var(--voucher-text-secondary);margin-bottom:1rem;line-height:1.6}.voucher-modal-code{font-weight:700;margin:1rem 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.1rem;background:rgba(139,92,246,.15);padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(139,92,246,.2);display:inline-block;letter-spacing:.5px}.voucher-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.voucher-section-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.voucher-section-actions .voucher-btn{min-width:auto;max-width:fit-content;width:auto;flex:0 0 auto}@media (max-width: 1024px){.voucher-header{padding:2rem}.voucher-header-content{flex-direction:column;text-align:center;gap:1.5rem}.voucher-header-left{flex-direction:column;text-align:center}.voucher-header-text h2{font-size:1.75rem}.voucher-form-grid{grid-template-columns:1fr}.voucher-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.voucher-search-container{flex-direction:column;align-items:center}.voucher-search-group{min-width:auto;width:100%}.voucher-total-info{padding:.75rem 1rem;gap:.75rem}.voucher-total-text{font-size:.8rem}.voucher-part-info{padding:1rem;font-size:.8rem}.voucher-part-list{padding-left:1rem}.voucher-quick-actions{gap:1rem}.voucher-quick-actions .voucher-btn{min-width:140px;max-width:fit-content;width:auto}.voucher-stats{grid-template-columns:1fr;gap:.75rem}.voucher-stat-card{padding:1rem;min-height:auto}.voucher-stat-icon{width:36px;height:36px}.voucher-stat-icon svg{width:16px;height:16px}.voucher-stat-number{font-size:1.25rem}.voucher-stat-label{font-size:.75rem}.voucher-clear-btn{flex:0 0 auto;max-width:fit-content;width:auto}.voucher-table{min-width:600px}}@media (max-width: 768px){.voucher-header{padding:1.5rem;margin-bottom:2rem}.voucher-header-icon{width:60px;height:60px}.voucher-header-icon svg{width:24px;height:24px}.voucher-header-text h2{font-size:1.5rem}.voucher-header-text p{font-size:1rem}.voucher-header-actions{flex-direction:column;width:100%;align-items:center}.voucher-btn{justify-content:center;width:auto;max-width:fit-content;flex:0 0 auto}.voucher-tabs{gap:.5rem;margin-bottom:2rem}.voucher-tab{padding:.875rem 1.25rem;font-size:.85rem;min-width:80px;max-width:fit-content;width:auto}.voucher-section{padding:1.5rem}.voucher-section h3{font-size:1.25rem}.voucher-form-grid{grid-template-columns:1fr;gap:1rem}.voucher-form-grid .voucher-form-group{min-height:auto}.voucher-form-grid .voucher-btn{flex:0 0 auto;max-width:fit-content;width:auto;justify-content:center}.voucher-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.voucher-stat-card{padding:1.25rem;min-height:auto}.voucher-stat-icon{width:48px;height:48px}.voucher-stat-icon svg{width:22px;height:22px}.voucher-stat-number{font-size:1.75rem}.voucher-table-container{overflow-x:auto}.voucher-table{min-width:500px}.voucher-table .voucher-btn{min-width:32px;min-height:32px;padding:.375rem}.voucher-total-info{flex-direction:column;align-items:center}.voucher-total-actions{justify-content:center;align-items:center}.voucher-total-actions .voucher-btn{flex:0 0 auto;max-width:fit-content;width:auto}.voucher-section-header{flex-direction:column;gap:1rem;align-items:center}.voucher-section-actions{justify-content:center;align-items:center}.voucher-section-actions .voucher-btn{flex:0 0 auto;max-width:fit-content;width:auto}.voucher-table th,.voucher-table td{padding:.75rem .5rem;font-size:.8rem}.voucher-quick-actions{flex-direction:column;align-items:center}.voucher-quick-actions .voucher-btn{min-width:160px;max-width:fit-content;width:auto;flex:0 0 auto}.voucher-action-container{justify-content:center;align-items:center}.voucher-action-container .voucher-btn{flex:0 0 auto;max-width:fit-content;width:auto}}@media (max-width: 480px){.voucher-header{padding:1.25rem}.voucher-modal-actions{flex-direction:column;align-items:center;gap:1rem}.voucher-modal-actions .voucher-btn{flex:0 0 auto;max-width:fit-content;width:auto}.voucher-header-icon{width:50px;height:50px}.voucher-header-icon svg{width:20px;height:20px}.voucher-header-text h2{font-size:1.375rem}.voucher-section{padding:1.25rem}.voucher-stats{grid-template-columns:1fr}.voucher-stat-card{padding:1.25rem}.voucher-stat-icon{width:40px;height:40px}.voucher-stat-icon svg{width:18px;height:18px}.voucher-stat-number{font-size:1.5rem}.voucher-empty{padding:3rem 1rem}.voucher-empty-icon{width:60px;height:60px}.voucher-empty-icon svg{width:28px;height:28px}.voucher-table th,.voucher-table td{padding:.5rem .375rem;font-size:.75rem}.voucher-table{min-width:400px}.voucher-table .voucher-btn{min-width:28px;min-height:28px;padding:.25rem}.voucher-code{font-size:.75rem;padding:.375rem .5rem;max-width:120px;overflow:hidden;text-overflow:ellipsis}.voucher-status{font-size:.7rem;padding:.375rem .75rem;min-width:60px;max-width:80px;overflow:hidden;text-overflow:ellipsis}.voucher-validity{font-size:.7rem;padding:.375rem .5rem;min-width:60px;max-width:80px;overflow:hidden;text-overflow:ellipsis}.voucher-part{font-size:.7rem;padding:.375rem .5rem;min-width:50px;max-width:70px;overflow:hidden;text-overflow:ellipsis}.voucher-copy-btn{min-width:24px;min-height:24px;padding:.25rem}.voucher-copy-btn svg{width:12px;height:12px}.voucher-preview-refresh{min-width:24px;min-height:24px;padding:.25rem}.voucher-preview-refresh svg{width:12px;height:12px}.voucher-clear-btn{min-width:auto;max-width:fit-content;width:auto;padding:.5rem .75rem;font-size:.8rem}.voucher-form-input,.voucher-form-select{min-height:40px;padding:.75rem 1rem;font-size:.85rem}.voucher-preview-container{min-height:50px;padding:.75rem 1rem;font-size:1rem}.voucher-empty{padding:2rem 1rem;min-height:200px}.voucher-empty .voucher-btn{min-width:140px;max-width:fit-content;width:auto}.voucher-loading{min-height:150px;padding:2rem 1rem}.voucher-loading p{font-size:.85rem}.voucher-modal-content{padding:.5rem 0}.voucher-modal-code{font-size:1rem;padding:.5rem .75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis}.voucher-section{padding:1rem}.voucher-section h3{font-size:1.125rem}.voucher-header{padding:1rem}.voucher-header-text h2{font-size:1.25rem}.voucher-header-text p{font-size:.9rem}.voucher-tabs{gap:.5rem;margin-bottom:1.5rem}.voucher-tab{padding:.75rem 1rem;font-size:.8rem;min-width:70px}.voucher-content{padding:0 .25rem;gap:1.5rem}.voucher-search-container{padding:.75rem;gap:.75rem}.voucher-search-group{min-width:auto;width:100%}}@media (prefers-color-scheme: dark){:root{--voucher-bg: #0a0614;--voucher-bg-card: rgba(139, 92, 246, .06);--voucher-border-light: rgba(139, 92, 246, .08)}}@media (prefers-reduced-motion: reduce){.voucher-btn,.voucher-stat-card,.voucher-tab,.voucher-action-btn,.voucher-copy-btn,.voucher-preview-refresh,.voucher-clear-btn,.voucher-form-input,.voucher-form-select,.voucher-form-textarea{transition:none}.voucher-loading-spinner,.spin{animation:none}}@media (prefers-contrast: high){:root{--voucher-border: rgba(139, 92, 246, .4);--voucher-border-light: rgba(139, 92, 246, .3)}}@media print{.voucher-management{background:white;color:#000}.voucher-btn,.voucher-tab{display:none}.voucher-table{border:1px solid #ccc}.voucher-table th,.voucher-table td{border:1px solid #ccc;padding:.5rem}}.voucher-management::-webkit-scrollbar{width:8px}.voucher-management::-webkit-scrollbar-track{background:var(--voucher-bg-hover)}.voucher-management::-webkit-scrollbar-thumb{background:var(--voucher-border);border-radius:4px}.voucher-management::-webkit-scrollbar-thumb:hover{background:var(--voucher-border)}:root{--ticket-primary: #8b5cf6;--ticket-primary-light: #a78bfa;--ticket-primary-dark: #7c3aed;--ticket-secondary: #6366f1;--ticket-accent: #ec4899;--ticket-bg: #0f0a1a;--ticket-bg-secondary: rgba(139, 92, 246, .05);--ticket-bg-card: rgba(139, 92, 246, .08);--ticket-bg-hover: rgba(139, 92, 246, .12);--ticket-text: #e2e8f0;--ticket-text-secondary: #94a3b8;--ticket-border: rgba(139, 92, 246, .2);--ticket-border-light: rgba(139, 92, 246, .1);--ticket-shadow: 0 4px 20px rgba(139, 92, 246, .15);--ticket-shadow-hover: 0 8px 30px rgba(139, 92, 246, .25);--ticket-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--ticket-success: #10b981;--ticket-warning: #f59e0b;--ticket-error: #ef4444;--ticket-info: #3b82f6}.ticket-management{min-height:100vh!important;background:var(--ticket-bg)!important;color:var(--ticket-text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;position:relative!important;overflow-x:hidden!important}.ticket-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:2rem!important;padding:1.5rem 2rem!important;background:var(--ticket-bg-secondary)!important;border:1px solid var(--ticket-border-light)!important;border-radius:16px!important;box-shadow:var(--ticket-shadow)!important}.ticket-header-content{display:flex!important;align-items:center!important;gap:1rem!important}.ticket-header-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;border-radius:12px!important;background:rgba(139,92,246,.1)!important;border:1px solid var(--ticket-border-light)!important;color:var(--ticket-primary)!important}.ticket-header-text h1{margin:0 0 .25rem!important;font-size:1.5rem!important;font-weight:700!important;background:var(--ticket-gradient)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.ticket-header-text p{margin:0!important;color:var(--ticket-text-secondary)!important}.ticket-header-actions{display:flex!important;gap:.75rem!important}.ticket-add-btn,.ticket-refresh-btn{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.6rem 1rem!important;border:none!important;border-radius:10px!important;color:#fff!important;font-weight:600!important;cursor:pointer!important;box-shadow:var(--ticket-shadow)!important;transition:all .25s ease!important}.ticket-add-btn{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)!important}.ticket-add-btn:hover{transform:translateY(-1px)!important;background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%)!important;box-shadow:var(--ticket-shadow-hover)!important}.ticket-refresh-btn{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)!important}.ticket-refresh-btn:hover{transform:rotate(0) translateY(-1px)!important;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)!important}.ticket-filters{background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;border-radius:12px!important;margin-bottom:1.5rem!important;overflow:hidden!important}.ticket-filters-header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;padding:1rem 1.25rem!important;background:var(--ticket-bg-secondary)!important;border-bottom:1px solid var(--ticket-border-light)!important}.ticket-filters-left{display:flex!important;align-items:center!important;gap:.75rem!important}.ticket-filter-toggle{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem .9rem!important;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:600!important;cursor:pointer!important;box-shadow:var(--ticket-shadow)!important}.ticket-search{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem .75rem!important;background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;border-radius:8px!important}.ticket-search input{background:transparent!important;border:none!important;outline:none!important;color:var(--ticket-text)!important;width:220px!important;font-size:.9rem!important;padding:.25rem 0!important}.ticket-search input::placeholder{color:var(--ticket-text-secondary)!important;opacity:.7!important}.ticket-search input:focus::placeholder{opacity:.5!important}.ticket-filters-right{display:flex!important;align-items:center!important;gap:.5rem!important}.ticket-sort-select{padding:.45rem 2rem .45rem .6rem!important;background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;color:var(--ticket-text)!important;border-radius:8px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%238b5cf6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .6rem center!important;background-size:1.2em 1.2em!important;font-size:.85rem!important;transition:all .2s ease!important;cursor:pointer!important;min-width:140px!important}.ticket-sort-select:hover{border-color:var(--ticket-primary)!important;background-color:var(--ticket-bg-hover)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a78bfa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .6rem center!important;background-size:1.2em 1.2em!important}.ticket-sort-select:focus{outline:none!important;border-color:var(--ticket-primary)!important;box-shadow:0 0 0 2px #8b5cf633!important;background-color:var(--ticket-bg-hover)!important}.ticket-sort-select option{background:var(--ticket-bg)!important;color:var(--ticket-text)!important;padding:.5rem!important;font-size:.85rem!important}.ticket-sort-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border-radius:8px!important;background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;color:var(--ticket-text)!important;cursor:pointer!important}.ticket-filters-content{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:1rem!important;padding:1rem 1.25rem!important}.ticket-filter-group{display:flex!important;flex-direction:column!important;gap:.5rem!important}.ticket-filter-group label{color:var(--ticket-text-secondary)!important;font-size:.85rem!important;font-weight:600!important;margin-bottom:.35rem!important;display:block!important;text-transform:capitalize!important}.ticket-filter-group select{padding:.5rem 2.5rem .5rem .75rem!important;background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;color:var(--ticket-text)!important;border-radius:8px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%238b5cf6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:1.5em 1.5em!important;font-size:.9rem!important;transition:all .2s ease!important;cursor:pointer!important}.ticket-filter-group select:hover{border-color:var(--ticket-primary)!important;background-color:var(--ticket-bg-hover)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a78bfa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:1.5em 1.5em!important}.ticket-filter-group select:focus{outline:none!important;border-color:var(--ticket-primary)!important;box-shadow:0 0 0 2px #8b5cf633!important;background-color:var(--ticket-bg-hover)!important}.ticket-filter-group select option{background:var(--ticket-bg)!important;color:var(--ticket-text)!important;padding:.5rem!important;font-size:.9rem!important}.ticket-filter-group select option:hover{background:var(--ticket-bg-hover)!important}.ticket-filter-group select option:first-child{color:var(--ticket-text-secondary)!important;font-style:italic!important}.ticket-list{background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;border-radius:12px!important;box-shadow:var(--ticket-shadow)!important;overflow:hidden!important}.ticket-loading,.ticket-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:3rem 2rem!important;color:var(--ticket-text-secondary)!important}.ticket-loading-spinner{width:40px!important;height:40px!important;border:3px solid var(--ticket-border-light)!important;border-top:3px solid var(--ticket-primary)!important;border-radius:50%!important;animation:ticket-spin 1s linear infinite!important;margin-bottom:1rem!important}@keyframes ticket-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ticket-table-container{overflow-x:auto!important}.ticket-table{width:100%!important;border-collapse:collapse!important}.ticket-table thead{background:var(--ticket-bg-secondary)!important}.ticket-table th,.ticket-table td{padding:.875rem 1rem!important;border-bottom:1px solid var(--ticket-border-light)!important;text-align:left!important}.ticket-table th{font-size:.85rem!important;color:var(--ticket-text-secondary)!important;white-space:nowrap!important}.ticket-row:hover{background:var(--ticket-bg-hover)!important}.ticket-number{font-family:Courier New,monospace!important;font-weight:700!important;color:var(--ticket-primary)!important}.ticket-customer{display:flex!important;flex-direction:column!important}.ticket-customer-name{font-weight:600!important}.ticket-customer-phone{color:var(--ticket-text-secondary)!important;font-size:.85rem!important}.ticket-subject{font-weight:600!important;color:var(--ticket-text)!important}.ticket-description{color:var(--ticket-text-secondary)!important;font-size:.85rem!important}.ticket-assigned{display:flex!important;flex-direction:column!important;gap:.25rem!important}.ticket-assigned-name{display:inline-flex!important;padding:.25rem .5rem!important;border-radius:6px!important;background:rgba(99,102,241,.12)!important;border:1px solid rgba(99,102,241,.25)!important;color:#a5b4fc!important;font-size:.75rem!important;font-weight:600!important}.ticket-assigned-date{color:var(--ticket-text-secondary)!important;font-size:.7rem!important;font-style:italic!important}.ticket-unassigned{color:var(--ticket-text-secondary)!important;font-size:.85rem!important}.ticket-responses{display:flex!important;align-items:center!important;gap:.5rem!important}.ticket-response-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:24px!important;height:24px!important;padding:0 .35rem!important;border-radius:6px!important;background:rgba(139,92,246,.12)!important;border:1px solid var(--ticket-border)!important;color:var(--ticket-primary-light)!important;font-size:.75rem!important;font-weight:700!important}.ticket-last-response{color:var(--ticket-text-secondary)!important;font-size:.8rem!important}.ticket-actions{display:flex!important;gap:.5rem!important}.ticket-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;box-shadow:var(--ticket-shadow)!important;transition:transform .2s ease!important}.ticket-action-btn:hover{transform:translateY(-1px)!important;box-shadow:var(--ticket-shadow-hover)!important}.ticket-action-btn.view{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)!important}.ticket-action-btn.delete{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important}.ticket-status-quick{position:relative!important}.ticket-status-select{padding:.4rem 2rem .4rem .6rem!important;background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;color:var(--ticket-text)!important;border-radius:6px!important;font-size:.8rem!important;cursor:pointer!important;min-width:120px!important;transition:all .2s ease!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%238b5cf6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .5rem center!important;background-size:1.5em 1.5em!important}.ticket-status-select:hover{border-color:var(--ticket-primary)!important;background-color:var(--ticket-bg-hover)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a78bfa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .5rem center!important;background-size:1.5em 1.5em!important}.ticket-status-select:focus{outline:none!important;border-color:var(--ticket-primary)!important;box-shadow:0 0 0 2px #8b5cf633!important;background-color:var(--ticket-bg-hover)!important}.ticket-status-select option{background:var(--ticket-bg)!important;color:var(--ticket-text)!important;padding:.5rem!important;font-size:.8rem!important}.ticket-status-select option:hover{background:var(--ticket-bg-hover)!important}.ticket-status-select:disabled{opacity:.6!important;cursor:not-allowed!important;background-color:var(--ticket-bg-secondary)!important}.ticket-status-select option:first-child{color:var(--ticket-text-secondary)!important;font-style:italic!important}.ticket-status-form .ticket-form-group select{background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;color:var(--ticket-text)!important;border-radius:8px!important;padding:.6rem 2.5rem .6rem .75rem!important;font-size:.9rem!important;transition:all .2s ease!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%238b5cf6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:1.5em 1.5em!important}.ticket-status-form .ticket-form-group select:hover{border-color:var(--ticket-primary)!important;background-color:var(--ticket-bg-hover)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a78bfa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:1.5em 1.5em!important}.ticket-status-form .ticket-form-group select:focus{outline:none!important;border-color:var(--ticket-primary)!important;box-shadow:0 0 0 2px #8b5cf633!important;background-color:var(--ticket-bg-hover)!important}.ticket-status-form .ticket-form-group select option{background:var(--ticket-bg)!important;color:var(--ticket-text)!important;padding:.5rem!important;font-size:.9rem!important}.ticket-status-form .ticket-form-group select option:hover{background:var(--ticket-bg-hover)!important}.ticket-status-form .ticket-form-group select:disabled{opacity:.6!important;cursor:not-allowed!important;background-color:var(--ticket-bg-secondary)!important}.ticket-status-form .ticket-form-group select option:first-child{color:var(--ticket-text-secondary)!important;font-style:italic!important}.ticket-status-form .ticket-form-group input,.ticket-status-form .ticket-form-group textarea{background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;color:var(--ticket-text)!important;border-radius:8px!important;padding:.6rem .75rem!important;font-size:.9rem!important;transition:all .2s ease!important}.ticket-status-form .ticket-form-group input:hover,.ticket-status-form .ticket-form-group textarea:hover{border-color:var(--ticket-primary)!important;background:var(--ticket-bg-hover)!important}.ticket-status-form .ticket-form-group input:focus,.ticket-status-form .ticket-form-group textarea:focus{outline:none!important;border-color:var(--ticket-primary)!important;box-shadow:0 0 0 2px #8b5cf633!important}.ticket-status-form .ticket-form-group input:focus::placeholder,.ticket-status-form .ticket-form-group textarea:focus::placeholder{opacity:.5!important}.ticket-status-form .ticket-form-group input[type=date]{min-height:38px!important;position:relative!important}.ticket-status-form .ticket-form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:.7!important;cursor:pointer!important}.ticket-status-form .ticket-form-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1!important}.ticket-status-form .ticket-form-group textarea{resize:vertical!important;min-height:80px!important;line-height:1.5!important;font-family:inherit!important}.ticket-status-form .ticket-form-group textarea::-webkit-scrollbar{width:6px!important}.ticket-status-form .ticket-form-group textarea::-webkit-scrollbar-track{background:var(--ticket-bg-secondary)!important;border-radius:3px!important}.ticket-status-form .ticket-form-group textarea::-webkit-scrollbar-thumb{background:var(--ticket-border)!important;border-radius:3px!important}.ticket-status-form .ticket-form-group textarea::-webkit-scrollbar-thumb:hover{background:var(--ticket-primary)!important}.ticket-status-form .ticket-form-group input:disabled,.ticket-status-form .ticket-form-group textarea:disabled{opacity:.6!important;cursor:not-allowed!important;background-color:var(--ticket-bg-secondary)!important}.ticket-status-form .ticket-form-group input::placeholder,.ticket-status-form .ticket-form-group textarea::placeholder{color:var(--ticket-text-secondary)!important;opacity:.7!important}.ticket-status-form .ticket-form-group label{color:var(--ticket-text-secondary)!important;font-size:.85rem!important;font-weight:600!important;margin-bottom:.25rem!important;display:block!important}.ticket-status-form .ticket-form-group label[for*=required]:after{content:" *"!important;color:var(--ticket-error)!important}.status-badge,.priority-badge,.category-badge{display:inline-flex!important;align-items:center!important;padding:.25rem .5rem!important;border-radius:6px!important;font-size:.75rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.03em!important;border:1px solid transparent!important}.status-open{background:rgba(59,130,246,.12)!important;color:#60a5fa!important;border-color:#3b82f659!important}.status-progress{background:rgba(245,158,11,.12)!important;color:#fbbf24!important;border-color:#f59e0b59!important}.status-waiting{background:rgba(99,102,241,.12)!important;color:#a5b4fc!important;border-color:#6366f159!important}.status-resolved{background:rgba(16,185,129,.12)!important;color:#34d399!important;border-color:#10b98159!important}.status-closed{background:rgba(239,68,68,.12)!important;color:#f87171!important;border-color:#ef444459!important}.status-default{background:rgba(100,116,139,.12)!important;color:#94a3b8!important;border-color:#64748b59!important}.priority-low{background:rgba(16,185,129,.12)!important;color:#34d399!important;border-color:#10b98159!important}.priority-medium{background:rgba(59,130,246,.12)!important;color:#60a5fa!important;border-color:#3b82f659!important}.priority-high{background:rgba(245,158,11,.12)!important;color:#fbbf24!important;border-color:#f59e0b59!important}.priority-urgent{background:rgba(239,68,68,.12)!important;color:#f87171!important;border-color:#ef444459!important}.priority-default{background:rgba(139,92,246,.12)!important;color:#a78bfa!important;border-color:#8b5cf659!important}.category-technical{background:rgba(99,102,241,.12)!important;color:#a5b4fc!important;border-color:#6366f159!important}.category-billing{background:rgba(236,72,153,.12)!important;color:#f472b6!important;border-color:#ec489959!important}.category-service{background:rgba(59,130,246,.12)!important;color:#93c5fd!important;border-color:#3b82f659!important}.category-complaint{background:rgba(239,68,68,.12)!important;color:#fca5a5!important;border-color:#ef444459!important}.category-request{background:rgba(16,185,129,.12)!important;color:#6ee7b7!important;border-color:#10b98159!important}.category-other{background:rgba(100,116,139,.12)!important;color:#94a3b8!important;border-color:#64748b59!important}.category-default{background:rgba(139,92,246,.12)!important;color:#a78bfa!important;border-color:#8b5cf659!important}.ticket-pagination{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;padding:1rem 1.25rem!important;background:var(--ticket-bg-secondary)!important;border-top:1px solid var(--ticket-border-light)!important}.ticket-pagination-info{color:var(--ticket-text-secondary)!important;font-size:.9rem!important}.ticket-pagination-btn{padding:.5rem 1rem!important;background:var(--ticket-bg-card)!important;color:var(--ticket-text)!important;border:1px solid var(--ticket-border-light)!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s ease!important}.ticket-pagination-btn:hover:not(:disabled){background:var(--ticket-bg-hover)!important;border-color:var(--ticket-primary)!important}.ticket-pagination-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.ticket-detail{display:flex!important;flex-direction:column!important;gap:1rem!important}.ticket-detail-header{display:flex!important;justify-content:space-between!important;gap:1rem!important}.ticket-detail-info{display:flex!important;flex-direction:column!important;gap:.35rem!important}.ticket-detail-subject{font-size:1.125rem!important;font-weight:700!important;color:var(--ticket-text)!important}.ticket-detail-meta{color:var(--ticket-text-secondary)!important;display:flex!important;gap:1rem!important;font-size:.85rem!important}.ticket-detail-badges{display:flex!important;gap:.5rem!important;flex-wrap:wrap!important}.ticket-detail-customer,.ticket-detail-description,.ticket-detail-attachments,.ticket-responses-section{background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;border-radius:10px!important;padding:1rem!important}.ai-ticket-description{display:flex!important;flex-direction:column!important;gap:.75rem!important}.ai-ticket-header{display:flex!important;align-items:center!important;width:fit-content!important;margin-bottom:.25rem!important}.ai-badge{display:inline-flex!important;align-items:center!important;gap:.35rem!important;padding:.28rem .6rem!important;line-height:1!important;white-space:nowrap!important;border-radius:999px!important;font-weight:700!important;font-size:.75rem!important;background:rgba(139,92,246,.15)!important;border:1px solid var(--ticket-border)!important;color:var(--ticket-primary-light)!important}.ai-section{padding:.5rem .75rem!important;border-left:2px solid var(--ticket-border)!important}.ai-section-title{margin:0 0 .5rem!important;color:var(--ticket-primary)!important;font-size:.95rem!important;font-weight:700!important}.ai-info-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:.4rem 1rem!important}.ai-info-item{display:grid!important;grid-template-columns:150px 1fr!important;gap:.35rem .5rem!important;align-items:start!important}.ai-info-label{color:var(--ticket-text-secondary)!important;font-weight:600!important;font-size:.85rem!important;white-space:nowrap!important}.ai-info-value{color:var(--ticket-text)!important;font-size:.9rem!important;overflow-wrap:anywhere!important;word-break:break-word!important}.ai-map-link{color:#93c5fd!important;text-decoration:underline!important}.ai-issue-description,.ai-note,.ai-raw-text{white-space:pre-wrap!important;line-height:1.6!important;color:var(--ticket-text)!important;overflow-wrap:anywhere!important}.ticket-customer-details{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:.5rem 1rem!important}.ticket-detail-attachments h4{margin:0 0 .75rem!important;color:var(--ticket-primary)!important;font-weight:700!important}.ticket-details-info{background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;border-radius:10px!important;padding:1rem!important;margin-bottom:1rem!important}.ticket-details-info h4{margin:0 0 .75rem!important;color:var(--ticket-primary)!important;font-weight:700!important}.ticket-details-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:.75rem!important}.ticket-detail-item{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem!important;background:var(--ticket-bg-secondary)!important;border:1px solid var(--ticket-border-light)!important;border-radius:8px!important}.ticket-detail-item strong{color:var(--ticket-text-secondary)!important;font-size:.85rem!important;min-width:80px!important;flex-shrink:0!important}.ticket-detail-item .ticket-number{font-family:Courier New,monospace!important;font-weight:700!important;color:var(--ticket-primary)!important}.ticket-current-status{background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;border-radius:10px!important;padding:1rem!important;margin-bottom:1rem!important}.ticket-current-status h4{margin:0 0 .75rem!important;color:var(--ticket-primary)!important;font-weight:700!important}.ticket-status-info{display:flex!important;flex-direction:column!important;gap:.5rem!important}.ticket-status-current{display:flex!important;align-items:center!important;gap:.5rem!important}.ticket-status-info div{color:var(--ticket-text)!important;font-size:.9rem!important}.ticket-status-info strong{color:var(--ticket-text-secondary)!important;min-width:120px!important;display:inline-block!important}.ticket-responses-section h4{margin:0 0 .75rem!important}.ticket-responses-list{display:flex!important;flex-direction:column!important;gap:.75rem!important}.ticket-response{background:var(--ticket-bg-secondary)!important;border:1px solid var(--ticket-border-light)!important;border-radius:10px!important;padding:.75rem!important}.ticket-response.customer{border-left:3px solid var(--ticket-info)!important}.ticket-response.admin{border-left:3px solid var(--ticket-primary)!important}.ticket-response.system{border-left:3px solid var(--ticket-warning)!important}.ticket-response-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:.5rem!important}.ticket-response-info{display:flex!important;align-items:center!important;gap:.5rem!important}.ticket-response-author{font-weight:700!important}.ticket-response-type{color:var(--ticket-text-secondary)!important;font-size:.75rem!important;text-transform:capitalize!important}.ticket-response-internal{background:rgba(239,68,68,.12)!important;color:#f87171!important;border:1px solid rgba(239,68,68,.35)!important;padding:.1rem .35rem!important;border-radius:4px!important;font-size:.7rem!important;font-weight:700!important}.ticket-response-date{color:var(--ticket-text-secondary)!important;font-size:.8rem!important}.ticket-response-message{white-space:pre-wrap!important;line-height:1.6!important}.ticket-response-attachments{margin-top:1rem!important;padding-top:1rem!important;border-top:1px solid var(--ticket-border-light)!important}.ticket-response-attachments h5{margin:0 0 .75rem!important;color:var(--ticket-text-secondary)!important;font-size:.875rem!important;font-weight:600!important}.ticket-attachments-list{display:flex!important;flex-direction:column!important;gap:.5rem!important}.ticket-attachment-item{display:flex!important;align-items:center!important;justify-content:space-between!important;background:var(--ticket-bg-secondary)!important;border:1px solid var(--ticket-border-light)!important;border-radius:8px!important;padding:.75rem!important;transition:all .2s ease!important}.ticket-attachment-item:hover{background:var(--ticket-bg-hover)!important;border-color:var(--ticket-border)!important}.ticket-attachment-info{display:flex!important;align-items:center!important;gap:.75rem!important;flex:1!important;min-width:0!important}.ticket-attachment-icon{font-size:1.25rem!important;flex-shrink:0!important}.ticket-attachment-details{display:flex!important;flex-direction:column!important;gap:.25rem!important;min-width:0!important;flex:1!important}.ticket-attachment-name{color:var(--ticket-text)!important;font-size:.875rem!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.ticket-attachment-size{color:var(--ticket-text-secondary)!important;font-size:.75rem!important}.ticket-attachment-download-btn{background:rgba(139,92,246,.1)!important;border:1px solid rgba(139,92,246,.2)!important;color:var(--ticket-primary)!important;padding:.5rem!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.ticket-attachment-download-btn:hover{background:rgba(139,92,246,.2)!important;border-color:#8b5cf64d!important;transform:translateY(-1px)!important}.ticket-attachment-actions{display:flex!important;gap:.5rem!important;align-items:center!important}.ticket-attachment-preview-btn{background:rgba(59,130,246,.1)!important;border:1px solid rgba(59,130,246,.2)!important;color:#3b82f6!important;padding:.5rem!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.ticket-attachment-preview-btn:hover{background:rgba(59,130,246,.2)!important;border-color:#3b82f64d!important;transform:translateY(-1px)!important}.image-preview-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:400px!important;padding:1rem!important}.image-preview{max-width:100%!important;max-height:70vh!important;object-fit:contain!important;border-radius:8px!important;box-shadow:0 4px 20px #0000004d!important}.image-preview-error{display:flex!important;align-items:center!important;justify-content:center!important;min-height:200px!important;color:var(--ticket-text-secondary)!important;font-size:1.1rem!important}.image-preview-error.hidden{display:none!important}.ticket-add-response{margin-top:1rem!important}.ticket-response-form{display:flex!important;flex-direction:column!important;gap:.75rem!important}.ticket-form-group{display:flex!important;flex-direction:column!important;gap:.35rem!important}.ticket-form-group label{color:var(--ticket-text-secondary)!important;font-size:.9rem!important;font-weight:600!important;margin-bottom:.35rem!important;display:block!important}.ticket-form-group textarea,.ticket-form-group input,.ticket-form-group select{background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;color:var(--ticket-text)!important;border-radius:8px!important;padding:.6rem .75rem!important;font-size:.9rem!important;transition:all .2s ease!important}.ticket-form-group select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%238b5cf6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:1.5em 1.5em!important;padding-right:2.5rem!important;cursor:pointer!important}.ticket-form-group select:hover{border-color:var(--ticket-primary)!important;background-color:var(--ticket-bg-hover)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a78bfa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:1.5em 1.5em!important}.ticket-form-group select:focus{outline:none!important;border-color:var(--ticket-primary)!important;box-shadow:0 0 0 2px #8b5cf633!important;background-color:var(--ticket-bg-hover)!important}.ticket-form-group select option{background:var(--ticket-bg)!important;color:var(--ticket-text)!important;padding:.5rem!important;font-size:.9rem!important}.ticket-form-group select option:hover{background:var(--ticket-bg-hover)!important}.ticket-form-group select option:first-child{color:var(--ticket-text-secondary)!important;font-style:italic!important}.ticket-form-group input:hover,.ticket-form-group textarea:hover{border-color:var(--ticket-primary)!important;background:var(--ticket-bg-hover)!important}.ticket-form-group input:focus,.ticket-form-group textarea:focus{outline:none!important;border-color:var(--ticket-primary)!important;box-shadow:0 0 0 2px #8b5cf633!important}.ticket-form-group input::placeholder,.ticket-form-group textarea::placeholder{color:var(--ticket-text-secondary)!important;opacity:.7!important}.ticket-form-group input:focus::placeholder,.ticket-form-group textarea:focus::placeholder{opacity:.5!important}.ticket-response-submit-btn{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.6rem 1rem!important;border:none!important;border-radius:8px!important;font-weight:700!important;color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;width:fit-content!important}.ticket-response-submit-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.ticket-form-group input[type=checkbox]{width:auto!important;margin-right:.5rem!important;accent-color:var(--ticket-primary)!important;cursor:pointer!important}.ticket-form-group label:has(input[type=checkbox]){display:flex!important;align-items:center!important;cursor:pointer!important;font-size:.9rem!important;color:var(--ticket-text)!important}.ticket-status-update{background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;border-radius:10px!important;padding:1rem!important;margin-bottom:1rem!important}.ticket-status-update h4{margin:0 0 .75rem!important;color:var(--ticket-primary)!important;font-weight:700!important}.ticket-status-form{display:flex!important;flex-direction:column!important;gap:.75rem!important}.ticket-status-update-btn{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.6rem 1rem!important;border:none!important;border-radius:8px!important;font-weight:700!important;color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)!important;width:fit-content!important;transition:all .25s ease!important}.ticket-status-update-btn:hover:not(:disabled){transform:translateY(-1px)!important;background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%)!important;box-shadow:var(--ticket-shadow-hover)!important}.ticket-status-update-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.ticket-add-form{display:flex!important;flex-direction:column!important;gap:1rem!important}.ticket-form-section{background:var(--ticket-bg-card)!important;border:1px solid var(--ticket-border-light)!important;border-radius:10px!important;padding:1rem!important}.ticket-form-section h4{margin:0 0 .75rem!important}.ticket-form-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:.75rem 1rem!important}.ticket-customer-search{position:relative!important}.ticket-search-loading{position:absolute!important;right:.5rem!important;top:50%!important;transform:translateY(-50%)!important}.ticket-customer-results{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;right:0!important;background:var(--ticket-bg)!important;border:1px solid var(--ticket-border-light)!important;border-radius:8px!important;box-shadow:var(--ticket-shadow)!important;max-height:240px!important;overflow-y:auto!important;z-index:10!important}.ticket-customer-result{padding:.6rem .75rem!important;border-bottom:1px solid var(--ticket-border-light)!important;cursor:pointer!important}.ticket-customer-result:hover{background:var(--ticket-bg-hover)!important}.ticket-customer-result:last-child{border-bottom:none!important}.ticket-customer-result-name{font-weight:600!important}.ticket-customer-result-id,.ticket-customer-result-phone{color:var(--ticket-text-secondary)!important;font-size:.8rem!important}.ticket-form-actions{display:flex!important;justify-content:flex-end!important;gap:.75rem!important}.ticket-form-cancel-btn,.ticket-form-submit-btn{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.6rem 1rem!important;border-radius:8px!important;border:1px solid transparent!important;font-weight:700!important;cursor:pointer!important}.ticket-form-cancel-btn{background:var(--ticket-bg-card)!important;color:var(--ticket-text)!important;border-color:var(--ticket-border-light)!important}.ticket-form-submit-btn{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)!important;color:#fff!important}.ticket-delete-confirmation{padding:.5rem 0!important}.ticket-delete-info{background:var(--ticket-bg-secondary)!important;border:1px solid var(--ticket-border-light)!important;border-radius:8px!important;padding:.75rem!important;margin:.75rem 0!important}.ticket-delete-warning{color:var(--ticket-warning)!important;background:rgba(245,158,11,.12)!important;border:1px solid rgba(245,158,11,.35)!important;border-radius:8px!important;padding:.6rem!important}.ticket-delete-actions{display:flex!important;justify-content:flex-end!important;gap:.75rem!important;margin-top:1rem!important}.ticket-delete-cancel-btn{background:var(--ticket-bg-card)!important;color:var(--ticket-text)!important;border:1px solid var(--ticket-border-light)!important;padding:.6rem 1rem!important;border-radius:8px!important;cursor:pointer!important}.ticket-delete-confirm-btn{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;color:#fff!important;border:none!important;padding:.6rem 1rem!important;border-radius:8px!important;cursor:pointer!important}.ticket-add-form input[readOnly]{opacity:.8!important;cursor:not-allowed!important}@media (max-width: 1024px){.ticket-filters-content{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}.ticket-status-select{min-width:100px!important;font-size:.75rem!important}}@media (max-width: 768px){.ticket-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.ticket-header-actions{width:100%!important;justify-content:space-between!important}.ticket-filters-header{flex-direction:column!important;align-items:stretch!important}.ticket-filters-left{flex-wrap:wrap!important}.ticket-search input{width:100%!important}.ticket-actions{flex-direction:column!important;gap:.25rem!important}.ticket-status-select{min-width:80px!important;font-size:.7rem!important;padding:.3rem .4rem!important}.ticket-status-quick{order:-1!important}}@media (max-width: 480px){.ticket-table-container{overflow-x:auto!important}.ticket-table{min-width:800px!important}.ticket-status-select{min-width:70px!important;font-size:.65rem!important}}@media (prefers-color-scheme: dark){:root{--ticket-bg: #0f0a1a !important;--ticket-bg-secondary: rgba(139, 92, 246, .05) !important;--ticket-bg-card: rgba(139, 92, 246, .08) !important;--ticket-bg-hover: rgba(139, 92, 246, .12) !important;--ticket-text: #e2e8f0 !important;--ticket-text-secondary: #94a3b8 !important}}@media (prefers-reduced-motion: reduce){.ticket-add-btn,.ticket-refresh-btn,.ticket-action-btn,.ticket-pagination-btn{transition:none!important}}:root{--afs-mikrotik-dvc-primary: #8b5cf6;--afs-mikrotik-dvc-primary-light: #a78bfa;--afs-mikrotik-dvc-primary-dark: #7c3aed;--afs-mikrotik-dvc-secondary: #6366f1;--afs-mikrotik-dvc-accent: #ec4899;--afs-mikrotik-dvc-success: #10b981;--afs-mikrotik-dvc-warning: #f59e0b;--afs-mikrotik-dvc-error: #ef4444;--afs-mikrotik-dvc-bg: #0f0a1a;--afs-mikrotik-dvc-bg-secondary: rgba(139, 92, 246, .05);--afs-mikrotik-dvc-bg-card: rgba(139, 92, 246, .08);--afs-mikrotik-dvc-bg-hover: rgba(139, 92, 246, .12);--afs-mikrotik-dvc-text: #e2e8f0;--afs-mikrotik-dvc-text-secondary: #94a3b8;--afs-mikrotik-dvc-border: rgba(139, 92, 246, .2);--afs-mikrotik-dvc-border-light: rgba(139, 92, 246, .1);--afs-mikrotik-dvc-shadow: 0 4px 20px rgba(139, 92, 246, .15);--afs-mikrotik-dvc-shadow-hover: 0 8px 30px rgba(139, 92, 246, .25);--afs-mikrotik-dvc-glow: 0 0 20px rgba(139, 92, 246, .3);--afs-mikrotik-dvc-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);--afs-mikrotik-dvc-gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(99, 102, 241, .1) 100%)}.afs-mikrotik-dvc-management{min-height:100vh;background:var(--afs-mikrotik-dvc-bg);color:var(--afs-mikrotik-dvc-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:0;margin:0;line-height:1.6;overflow-x:hidden}.afs-mikrotik-dvc-header{background:var(--afs-mikrotik-dvc-gradient-subtle);border:1px solid var(--afs-mikrotik-dvc-border-light);border-radius:20px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:var(--afs-mikrotik-dvc-shadow);position:relative;overflow:hidden}.afs-mikrotik-dvc-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--afs-mikrotik-dvc-gradient);border-radius:20px 20px 0 0}.afs-mikrotik-dvc-header-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:2}.afs-mikrotik-dvc-header-left{display:flex;align-items:center;gap:1.5rem;flex:1}.afs-mikrotik-dvc-header-icon{width:70px;height:70px;background:var(--afs-mikrotik-dvc-gradient);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--afs-mikrotik-dvc-glow);flex-shrink:0}.afs-mikrotik-dvc-header-icon svg{color:#fff;stroke-width:2.5;width:28px;height:28px}.afs-mikrotik-dvc-header-text{flex:1}.afs-mikrotik-dvc-header-text h2{font-size:2rem;font-weight:700;margin-bottom:.75rem;background:var(--afs-mikrotik-dvc-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.afs-mikrotik-dvc-header-text p{color:var(--afs-mikrotik-dvc-text-secondary);font-size:1.1rem;line-height:1.6;margin:0;max-width:500px}.afs-mikrotik-dvc-header-actions{display:flex;gap:1rem;flex-shrink:0;align-items:center}.afs-mikrotik-dvc-btn{background:var(--afs-mikrotik-dvc-gradient);border:none;border-radius:14px;padding:.875rem 1.75rem;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;box-shadow:var(--afs-mikrotik-dvc-shadow);text-decoration:none;white-space:nowrap;min-height:44px;min-width:44px;max-width:fit-content;width:auto;position:relative;overflow:hidden}.afs-mikrotik-dvc-btn:hover{transform:translateY(-2px);box-shadow:var(--afs-mikrotik-dvc-shadow-hover)}.afs-mikrotik-dvc-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.afs-mikrotik-dvc-btn.secondary{background:transparent;border:2px solid var(--afs-mikrotik-dvc-border);color:var(--afs-mikrotik-dvc-text)}.afs-mikrotik-dvc-btn.secondary:hover{background:var(--afs-mikrotik-dvc-bg-hover);border-color:var(--afs-mikrotik-dvc-border)}.afs-mikrotik-dvc-btn.danger{background:linear-gradient(135deg,#ef4444,#f87171);border:2px solid rgba(239,68,68,.3)}.afs-mikrotik-dvc-btn.danger:hover{background:linear-gradient(135deg,#ef4444,#f87171);border-color:#ef44444d}.afs-mikrotik-dvc-btn svg{width:18px;height:18px;flex-shrink:0;stroke-width:2}.afs-mikrotik-dvc-section{background:var(--afs-mikrotik-dvc-bg-card);border:1px solid var(--afs-mikrotik-dvc-border-light);border-radius:20px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.afs-mikrotik-dvc-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--afs-mikrotik-dvc-gradient);border-radius:20px 20px 0 0}.afs-mikrotik-dvc-section h3{font-size:1.5rem;font-weight:700;color:var(--afs-mikrotik-dvc-text);margin-bottom:1.5rem;background:var(--afs-mikrotik-dvc-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.afs-mikrotik-dvc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.afs-mikrotik-dvc-stat-card{background:var(--afs-mikrotik-dvc-bg);border:1px solid var(--afs-mikrotik-dvc-border-light);border-radius:16px;padding:1.75rem;text-align:center;position:relative;overflow:hidden;transition:all .3s ease;min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center}.afs-mikrotik-dvc-stat-card:hover{transform:translateY(-4px);box-shadow:var(--afs-mikrotik-dvc-shadow)}.afs-mikrotik-dvc-stat-icon{width:56px;height:56px;background:var(--afs-mikrotik-dvc-gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:2;color:#fff;box-shadow:0 6px 20px #8b5cf64d}.afs-mikrotik-dvc-stat-icon svg{color:#fff;stroke-width:2.5;width:26px;height:26px}.afs-mikrotik-dvc-stat-number{font-size:2rem;font-weight:700;color:var(--afs-mikrotik-dvc-text);margin-bottom:.5rem;position:relative;z-index:2;line-height:1}.afs-mikrotik-dvc-stat-label{font-size:.85rem;color:var(--afs-mikrotik-dvc-text-secondary);font-weight:500;position:relative;z-index:2;text-transform:uppercase;letter-spacing:.5px}.afs-mikrotik-dvc-search-container{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--afs-mikrotik-dvc-bg);border:1px solid var(--afs-mikrotik-dvc-border-light);border-radius:12px;align-items:flex-end;flex-wrap:wrap}.afs-mikrotik-dvc-search-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.afs-mikrotik-dvc-search-label{font-size:.9rem;font-weight:600;color:var(--afs-mikrotik-dvc-text)}.afs-mikrotik-dvc-clear-btn{background:transparent;border:2px solid var(--afs-mikrotik-dvc-error);border-radius:8px;padding:.75rem 1rem;color:var(--afs-mikrotik-dvc-error);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;transition:all .3s ease;align-self:flex-end;margin-bottom:0;margin-top:2rem}.afs-mikrotik-dvc-clear-btn:hover{background:rgba(239,68,68,.1);transform:translateY(-2px)}.afs-mikrotik-dvc-clear-btn svg{width:14px;height:14px;stroke-width:2.5}.afs-mikrotik-dvc-form{display:grid;gap:2rem}.afs-mikrotik-dvc-form-group{display:flex;flex-direction:column;gap:.75rem}.afs-mikrotik-dvc-form-label{font-size:.9rem;font-weight:600;color:var(--afs-mikrotik-dvc-text);display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.afs-mikrotik-dvc-form-input,.afs-mikrotik-dvc-form-select{background:var(--afs-mikrotik-dvc-bg);border:2px solid var(--afs-mikrotik-dvc-border-light);border-radius:12px;padding:1rem 1.25rem;color:var(--afs-mikrotik-dvc-text);font-size:.9rem;transition:all .3s ease;min-height:48px;width:100%;box-sizing:border-box}.afs-mikrotik-dvc-form-input:focus,.afs-mikrotik-dvc-form-select:focus{outline:none;border-color:var(--afs-mikrotik-dvc-primary);box-shadow:0 0 0 3px #3b82f61a}.afs-mikrotik-dvc-password-container{position:relative;display:flex;align-items:center}.afs-mikrotik-dvc-password-toggle{position:absolute;right:1rem;background:transparent;border:none;color:var(--afs-mikrotik-dvc-text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease}.afs-mikrotik-dvc-password-toggle:hover{background:var(--afs-mikrotik-dvc-bg-hover);color:var(--afs-mikrotik-dvc-text)}.afs-mikrotik-dvc-form-help{color:var(--afs-mikrotik-dvc-text-secondary);font-size:.8rem;margin-top:.25rem;line-height:1.4}.afs-mikrotik-dvc-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;align-items:start}.afs-mikrotik-dvc-table-container{background:var(--afs-mikrotik-dvc-bg);border:1px solid var(--afs-mikrotik-dvc-border-light);border-radius:12px;overflow-x:auto;margin-top:1rem;box-shadow:var(--afs-mikrotik-dvc-shadow);scrollbar-width:thin;-ms-overflow-style:auto}.afs-mikrotik-dvc-table-container::-webkit-scrollbar{height:8px}.afs-mikrotik-dvc-table-container::-webkit-scrollbar-track{background:var(--afs-mikrotik-dvc-bg-hover);border-radius:4px}.afs-mikrotik-dvc-table-container::-webkit-scrollbar-thumb{background:var(--afs-mikrotik-dvc-border);border-radius:4px}.afs-mikrotik-dvc-table{width:100%;border-collapse:collapse;min-width:800px}.afs-mikrotik-dvc-table th{background:var(--afs-mikrotik-dvc-bg-hover);color:var(--afs-mikrotik-dvc-text);font-size:.8rem;font-weight:600;text-align:left;padding:1rem .75rem;border-bottom:1px solid var(--afs-mikrotik-dvc-border-light);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.afs-mikrotik-dvc-table td{color:var(--afs-mikrotik-dvc-text);font-size:.85rem;padding:1rem .75rem;border-bottom:1px solid var(--afs-mikrotik-dvc-border-light);vertical-align:middle;word-wrap:break-word;max-width:200px}.afs-mikrotik-dvc-table tr:hover{background:var(--afs-mikrotik-dvc-bg-hover)}.afs-mikrotik-dvc-table tr:last-child td{border-bottom:none}.afs-mikrotik-dvc-device-info{display:flex;flex-direction:column;gap:.25rem}.afs-mikrotik-dvc-device-name{font-weight:600;color:var(--afs-mikrotik-dvc-text)}.afs-mikrotik-dvc-device-username{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--afs-mikrotik-dvc-text-secondary)}.afs-mikrotik-dvc-host-container{display:flex;align-items:center;gap:.75rem;justify-content:flex-start}.afs-mikrotik-dvc-host{background:rgba(139,92,246,.15);padding:.5rem .75rem;border-radius:8px;font-size:.85rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600;color:var(--afs-mikrotik-dvc-text);border:1px solid rgba(139,92,246,.2);letter-spacing:.5px}.afs-mikrotik-dvc-copy-btn{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);color:var(--afs-mikrotik-dvc-text-secondary);cursor:pointer;border-radius:6px;padding:.5rem;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;transition:all .3s ease}.afs-mikrotik-dvc-copy-btn:hover{background:rgba(139,92,246,.2);color:var(--afs-mikrotik-dvc-text);transform:translateY(-2px)}.afs-mikrotik-dvc-copy-btn svg{width:14px;height:14px;stroke-width:2.5}.afs-mikrotik-dvc-status{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:25px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:80px;text-align:center;white-space:nowrap;transition:all .3s ease}.afs-mikrotik-dvc-status.active{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.afs-mikrotik-dvc-status.inactive{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.afs-mikrotik-dvc-connection-type{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:25px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:80px;text-align:center;white-space:nowrap;transition:all .3s ease}.afs-mikrotik-dvc-connection-type.vpn{background:rgba(139,92,246,.15);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.afs-mikrotik-dvc-connection-type.direct{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.afs-mikrotik-dvc-loading{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--afs-mikrotik-dvc-text-secondary);gap:1rem;flex-direction:column;min-height:200px}.afs-mikrotik-dvc-loading p{margin:0;font-size:.9rem;color:var(--afs-mikrotik-dvc-text-secondary)}.afs-mikrotik-dvc-loading-spinner{width:24px;height:24px;border:3px solid var(--afs-mikrotik-dvc-border-light);border-top:3px solid var(--afs-mikrotik-dvc-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.afs-mikrotik-dvc-empty{text-align:center;padding:4rem 2rem;color:var(--afs-mikrotik-dvc-text-secondary);min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.afs-mikrotik-dvc-empty-icon{width:80px;height:80px;background:var(--afs-mikrotik-dvc-bg-hover);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--afs-mikrotik-dvc-text-secondary)}.afs-mikrotik-dvc-empty-icon svg{width:36px;height:36px}.afs-mikrotik-dvc-empty h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--afs-mikrotik-dvc-text)}.afs-mikrotik-dvc-empty p{font-size:.95rem;line-height:1.6;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.afs-mikrotik-dvc-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.afs-mikrotik-dvc-total-info{color:var(--afs-mikrotik-dvc-text-secondary);font-size:.9rem;font-weight:500}.afs-mikrotik-dvc-modal-actions{display:flex;gap:1.5rem;justify-content:flex-end;margin-top:2rem;flex-wrap:wrap;align-items:center;padding-top:1.5rem;border-top:1px solid var(--afs-mikrotik-dvc-border-light)}.afs-mikrotik-dvc-modal-actions.center{justify-content:center}.afs-mikrotik-dvc-action-container{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0}.afs-mikrotik-dvc-table .afs-mikrotik-dvc-btn{padding:.5rem;min-width:36px;min-height:36px;max-width:fit-content;width:auto;border-radius:8px;font-size:.8rem;display:flex;align-items:center;justify-content:center}.afs-mikrotik-dvc-table .afs-mikrotik-dvc-btn svg{width:14px;height:14px;stroke-width:2.5}.afs-mikrotik-dvc-section-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.afs-mikrotik-dvc-modal-content{text-align:center;padding:1rem 0}.afs-mikrotik-dvc-modal-icon{color:#ef4444;margin-bottom:1rem}.afs-mikrotik-dvc-modal-icon.success{color:#10b981}.afs-mikrotik-dvc-modal-icon.error{color:#ef4444}.afs-mikrotik-dvc-modal-text{font-size:.9rem;color:var(--afs-mikrotik-dvc-text-secondary);margin-bottom:1rem;line-height:1.6}.afs-mikrotik-dvc-modal-device{font-weight:700;margin:1rem 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.1rem;background:rgba(139,92,246,.15);padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(139,92,246,.2);display:inline-block;letter-spacing:.5px}.afs-mikrotik-dvc-test-success h3,.afs-mikrotik-dvc-test-error h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--afs-mikrotik-dvc-text)}.afs-mikrotik-dvc-system-info{background:var(--afs-mikrotik-dvc-bg-hover);border:1px solid var(--afs-mikrotik-dvc-border-light);border-radius:12px;padding:1rem;margin-top:1rem;text-align:left}.afs-mikrotik-dvc-info-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--afs-mikrotik-dvc-border-light);font-size:.9rem}.afs-mikrotik-dvc-info-item:last-child{border-bottom:none}.afs-mikrotik-dvc-info-item svg{color:var(--afs-mikrotik-dvc-primary);width:16px;height:16px;flex-shrink:0}.afs-mikrotik-dvc-error-details{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:.75rem;margin-top:.75rem;text-align:left;font-size:.85rem;color:var(--afs-mikrotik-dvc-text)}@media (max-width: 1024px){.afs-mikrotik-dvc-header{padding:2rem}.afs-mikrotik-dvc-header-content{flex-direction:column;text-align:center;gap:1.5rem}.afs-mikrotik-dvc-header-left{flex-direction:column;text-align:center}.afs-mikrotik-dvc-header-text h2{font-size:1.75rem}.afs-mikrotik-dvc-form-grid{grid-template-columns:1fr}.afs-mikrotik-dvc-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.afs-mikrotik-dvc-device-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.afs-mikrotik-dvc-search-container{flex-direction:column;align-items:stretch}.afs-mikrotik-dvc-search-group{min-width:auto;width:100%}.afs-mikrotik-dvc-clear-btn{flex:0 0 auto;max-width:fit-content;width:auto;align-self:center;margin-bottom:0}}@media (max-width: 768px){.afs-mikrotik-dvc-header{padding:2rem}.afs-mikrotik-dvc-header-content{flex-direction:column;text-align:center;gap:1.5rem}.afs-mikrotik-dvc-header-left{flex-direction:column;text-align:center}.afs-mikrotik-dvc-header-text h2{font-size:1.75rem}.afs-mikrotik-dvc-form-grid{grid-template-columns:1fr}.afs-mikrotik-dvc-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.afs-mikrotik-dvc-device-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.afs-mikrotik-dvc-search-container{flex-direction:column;align-items:stretch}.afs-mikrotik-dvc-search-group{min-width:auto;width:100%}.afs-mikrotik-dvc-clear-btn{flex:0 0 auto;max-width:fit-content;width:auto;align-self:center;margin-bottom:0}.afs-mikrotik-dvc-dashboard-tabs{flex-direction:row;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;-ms-overflow-style:auto}.afs-mikrotik-dvc-dashboard-tabs::-webkit-scrollbar{height:4px}.afs-mikrotik-dvc-dashboard-tabs::-webkit-scrollbar-track{background:var(--afs-mikrotik-dvc-bg-hover);border-radius:2px}.afs-mikrotik-dvc-dashboard-tabs::-webkit-scrollbar-thumb{background:var(--afs-mikrotik-dvc-border);border-radius:2px}.afs-mikrotik-dvc-tab{padding:.5rem 1rem;font-size:.85rem;min-height:40px;white-space:nowrap;flex-shrink:0}.afs-mikrotik-dvc-dashboard-header{flex-direction:column;gap:1rem;align-items:stretch}.afs-mikrotik-dvc-dashboard-tabs{justify-content:flex-start;margin:0 -.5rem;padding:0 .5rem .5rem}}@media (max-width: 480px){.afs-mikrotik-dvc-header{padding:1.25rem}.afs-mikrotik-dvc-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.afs-mikrotik-dvc-stat-card{padding:1rem}.afs-mikrotik-dvc-stat-icon{width:36px;height:36px}.afs-mikrotik-dvc-stat-icon svg{width:16px;height:16px}.afs-mikrotik-dvc-stat-number{font-size:1.25rem}.afs-mikrotik-dvc-stat-label{font-size:.75rem}.afs-mikrotik-dvc-modal-actions{flex-direction:column;align-items:center;gap:1rem}.afs-mikrotik-dvc-header-icon{width:50px;height:50px}.afs-mikrotik-dvc-header-icon svg{width:20px;height:20px}.afs-mikrotik-dvc-header-text h2{font-size:1.375rem}.afs-mikrotik-dvc-section{padding:1.25rem}.afs-mikrotik-dvc-empty{padding:3rem 1rem}.afs-mikrotik-dvc-empty-icon{width:60px;height:60px}.afs-mikrotik-dvc-empty-icon svg{width:28px;height:28px}.afs-mikrotik-dvc-table th,.afs-mikrotik-dvc-table td{padding:.5rem .375rem;font-size:.75rem}.afs-mikrotik-dvc-table{min-width:400px}.afs-mikrotik-dvc-table .afs-mikrotik-dvc-btn{min-width:28px;min-height:28px;padding:.25rem}.afs-mikrotik-dvc-host{font-size:.75rem;padding:.375rem .5rem;max-width:120px;overflow:hidden;text-overflow:ellipsis}.afs-mikrotik-dvc-status,.afs-mikrotik-dvc-connection-type{font-size:.7rem;padding:.375rem .75rem;min-width:60px;max-width:80px;overflow:hidden;text-overflow:ellipsis}.afs-mikrotik-dvc-copy-btn{min-width:24px;min-height:24px;padding:.25rem}.afs-mikrotik-dvc-copy-btn svg{width:12px;height:12px}.afs-mikrotik-dvc-clear-btn{min-width:auto;max-width:fit-content;width:auto;padding:.5rem .75rem;font-size:.8rem}.afs-mikrotik-dvc-search-container{padding:.75rem;gap:.75rem;align-items:stretch}.afs-mikrotik-dvc-search-group{min-width:auto;width:100%}.afs-mikrotik-dvc-clear-btn{align-self:center;margin-bottom:0;margin-top:.75rem}.afs-mikrotik-dvc-form-input,.afs-mikrotik-dvc-form-select{min-height:40px;padding:.75rem 1rem;font-size:.85rem}.afs-mikrotik-dvc-empty{padding:2rem 1rem;min-height:200px}.afs-mikrotik-dvc-loading{min-height:150px;padding:2rem 1rem}.afs-mikrotik-dvc-loading p{font-size:.85rem}.afs-mikrotik-dvc-modal-content{padding:.5rem 0}.afs-mikrotik-dvc-modal-device{font-size:1rem;padding:.5rem .75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis}.afs-mikrotik-dvc-section{padding:1rem}.afs-mikrotik-dvc-section h3{font-size:1.125rem}.afs-mikrotik-dvc-header{padding:1rem}.afs-mikrotik-dvc-header-text h2{font-size:1.25rem}.afs-mikrotik-dvc-header-text p{font-size:.9rem}.afs-mikrotik-dvc-dashboard-tabs{flex-direction:row;gap:.25rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;-ms-overflow-style:auto}.afs-mikrotik-dvc-dashboard-tabs::-webkit-scrollbar{height:3px}.afs-mikrotik-dvc-dashboard-tabs::-webkit-scrollbar-track{background:var(--afs-mikrotik-dvc-bg-hover);border-radius:2px}.afs-mikrotik-dvc-dashboard-tabs::-webkit-scrollbar-thumb{background:var(--afs-mikrotik-dvc-border);border-radius:2px}.afs-mikrotik-dvc-tab{padding:.375rem .75rem;font-size:.8rem;min-height:36px;white-space:nowrap;flex-shrink:0}.afs-mikrotik-dvc-dashboard-header{flex-direction:column;gap:1rem;align-items:stretch}.afs-mikrotik-dvc-dashboard-header h3{font-size:1.125rem;text-align:center}.afs-mikrotik-dvc-dashboard-tabs{justify-content:flex-start;margin:0 -.5rem;padding:0 .5rem .5rem}}@media (prefers-color-scheme: dark){:root{--afs-mikrotik-dvc-bg: #0a0614;--afs-mikrotik-dvc-bg-card: rgba(139, 92, 246, .06);--afs-mikrotik-dvc-border-light: rgba(139, 92, 246, .08)}}@media (prefers-contrast: high){:root{--afs-mikrotik-dvc-border: rgba(139, 92, 246, .4);--afs-mikrotik-dvc-border-light: rgba(139, 92, 246, .3)}}@media print{.afs-mikrotik-dvc-management{background:white;color:#000}.afs-mikrotik-dvc-btn,.afs-mikrotik-dvc-tab{display:none}.afs-mikrotik-dvc-table{border:1px solid #ccc}.afs-mikrotik-dvc-table th,.afs-mikrotik-dvc-table td{border:1px solid #ccc;padding:.5rem}}.afs-mikrotik-dvc-device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:1rem}.afs-mikrotik-dvc-device-card{background:var(--afs-mikrotik-dvc-bg);border:1px solid var(--afs-mikrotik-dvc-border-light);border-radius:10px;padding:.625rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:0}.afs-mikrotik-dvc-device-card:hover{transform:translateY(-4px);box-shadow:var(--afs-mikrotik-dvc-shadow);border-color:var(--afs-mikrotik-dvc-border)}.afs-mikrotik-dvc-device-card.selected{border-color:var(--afs-mikrotik-dvc-primary);box-shadow:var(--afs-mikrotik-dvc-glow);background:var(--afs-mikrotik-dvc-bg-hover)}.afs-mikrotik-dvc-device-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.afs-mikrotik-dvc-device-card-icon{width:32px;height:32px;background:var(--afs-mikrotik-dvc-gradient);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.afs-mikrotik-dvc-device-card-content h4{font-size:.9rem;font-weight:600;margin-bottom:.25rem;color:var(--afs-mikrotik-dvc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.afs-mikrotik-dvc-device-host{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem;color:var(--afs-mikrotik-dvc-text-secondary);margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.afs-mikrotik-dvc-device-user{font-size:.7rem;color:var(--afs-mikrotik-dvc-text-secondary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.afs-mikrotik-dvc-device-type{display:flex;justify-content:flex-start}.afs-mikrotik-dvc-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.afs-mikrotik-dvc-dashboard-tabs{display:flex;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;-ms-overflow-style:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;max-width:100%}.afs-mikrotik-dvc-dashboard-tabs::-webkit-scrollbar{height:4px}.afs-mikrotik-dvc-dashboard-tabs::-webkit-scrollbar-track{background:var(--afs-mikrotik-dvc-bg-hover);border-radius:2px}.afs-mikrotik-dvc-dashboard-tabs::-webkit-scrollbar-thumb{background:var(--afs-mikrotik-dvc-border);border-radius:2px}.afs-mikrotik-dvc-tab{background:transparent;border:2px solid var(--afs-mikrotik-dvc-border-light);border-radius:12px;padding:.75rem 1.25rem;color:var(--afs-mikrotik-dvc-text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;min-height:44px;white-space:nowrap;flex-shrink:0;min-width:max-content}.afs-mikrotik-dvc-tab:hover{border-color:var(--afs-mikrotik-dvc-border);background:var(--afs-mikrotik-dvc-bg-hover);color:var(--afs-mikrotik-dvc-text)}.afs-mikrotik-dvc-tab.active{background:var(--afs-mikrotik-dvc-gradient);border-color:var(--afs-mikrotik-dvc-primary);color:#fff}.afs-mikrotik-dvc-dashboard-content{margin-top:1rem}.afs-mikrotik-dvc-data-section{background:var(--afs-mikrotik-dvc-bg);border:1px solid var(--afs-mikrotik-dvc-border-light);border-radius:12px;overflow:hidden;margin-bottom:1rem}.afs-mikrotik-dvc-data-section .afs-mikrotik-dvc-section-header{background:var(--afs-mikrotik-dvc-bg-hover);padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;margin-bottom:0;border-bottom:1px solid var(--afs-mikrotik-dvc-border-light)}.afs-mikrotik-dvc-data-section .afs-mikrotik-dvc-section-header:hover{background:var(--afs-mikrotik-dvc-bg-hover)}.afs-mikrotik-dvc-data-section .afs-mikrotik-dvc-section-header h4{margin:0;display:flex;align-items:center;gap:.5rem;color:var(--afs-mikrotik-dvc-text);font-size:1rem;font-weight:600}.afs-mikrotik-dvc-interface-name{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--afs-mikrotik-dvc-text)}.afs-mikrotik-dvc-interface-name svg{color:var(--afs-mikrotik-dvc-primary);flex-shrink:0}.afs-mikrotik-dvc-mac-container{display:flex;align-items:center;gap:.5rem}.afs-mikrotik-dvc-mac-container code{background:rgba(139,92,246,.15);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--afs-mikrotik-dvc-text);border:1px solid rgba(139,92,246,.2)}.afs-mikrotik-dvc-management::-webkit-scrollbar{width:8px}.afs-mikrotik-dvc-management::-webkit-scrollbar-track{background:var(--afs-mikrotik-dvc-bg-hover)}.afs-mikrotik-dvc-management::-webkit-scrollbar-thumb{background:var(--afs-mikrotik-dvc-border);border-radius:4px}.afs-mikrotik-dvc-management::-webkit-scrollbar-thumb:hover{background:var(--afs-mikrotik-dvc-border)}.afs-mikrotik-dvc-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--afs-mikrotik-dvc-bg);border:1px solid var(--afs-mikrotik-dvc-border-light);border-radius:12px;margin-top:1rem;flex-wrap:wrap;gap:1rem}.afs-mikrotik-dvc-pagination-info{color:var(--afs-mikrotik-dvc-text-secondary);font-size:.9rem;font-weight:500}.afs-mikrotik-dvc-pagination-controls{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.afs-mikrotik-dvc-items-per-page{display:flex;align-items:center;gap:.75rem}.afs-mikrotik-dvc-items-per-page label{font-size:.9rem;font-weight:600;color:var(--afs-mikrotik-dvc-text);white-space:nowrap}.afs-mikrotik-dvc-items-per-page select{background:var(--afs-mikrotik-dvc-bg);border:2px solid var(--afs-mikrotik-dvc-border-light);border-radius:8px;padding:.5rem .75rem;color:var(--afs-mikrotik-dvc-text);font-size:.85rem;min-width:80px;transition:all .3s ease}.afs-mikrotik-dvc-items-per-page select:focus{outline:none;border-color:var(--afs-mikrotik-dvc-primary);box-shadow:0 0 0 3px #3b82f61a}.afs-mikrotik-dvc-page-navigation{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.afs-mikrotik-dvc-page-numbers{display:flex;align-items:center;gap:.5rem}.afs-mikrotik-dvc-page-btn{background:transparent;border:2px solid var(--afs-mikrotik-dvc-border-light);border-radius:8px;padding:.5rem .75rem;color:var(--afs-mikrotik-dvc-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;min-width:40px;min-height:36px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.afs-mikrotik-dvc-page-btn:hover{border-color:var(--afs-mikrotik-dvc-border);background:var(--afs-mikrotik-dvc-bg-hover);color:var(--afs-mikrotik-dvc-text)}.afs-mikrotik-dvc-page-btn.active{background:var(--afs-mikrotik-dvc-gradient);border-color:var(--afs-mikrotik-dvc-primary);color:#fff}.afs-mikrotik-dvc-page-btn:disabled{opacity:.5;cursor:not-allowed;background:transparent;border-color:var(--afs-mikrotik-dvc-border-light);color:var(--afs-mikrotik-dvc-text-secondary)}.afs-mikrotik-dvc-page-navigation .afs-mikrotik-dvc-btn{padding:.5rem 1rem;min-height:36px;font-size:.85rem}@media (max-width: 768px){.afs-mikrotik-dvc-pagination-container{flex-direction:column;align-items:stretch;gap:1rem}.afs-mikrotik-dvc-pagination-controls{justify-content:center;gap:1rem}.afs-mikrotik-dvc-items-per-page{flex-direction:column;align-items:center;gap:.5rem}.afs-mikrotik-dvc-page-navigation{flex-direction:column;gap:.75rem}.afs-mikrotik-dvc-page-numbers{justify-content:center}.afs-mikrotik-dvc-page-btn{min-width:36px;min-height:32px;padding:.375rem .5rem;font-size:.8rem}}@media (max-width: 480px){.afs-mikrotik-dvc-pagination-container{padding:.75rem}.afs-mikrotik-dvc-pagination-info{font-size:.8rem;text-align:center}.afs-mikrotik-dvc-items-per-page label{font-size:.8rem}.afs-mikrotik-dvc-items-per-page select{font-size:.8rem;padding:.375rem .5rem;min-width:70px}.afs-mikrotik-dvc-page-btn{min-width:32px;min-height:28px;padding:.25rem .375rem;font-size:.75rem}.afs-mikrotik-dvc-page-navigation .afs-mikrotik-dvc-btn{padding:.375rem .75rem;min-height:32px;font-size:.8rem}}.afs-mikrotik-dvc-empty-table{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:200px;color:var(--afs-mikrotik-dvc-text-secondary)}.afs-mikrotik-dvc-empty-table-icon{width:64px;height:64px;background:var(--afs-mikrotik-dvc-bg-hover);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--afs-mikrotik-dvc-text-secondary)}.afs-mikrotik-dvc-empty-table-icon svg{width:32px;height:32px;stroke-width:1.5}.afs-mikrotik-dvc-empty-table h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--afs-mikrotik-dvc-text)}.afs-mikrotik-dvc-empty-table p{font-size:.9rem;line-height:1.5;margin:0;max-width:300px}@media (max-width: 768px){.afs-mikrotik-dvc-empty-table{padding:2rem 1rem;min-height:150px}.afs-mikrotik-dvc-empty-table-icon{width:48px;height:48px}.afs-mikrotik-dvc-empty-table-icon svg{width:24px;height:24px}.afs-mikrotik-dvc-empty-table h4{font-size:1rem}.afs-mikrotik-dvc-empty-table p{font-size:.85rem}}@media (max-width: 480px){.afs-mikrotik-dvc-empty-table{padding:1.5rem 1rem;min-height:120px}.afs-mikrotik-dvc-empty-table-icon{width:40px;height:40px}.afs-mikrotik-dvc-empty-table-icon svg{width:20px;height:20px}.afs-mikrotik-dvc-empty-table h4{font-size:.9rem}.afs-mikrotik-dvc-empty-table p{font-size:.8rem}}.afs-mikrotik-dvc-hotspot-icon{color:var(--afs-mikrotik-dvc-accent);flex-shrink:0}.afs-mikrotik-dvc-hotspot-user{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--afs-mikrotik-dvc-text)}.afs-mikrotik-dvc-hotspot-user svg{color:var(--afs-mikrotik-dvc-accent);flex-shrink:0}.afs-mikrotik-dvc-ip-binding{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--afs-mikrotik-dvc-text)}.afs-mikrotik-dvc-ip-binding svg{color:var(--afs-mikrotik-dvc-warning);flex-shrink:0}.afs-mikrotik-dvc-hotspot-active{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--afs-mikrotik-dvc-text)}.afs-mikrotik-dvc-hotspot-active svg{color:var(--afs-mikrotik-dvc-success);flex-shrink:0}@media (max-width: 768px){.afs-mikrotik-dvc-hotspot-user,.afs-mikrotik-dvc-ip-binding,.afs-mikrotik-dvc-hotspot-active{font-size:.85rem}.afs-mikrotik-dvc-hotspot-user svg,.afs-mikrotik-dvc-ip-binding svg,.afs-mikrotik-dvc-hotspot-active svg{width:12px;height:12px}.afs-mikrotik-dvc-dashboard-tabs{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start;margin:0 -.5rem;padding:0 .5rem .5rem}.afs-mikrotik-dvc-tab{white-space:nowrap!important;flex-shrink:0!important}}@media (max-width: 480px){.afs-mikrotik-dvc-hotspot-user,.afs-mikrotik-dvc-ip-binding,.afs-mikrotik-dvc-hotspot-active{font-size:.8rem}.afs-mikrotik-dvc-hotspot-user svg,.afs-mikrotik-dvc-ip-binding svg,.afs-mikrotik-dvc-hotspot-active svg{width:10px;height:10px}.afs-mikrotik-dvc-dashboard-tabs{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start;margin:0 -.25rem;padding:0 .25rem .5rem}.afs-mikrotik-dvc-tab{white-space:nowrap!important;flex-shrink:0!important;padding:.375rem .75rem;font-size:.8rem;min-height:36px}}.cust-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1a0b2e;padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cust-login-container{width:100%;max-width:400px}.cust-login-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cust-login-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--logo-bg-url, url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="50" x="50" text-anchor="middle" dy=".35em" font-size="60" fill="rgba(124, 58, 237, 0.08)" font-family="Arial, sans-serif">A</text></svg>'));background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.15;z-index:-1;animation:cust-float 20s ease-in-out infinite}.cust-login-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(124,58,237,.1) 0%,rgba(168,85,247,.05) 100%);z-index:-1}@keyframes cust-float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px,-5px) rotate(.5deg)}50%{transform:translate(5px,-3px) rotate(-.5deg)}75%{transform:translate(-3px,5px) rotate(.25deg)}}.cust-login-header{text-align:center;margin-bottom:16px}.cust-login-logo{display:flex;align-items:center;justify-content:center;margin-bottom:12px;gap:12px}.cust-logo-icon{width:48px;height:48px;background:#7c3aed;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #7c3aed4d;overflow:hidden}.cust-logo-image{width:100%;height:100%;object-fit:cover;border-radius:12px}.cust-logo-icon svg{width:24px;height:24px}.cust-login-logo h1{font-size:24px;font-weight:700;color:#7c3aed;margin:0}.cust-login-subtitle{color:#94a3b8;font-size:16px;margin:0 0 8px;font-weight:500}.cust-login-step{color:#e2e8f0;font-size:14px;margin:0;font-weight:400;background:rgba(124,58,237,.1);padding:8px 12px;border-radius:8px;border-left:3px solid #7c3aed}.cust-login-form{display:flex;flex-direction:column;gap:8px}.cust-form-group{display:flex;flex-direction:column;gap:2px}.cust-form-group label{font-weight:600;color:#e2e8f0;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.cust-form-group input{padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:16px;background:rgba(255,255,255,.05);color:#e2e8f0;font-weight:500}.cust-form-group input[name=otp]{text-align:center;letter-spacing:2px;font-size:18px;font-weight:600}.cust-form-group input:focus{outline:none;border-color:#7c3aed;background:rgba(255,255,255,.08)}.cust-form-group input::placeholder{color:#94a3b8;font-weight:400}.cust-form-group input:disabled{background:rgba(255,255,255,.03);cursor:not-allowed;opacity:.7}.cust-remember-me{margin:8px 0 12px;display:flex;justify-content:center;align-items:center}.cust-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#e2e8f0;font-size:15px;font-weight:500;-webkit-user-select:none;user-select:none;justify-content:center}.cust-checkbox-label input[type=checkbox]{display:none}.cust-checkbox-custom{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-radius:4px;background:rgba(255,255,255,.05);position:relative;transition:all .2s ease;flex-shrink:0}.cust-checkbox-label input[type=checkbox]:checked+.cust-checkbox-custom{background:#7c3aed;border-color:#7c3aed}.cust-checkbox-label input[type=checkbox]:checked+.cust-checkbox-custom:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.cust-checkbox-label:hover .cust-checkbox-custom{border-color:#7c3aed;background:rgba(124,58,237,.1)}.cust-checkbox-label input[type=checkbox]:disabled+.cust-checkbox-custom{opacity:.5;cursor:not-allowed}.cust-login-btn{background:#7c3aed;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:2px;box-shadow:0 4px 16px #7c3aed4d}.cust-login-btn:hover{background:#6d28d9}.cust-login-btn:active{background:#5b21b6}.cust-login-btn:disabled{opacity:.7;cursor:not-allowed;background:#6b7280}.cust-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:cust-spin 1s linear infinite}.cust-error-message{background:rgba(239,68,68,.1);color:#f87171;padding:12px 14px;border-radius:8px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(239,68,68,.2)}.cust-error-message span{flex:1;font-weight:500;font-size:14px}.cust-error-message button{background:none;border:none;color:#f87171;font-size:18px;cursor:pointer;padding:0;margin-left:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.cust-error-message button:hover{background:rgba(239,68,68,.1)}.cust-success-message{background:rgba(34,197,94,.1);color:#4ade80;padding:12px 14px;border-radius:8px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(34,197,94,.2)}.cust-success-message span{flex:1;font-weight:500;font-size:14px}.cust-success-message button{background:none;border:none;color:#4ade80;font-size:18px;cursor:pointer;padding:0;margin-left:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.cust-success-message button:hover{background:rgba(34,197,94,.1)}.cust-otp-help{margin-top:8px;text-align:center}.cust-otp-help p{color:#94a3b8;font-size:13px;margin:0 0 8px;font-weight:500}.cust-resend-btn{background:none;border:1px solid #7c3aed;color:#7c3aed;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.cust-resend-btn:hover:not(:disabled){background:#7c3aed;color:#fff}.cust-resend-btn:disabled{opacity:.5;cursor:not-allowed}.cust-back-btn{background:none;border:none;color:#7c3aed;font-size:14px;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:6px}.cust-back-btn:hover:not(:disabled){color:#a855f7;background:rgba(124,58,237,.1)}.cust-back-btn:disabled{opacity:.5;cursor:not-allowed}.cust-customer-info{background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.2);border-radius:8px;padding:12px;margin-bottom:16px}.cust-info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.cust-info-item:last-child{margin-bottom:0}.cust-info-label{color:#94a3b8;font-size:14px;font-weight:500}.cust-info-value{color:#e2e8f0;font-size:14px;font-weight:600}.cust-login-footer{margin-top:20px;text-align:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.cust-login-footer p{margin:6px 0;color:#94a3b8;font-size:14px}.cust-login-footer a{color:#7c3aed;text-decoration:none;font-weight:600}.cust-login-footer a:hover{color:#a855f7;text-decoration:underline}.cust-login-register-link{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.cust-register-link{color:#7c3aed;text-decoration:none;font-weight:600;transition:color .3s ease}.cust-register-link:hover{color:#a855f7;text-decoration:underline}@media (max-width: 480px){.cust-login{padding:12px}.cust-login-card{padding:20px 16px}.cust-login-card:before{background-size:cover}.cust-login-header{margin-bottom:12px}.cust-login-logo{margin-bottom:10px}.cust-login-logo h1{font-size:20px}.cust-login-subtitle{font-size:14px;margin-bottom:6px}.cust-login-step{font-size:13px;padding:6px 10px}.cust-logo-icon{width:40px;height:40px}.cust-logo-icon svg{width:20px;height:20px}.cust-login-form{gap:6px}.cust-form-group{gap:2px}.cust-form-group input{padding:10px 12px;font-size:16px}.cust-form-group input[name=otp]{font-size:16px;letter-spacing:1px}.cust-login-btn{padding:10px 16px;font-size:16px;margin-top:2px}.cust-customer-info{padding:10px;margin-bottom:14px}.cust-info-item{margin-bottom:4px}.cust-error-message,.cust-success-message{margin-top:14px;padding:10px 12px}.cust-otp-help{margin-top:6px}.cust-otp-help p{margin-bottom:6px}.cust-login-footer{margin-top:16px;padding-top:12px}.cust-login-footer p{margin:4px 0}.cust-remember-me{margin:6px 0 8px}.cust-checkbox-label{font-size:14px;gap:8px}.cust-checkbox-custom{width:18px;height:18px}.cust-checkbox-label input[type=checkbox]:checked+.cust-checkbox-custom:after{left:5px;top:1px;width:5px;height:8px}}@media (max-width: 360px){.cust-login{padding:8px}.cust-login-card{padding:16px 12px}.cust-login-card:before{background-size:cover}.cust-login-header{margin-bottom:8px}.cust-login-logo h1{font-size:18px}.cust-login-form{gap:4px}.cust-form-group input{padding:8px 10px}.cust-form-group input[name=otp]{font-size:14px;letter-spacing:1px}.cust-login-btn{padding:8px 12px}.cust-customer-info{padding:8px}.cust-info-item{flex-direction:column;align-items:flex-start;gap:2px}.cust-checkbox-label{font-size:13px;gap:6px}.cust-checkbox-custom{width:16px;height:16px}.cust-checkbox-label input[type=checkbox]:checked+.cust-checkbox-custom:after{left:4px;top:1px;width:4px;height:7px}}@media (prefers-reduced-motion: reduce){.cust-spinner{animation:none}.cust-login-card:before{animation:none}}.customer-register{min-height:100vh;background:#1a0b2e;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.customer-register-back-button{position:fixed;top:20px;left:20px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px 20px;border-radius:8px;text-decoration:none;display:flex;align-items:center;gap:8px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:1000}.customer-register-back-button:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.customer-register-content{max-width:800px;margin:0 auto;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:1rem;box-shadow:0 8px 32px #0006;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.customer-register-header{background:linear-gradient(135deg,rgba(124,58,237,.2) 0%,rgba(168,85,247,.1) 100%);color:#fff;padding:40px 30px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.customer-register-logo{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.customer-logo-icon{width:4rem;height:4rem;background:#7c3aed;color:#fff;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 16px #7c3aed4d;overflow:hidden}.customer-logo-image{width:100%;height:100%;object-fit:cover;border-radius:1rem}.customer-register-icon{font-size:2rem;opacity:.9;color:#fff}.customer-register-header h1{font-size:1.5rem;font-weight:700;margin:0;color:#7c3aed}.customer-register-header p{font-size:16px;opacity:.9;margin:0;color:#94a3b8}.customer-register-step-indicator{display:flex;justify-content:space-between;align-items:center;position:relative;max-width:600px;margin:40px auto;padding:20px 40px;background:rgba(255,255,255,.02);border-radius:1rem;border:1px solid rgba(255,255,255,.1)}.customer-register-progress-track{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 240px);height:4px;background:rgba(255,255,255,.1);border-radius:2px;z-index:1}.customer-register-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;position:relative;z-index:2}.customer-register-step-number{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:600;color:#94a3b8;font-size:16px;transition:all .3s ease;box-shadow:0 2px 8px #00000040}.customer-register-step-number.active{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#7c3aed;color:#fff;transform:scale(1.1);box-shadow:0 6px 18px #7c3aed66}.customer-register-step-number.completed{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 6px 18px #10b98166}.customer-register-step-label{font-size:13px;color:#94a3b8;font-weight:500;text-align:center;white-space:nowrap;line-height:1.2}.customer-register-step.active .customer-register-step-label{color:#7c3aed;font-weight:600}.customer-register-step.completed .customer-register-step-label{color:#10b981;font-weight:600}.customer-register-form{padding:30px;background:rgba(255,255,255,.02)}.customer-register-form-section{display:flex;flex-direction:column;gap:20px}.customer-register-form-group{display:flex;flex-direction:column;gap:8px}.customer-register-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.customer-register-form-group label{font-weight:600;color:#e2e8f0;font-size:14px;display:flex;align-items:center;gap:8px}.customer-register-required{color:#f87171}.customer-register-input,.customer-register-select,.customer-register-search-input,.customer-register-form-group input,.customer-register-form-group select,.customer-register-form-group textarea{padding:.875rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;font-size:.9rem;transition:all .3s ease;color:#e2e8f0;font-family:inherit}.customer-register-input:focus,.customer-register-select:focus,.customer-register-search-input:focus,.customer-register-form-group input:focus,.customer-register-form-group select:focus,.customer-register-form-group textarea:focus{outline:none;border-color:#7c3aed80;background:rgba(255,255,255,.08);box-shadow:0 0 0 3px #7c3aed1a}.customer-register-input.error,.customer-register-select.error,.customer-register-form-group input.error,.customer-register-form-group select.error,.customer-register-form-group textarea.error{border-color:#f87171;background:rgba(239,68,68,.1)}.customer-register-input.readonly,.customer-register-form-group input.readonly{background:rgba(255,255,255,.03);color:#94a3b8;cursor:not-allowed}.customer-register-form-group textarea{resize:vertical;min-height:80px}.customer-register-input-group{display:flex;gap:8px}.customer-register-refresh-button{background:#7c3aed;color:#fff;border:none;padding:12px;border-radius:.75rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:44px;box-shadow:0 4px 16px #7c3aed4d}.customer-register-refresh-button:hover{background:#6d28d9;transform:translateY(-1px)}.customer-register-map-section{border:1px solid rgba(255,255,255,.1);border-radius:.75rem;overflow:hidden;background:rgba(255,255,255,.02)}.customer-register-search-box{padding:16px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.1)}.customer-register-search-container{display:flex;gap:8px}.customer-register-current-location-btn{background:#7c3aed;color:#fff;border:none;padding:12px;border-radius:.75rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:44px;box-shadow:0 4px 16px #7c3aed4d}.customer-register-current-location-btn:hover:not(:disabled){background:#6d28d9}.customer-register-current-location-btn.loading{opacity:.7;cursor:not-allowed}.customer-register-map{height:300px;width:100%}.customer-register-coordinates{display:flex;gap:20px;padding:16px;background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.1)}.customer-register-coordinate{display:flex;flex-direction:column;gap:4px}.customer-register-coordinate span{font-size:12px;color:#94a3b8;font-weight:500}.customer-register-coordinate strong{font-size:14px;color:#e2e8f0;font-weight:600}.customer-register-file-input{position:relative}.customer-register-file-input input[type=file]{width:100%;padding:.875rem 1rem;border:2px dashed rgba(255,255,255,.2);border-radius:.75rem;background:rgba(255,255,255,.03);cursor:pointer;transition:all .3s ease;font-size:.875rem;color:#e2e8f0}.customer-register-file-input input[type=file]:hover{border-color:#7c3aed;background:rgba(124,58,237,.1)}.customer-register-file-input input[type=file].error{border-color:#f87171;background:rgba(239,68,68,.1)}.customer-register-select option,.customer-register-form-group select option{background:#1a0b2e;color:#e2e8f0}.customer-register-select option:hover,.customer-register-form-group select option:hover{background:#7c3aed;color:#fff}.customer-register-select option:checked,.customer-register-form-group select option:checked{background:#7c3aed;color:#fff}.customer-register-categories{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.customer-register-category{border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:20px;background:rgba(255,255,255,.02)}.customer-register-category-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.customer-register-category-header h3{font-size:20px;font-weight:600;color:#e2e8f0;margin:0 0 8px;display:flex;align-items:center;gap:8px}.customer-register-category-header h3:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:2px}.customer-register-category-header p{font-size:14px;color:#94a3b8;margin:0;line-height:1.5}.customer-register-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.customer-register-package-card{position:relative;cursor:pointer;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:20px;transition:all .3s ease;background:rgba(255,255,255,.02)}.customer-register-package-card:hover{border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed33}.customer-register-package-card input[type=radio]{position:absolute;opacity:0;cursor:pointer}.customer-register-package-card input[type=radio]:checked+.customer-register-package-content{border-color:#7c3aed;background:rgba(124,58,237,.1)}.customer-register-package-card input[type=radio]:checked~.customer-register-package-content{border-color:#7c3aed;background:rgba(124,58,237,.1)}.customer-register-package-content{border:2px solid transparent;border-radius:.75rem;padding:16px;transition:all .3s ease}.customer-register-package-speed{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#e2e8f0;margin-bottom:12px}.customer-register-package-price{font-size:24px;font-weight:700;color:#7c3aed;margin-bottom:12px}.customer-register-package-price span{font-size:16px;font-weight:500}.customer-register-package-price .period{font-size:14px;color:#94a3b8;font-weight:400}.customer-register-package-description{font-size:14px;color:#94a3b8;line-height:1.6;margin-top:12px}.customer-register-package-description p{margin:6px 0;position:relative;padding:0 0 0 16px}.customer-register-package-description p:first-child{margin-top:0}.customer-register-package-description p:last-child{margin-bottom:0}.customer-register-package-description p:before{content:"•";position:absolute;left:0;color:#7c3aed;font-weight:700}.customer-register-billing-info{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:20px;margin-top:20px}.customer-register-billing-info h4{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.customer-register-billing-period{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:16px;margin-bottom:16px}.customer-register-billing-period:last-child{margin-bottom:0}.customer-register-billing-period h5{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 12px}.customer-register-billing-period p{font-size:14px;color:#94a3b8;margin:4px 0}.customer-register-no-billing{text-align:center;color:#94a3b8;font-style:italic;padding:20px}.customer-register-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);margin-top:30px;gap:16px}.customer-register-button{padding:1rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center;font-family:inherit}.customer-register-button.primary{background:#7c3aed;color:#fff;box-shadow:0 4px 16px #7c3aed4d}.customer-register-button.primary:hover:not(:disabled){background:#6d28d9;transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed66}.customer-register-button.secondary{background:rgba(255,255,255,.1);color:#e2e8f0;border:1px solid rgba(255,255,255,.2)}.customer-register-button.secondary:hover:not(:disabled){background:rgba(255,255,255,.15);transform:translateY(-1px)}.customer-register-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.customer-register-loading-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:customer-register-spin 1s linear infinite}@keyframes customer-register-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.customer-register-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;color:#94a3b8}.customer-register-error{color:#f87171;font-size:14px;font-weight:500;margin-top:4px}.customer-register-notification-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.customer-register-notification-content{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:30px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px #0000004d;animation:customer-register-slideIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes customer-register-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.customer-register-notification-icon{margin-bottom:16px}.customer-register-notification-icon .success{color:#4ade80;font-size:48px}.customer-register-notification-icon .error{color:#f87171;font-size:48px}.customer-register-notification-title{font-size:20px;font-weight:600;color:#e2e8f0;margin:0 0 12px}.customer-register-notification-message{color:#94a3b8;line-height:1.6;margin-bottom:20px}.customer-register-notification-message p{margin:8px 0}.customer-register-notification-actions{display:flex;gap:12px;justify-content:center}.customer-register-notification-btn{background:#7c3aed;color:#fff;border:none;padding:12px 24px;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;box-shadow:0 4px 16px #7c3aed4d}.customer-register-notification-btn:hover{background:#6d28d9;transform:translateY(-1px)}.customer-register-notification-btn.secondary{background:rgba(255,255,255,.1);color:#e2e8f0;border:1px solid rgba(255,255,255,.2)}.customer-register-notification-btn.secondary:hover{background:rgba(255,255,255,.15)}.customer-register-notification-btn.primary{background:#7c3aed;color:#fff}.customer-register-footer{text-align:center;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02)}.customer-register-footer p{font-size:.75rem;color:#94a3b8;margin:.25rem 0}.customer-register-footer a{color:#7c3aed;text-decoration:none;font-weight:600}.customer-register-footer a:hover{text-decoration:underline}@media (max-width: 768px){.customer-register{padding:16px}.customer-register-back-button{position:relative;top:auto;left:auto;margin-bottom:20px;align-self:flex-start}.customer-register-header{padding:30px 20px}.customer-register-header h1{font-size:24px}.customer-logo-icon{width:3.5rem;height:3.5rem;font-size:1.75rem}.customer-register-step-indicator{margin:30px auto;padding:15px 20px}.customer-register-progress-track{width:calc(100% - 110px)}.customer-register-step-number{width:44px;height:44px;font-size:14px}.customer-register-step-label{font-size:11px}.customer-register-form{padding:20px}.customer-register-form-row{grid-template-columns:1fr;gap:16px}.customer-register-categories{gap:20px}.customer-register-category{padding:16px}.customer-register-category-header h3{font-size:18px}.customer-register-package-grid{grid-template-columns:1fr;gap:16px}.customer-register-form-actions{flex-direction:row;gap:16px}.customer-register-button{flex:1;min-width:140px}.customer-register-coordinates{flex-direction:column;gap:12px}.customer-register-notification-content{margin:20px;padding:24px}.customer-register-notification-actions{flex-direction:row;gap:12px}.customer-register-notification-btn{flex:1;min-width:100px}}@media (max-width: 480px){.customer-register-header{padding:24px 16px}.customer-register-header h1{font-size:20px}.customer-register-form{padding:16px}.customer-register-step-indicator{margin:20px auto;padding:12px 15px}.customer-register-progress-track{width:calc(100% - 90px)}.customer-register-step-number{width:40px;height:40px;font-size:12px}.customer-register-step-label{font-size:10px}.customer-register-categories{gap:16px}.customer-register-category{padding:12px}.customer-register-category-header h3{font-size:16px}.customer-register-package-grid{grid-template-columns:1fr;gap:12px}}@media (prefers-reduced-motion: reduce){.customer-register-loading-spinner,.customer-register-notification-content{animation:none}.customer-register-button:hover,.customer-register-package-card:hover{transform:none}}.customer-register-upload-loading{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.3);border-radius:6px;color:#7c3aed;font-size:14px;font-weight:500}.customer-register-file-preview{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:6px;color:#22c55e;font-size:14px;font-weight:500}.customer-register-file-preview .success{color:#22c55e;font-size:16px}.customer-register-file-input input[type=file]:disabled{opacity:.6;cursor:not-allowed}.cust-dashboard{min-height:100vh;background:linear-gradient(135deg,#1a0b2e 0%,#2d1b69 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;position:relative}.cust-header{background:rgba(255,255,255,.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.08);padding:0;position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;display:flex;align-items:center}@supports not (backdrop-filter: blur(24px)){.cust-header{background:rgba(255,255,255,.15)}}.cust-header-content{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center;width:100%}.cust-header-left{display:flex;align-items:center;gap:24px}.cust-menu-toggle{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cust-menu-toggle:hover{background:rgba(255,255,255,.12)}.cust-welcome h1{color:#fff;margin:0;font-size:22px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.cust-welcome p{color:#fff9;margin:4px 0 0;font-size:14px;font-weight:500}.cust-header-right{display:flex;align-items:center}.cust-logout-btn{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 16px #ef444440}.cust-logout-btn:hover{box-shadow:0 6px 20px #ef444459}.cust-sidebar{position:fixed;top:72px;left:-320px;width:320px;height:calc(100vh - 72px);background:rgba(255,255,255,.04);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.08);z-index:999;overflow-y:auto;display:flex;flex-direction:column;transition:left .2s ease-out}@supports not (backdrop-filter: blur(24px)){.cust-sidebar{background:rgba(255,255,255,.12)}}.cust-sidebar.open{left:0}.cust-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:998;opacity:1}.cust-sidebar-nav{flex:1;padding:32px 0}.cust-sidebar-menu{list-style:none;padding:0;margin:0}.cust-sidebar-item{margin:0}.cust-sidebar-link{display:flex;align-items:center;gap:16px;padding:16px 32px;color:#ffffffb3;text-decoration:none;font-weight:500;font-size:15px;position:relative;overflow:hidden;margin:4px 16px;border-radius:12px}.cust-sidebar-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);transform:scaleY(0)}.cust-sidebar-link:hover{background:rgba(255,255,255,.06);color:#fff}.cust-sidebar-link:hover:before{transform:scaleY(1)}.cust-sidebar-link.active{background:rgba(124,58,237,.12);color:#a855f7;font-weight:600}.cust-sidebar-link.active:before{transform:scaleY(1)}.cust-sidebar-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cust-main-content{margin-top:72px;padding:32px;flex:1;max-width:1400px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.cust-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff;margin-top:72px}.cust-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:#7c3aed;animation:cust-spin 1s linear infinite;margin-bottom:20px}.cust-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff;text-align:center;padding:32px;margin-top:72px}.cust-error h2{margin-bottom:16px;font-size:28px;font-weight:700}.cust-error p{margin-bottom:24px;opacity:.9;font-size:16px;max-width:400px}.cust-btn{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);color:#fff;border:none;padding:14px 28px;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 4px 16px #7c3aed40}.cust-btn:hover{box-shadow:0 6px 20px #7c3aed59}.cust-unified-card{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:0 8px 32px #00000014;position:relative;transition:all .2s ease}.cust-unified-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.cust-unified-icon{width:48px;height:48px;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #7c3aed40;flex-shrink:0}.cust-unified-icon svg{width:24px;height:24px}.cust-unified-title h3{color:#f8fafc;font-size:24px;font-weight:700;margin:0 0 4px;letter-spacing:-.02em}.cust-unified-title p{color:#94a3b8;font-size:15px;margin:0;font-weight:500}.cust-detail-card-large{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;margin-bottom:20px;box-shadow:0 8px 32px #00000014;position:relative;transition:all .2s ease}.cust-network-card .cust-info-row{margin-top:8px}.cust-network-card{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;margin-bottom:20px;box-shadow:0 8px 32px #00000014;position:relative;transition:all .2s ease}.cust-network-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08);gap:1rem}.cust-network-title{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.cust-ssid-wrapper{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1;flex-wrap:wrap;overflow:hidden}.cust-ssid-container{display:inline-block;overflow:hidden;max-width:200px;white-space:nowrap;flex-shrink:0}.cust-ssid-text{color:#f8fafc;font-size:1rem;font-weight:500;display:inline-block;white-space:nowrap}.cust-ssid-text.long-ssid{animation:cust-marquee 8s cubic-bezier(.4,0,.6,1) infinite;animation-delay:2s}.cust-ssid-text.long-ssid:hover{animation-play-state:paused}@keyframes cust-marquee{0%{transform:translate(0)}15%{transform:translate(0)}45%{transform:translate(-50%)}55%{transform:translate(-50%)}85%{transform:translate(0)}to{transform:translate(0)}}@media (max-width: 768px){.cust-ssid-text.long-ssid{animation:cust-marquee-mobile 8s cubic-bezier(.4,0,.6,1) infinite;animation-delay:2s}@keyframes cust-marquee-mobile{0%{transform:translate(0)}15%{transform:translate(0)}45%{transform:translate(-40%)}55%{transform:translate(-40%)}85%{transform:translate(0)}to{transform:translate(0)}}}@media (max-width: 400px){.cust-ssid-text.long-ssid{animation:cust-marquee-small 8s cubic-bezier(.4,0,.6,1) infinite;animation-delay:2s}@keyframes cust-marquee-small{0%{transform:translate(0)}15%{transform:translate(0)}45%{transform:translate(-35%)}55%{transform:translate(-35%)}85%{transform:translate(0)}to{transform:translate(0)}}}.cust-connection-dot{width:8px;height:8px;border-radius:50%;display:inline-block;position:relative;margin-left:4px;flex-shrink:0}.cust-connection-dot.active{background-color:#10b981;box-shadow:0 0 0 2px #10b98133;animation:cust-pulse 2s infinite}.cust-connection-dot.inactive{background-color:#ef4444;box-shadow:0 0 0 2px #ef444433}@keyframes cust-pulse{0%{box-shadow:0 0 #10b98199}50%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.cust-password-info{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.05);padding:.375rem .75rem;border-radius:8px;margin-left:.75rem;flex-shrink:0;white-space:nowrap;max-width:180px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;-webkit-user-select:none;user-select:none}.cust-password-info:hover{background:rgba(255,255,255,.08);border-color:#ffffff1f;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.cust-password-info svg{font-size:1rem;color:#94a3b8;flex-shrink:0}.cust-password-info strong{font-size:.875rem;font-weight:500;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.cust-password-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;padding:3px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.cust-password-toggle:hover{color:#4b90ff;background:rgba(75,144,255,.1)}.cust-password-toggle svg{font-size:.875rem}.cust-network-actions{display:flex;align-items:flex-start;gap:.75rem;margin-left:auto;flex-shrink:0}.cust-settings-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;padding:0}.cust-settings-btn:hover{background:rgba(255,255,255,.08);border-color:#ffffff26}.cust-settings-btn.active{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.cust-settings-btn.active:hover{background:rgba(239,68,68,.15)}.cust-settings-btn svg{font-size:1.25rem;color:#fff}.cust-settings-btn.active svg{color:#ef4444}.cust-network-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.cust-stat-item{background:rgba(255,255,255,.03);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.06);transition:all .2s ease}.cust-stat-item:hover{background:rgba(255,255,255,.05);border-color:#ffffff1a}.cust-stat-header{display:flex;align-items:center;gap:.75rem}.cust-stat-icon{width:40px;height:40px;border-radius:10px;background:rgba(124,58,237,.1);color:#7c3aed;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.cust-stat-item:first-child .cust-stat-icon{background:rgba(16,185,129,.1);color:#10b981}.cust-stat-content{display:flex;flex-direction:column;gap:.5rem}.cust-stat-title{color:#94a3b8;font-size:.875rem;font-weight:500}.cust-stat-value{color:#f8fafc;font-size:1.125rem;font-weight:500}.cust-network-main{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.cust-network-main-item{padding:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px}.cust-network-main-item .cust-label{font-size:12px;margin-bottom:8px}.cust-network-main-item .cust-value{font-size:18px;font-weight:700}.cust-network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cust-network-item{padding:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px}.cust-label{color:#ffffffa6;font-size:11px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.cust-value{color:#f8fafc;font-weight:700;font-size:16px;line-height:1.3;word-break:break-word}.cust-badge{display:inline-block;padding:6px 10px;border-radius:10px;font-size:12px;font-weight:600}.cust-badge.ok{background:rgba(16,185,129,.15);color:#10b981}.cust-badge.warn{background:rgba(245,158,11,.15);color:#f59e0b}.cust-network-form{margin-top:16px}.cust-form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.cust-input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#f8fafc;padding:12px 14px;border-radius:10px;outline:none}.cust-form-actions{display:flex;gap:10px;margin-top:12px}.cust-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.15);box-shadow:none}.cust-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.cust-card-profile{display:flex;align-items:center;gap:16px}.cust-card-avatar{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;box-shadow:0 4px 16px #3b82f640}.cust-card-profile-info h2{color:#fff;margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}.cust-card-profile-info p{color:#fff9;margin:4px 0 0;font-size:14px;font-weight:500}.cust-card-status{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #10b98140;transition:all .2s ease}.cust-card-status[style*=ef4444]{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 4px 16px #ef444440!important}.cust-card-status[style*=f59e0b]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;box-shadow:0 4px 16px #f59e0b40!important}.cust-card-status[style*="06b6d4"]{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)!important;box-shadow:0 4px 16px #06b6d440!important}.cust-card-status[style*="84cc16"]{background:linear-gradient(135deg,#84cc16 0%,#65a30d 100%)!important;box-shadow:0 4px 16px #84cc1640!important}.cust-payment-status{margin-top:8px}.cust-payment-status span{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff!important;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #10b98140;display:inline-block;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cust-payment-status span[style*=ef4444]{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 2px 8px #ef444440!important}.cust-payment-status span[style*=f59e0b]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;box-shadow:0 2px 8px #f59e0b40!important}.cust-payment-status span[style*="06b6d4"]{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)!important;box-shadow:0 2px 8px #06b6d440!important}.cust-payment-status span[style*="84cc16"]{background:linear-gradient(135deg,#84cc16 0%,#65a30d 100%)!important;box-shadow:0 2px 8px #84cc1640!important}.cust-payment-status span[style*="6b7280"]{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)!important;box-shadow:0 2px 8px #6b728040!important}.cust-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.cust-card-item{padding:16px;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.06);transition:all .2s ease}.cust-card-item:hover{background:rgba(255,255,255,.05);border-color:#ffffff1a}.cust-card-item h3{color:#ffffffb3;font-size:13px;font-weight:500;margin:0 0 6px}.cust-card-value{color:#fff;font-size:16px;font-weight:700;margin:0;line-height:1.2}.cust-package-value,.cust-bill-value{color:#3b82f6;font-size:16px}.cust-card-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cust-calendar-icon{color:#fff9;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.cust-card-item-header h3{margin:0}@media (min-width: 1024px){.cust-sidebar{left:0;transform:none}.cust-main-content{margin-left:320px;max-width:1080px;width:calc(100% - 320px)}.cust-menu-toggle,.cust-sidebar-overlay{display:none}}@media (max-width: 1023px){.cust-sidebar{left:-320px}.cust-sidebar.open{left:0}.cust-main-content{margin-left:0;max-width:1400px;width:100%}}@media (max-width: 768px){.cust-header{height:64px}.cust-sidebar{top:64px;height:calc(100vh - 64px);width:280px;left:-280px}.cust-main-content{margin-top:64px;padding:20px}.cust-header-content{padding:0 20px}.cust-welcome h1{font-size:20px}.cust-welcome p{font-size:13px}.cust-unified-card{padding:24px}.cust-detail-card-large{padding:24px;margin-bottom:16px}.cust-card-header{margin-bottom:24px;flex-direction:row;gap:16px;text-align:left}.cust-card-profile{gap:12px}.cust-card-avatar{width:40px;height:40px;font-size:18px}.cust-card-profile-info h2{font-size:18px}.cust-card-profile-info p{font-size:12px}.cust-card-status{padding:6px 12px;font-size:11px}.cust-payment-status{margin-top:6px}.cust-payment-status span{font-size:10px;padding:3px 8px;max-width:80px}.cust-card-grid{gap:12px;margin-top:16px;padding-top:16px}.cust-card-item{padding:12px}.cust-card-item h3{font-size:11px;margin-bottom:4px}.cust-card-value{font-size:14px}.cust-network-main{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;padding-bottom:16px}.cust-network-main-item{padding:12px}.cust-network-main-item .cust-label{font-size:11px;margin-bottom:6px}.cust-network-main-item .cust-value{font-size:16px}.cust-network-grid{grid-template-columns:repeat(2,1fr);gap:8px}.cust-network-item{padding:10px}.cust-label{font-size:10px;gap:4px}.cust-value,.cust-package-value,.cust-bill-value{font-size:14px}.cust-calendar-icon{width:14px;height:14px}.cust-network-main{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;padding-bottom:14px}.cust-network-main-item{padding:10px}.cust-network-main-item .cust-label{font-size:10px;margin-bottom:5px}.cust-network-main-item .cust-value{font-size:14px}.cust-network-grid{grid-template-columns:repeat(2,1fr);gap:6px}.cust-network-item{padding:8px}.cust-label{font-size:9px;gap:3px}.cust-value{font-size:12px}.cust-payment-status{margin-top:4px}.cust-payment-status span{font-size:9px;padding:2px 6px;max-width:70px}}@media (prefers-reduced-motion: reduce){.cust-loading-spinner{animation:none}.cust-sidebar,.cust-sidebar-link,.cust-unified-card,.cust-logout-btn{transition:none}}@media (max-width: 768px){.cust-network-card{padding:24px;margin-bottom:16px}.cust-network-header{margin-bottom:1rem;padding-bottom:.75rem;gap:.75rem}.cust-network-title{gap:.75rem}.cust-network-title svg{font-size:1.25rem;color:#fff}.cust-ssid-wrapper{gap:.375rem}.cust-ssid-text{font-size:.875rem}.cust-ssid-container{max-width:150px}.cust-connection-dot{width:6px;height:6px}.cust-password-info{padding:.375rem .625rem;gap:.5rem;margin-left:.5rem;max-width:160px;border-radius:6px}.cust-password-info svg{font-size:.875rem}.cust-password-info strong{font-size:.813rem}.cust-password-toggle{padding:2px}.cust-password-toggle svg{font-size:.75rem}.cust-settings-btn{padding:.375rem .625rem;font-size:.75rem;gap:.375rem}.cust-settings-btn svg{font-size:1rem;color:#fff}.cust-settings-btn.active svg{color:#ef4444}.cust-network-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.cust-stat-item{padding:.875rem}.cust-stat-header{gap:.5rem}.cust-stat-icon{width:32px;height:32px;font-size:1rem}.cust-stat-title{font-size:.75rem}.cust-stat-value{font-size:.875rem;line-height:1.2;word-break:break-word}}@media (max-width: 480px){.cust-network-card{padding:20px;margin-bottom:12px}.cust-network-title{gap:.5rem}.cust-network-title svg{font-size:1.125rem;color:#fff}.cust-ssid-wrapper{gap:.25rem}.cust-ssid-text{font-size:.813rem}.cust-ssid-container{max-width:120px}.cust-password-info{padding:.25rem .5rem;gap:.375rem;margin-left:.375rem;max-width:140px;border-radius:6px}.cust-password-info svg{font-size:.813rem}.cust-password-info strong{font-size:.75rem}.cust-password-toggle{padding:1px}.cust-password-toggle svg{font-size:.688rem}.cust-settings-btn{padding:.25rem .5rem;font-size:.688rem;gap:.25rem}.cust-settings-btn svg{font-size:.875rem}.cust-settings-btn.active svg{color:#ef4444}.cust-network-stats{gap:.5rem}.cust-stat-item{padding:.75rem}.cust-stat-icon{width:28px;height:28px;font-size:.875rem}.cust-stat-title{font-size:.688rem}.cust-stat-value{font-size:.813rem}}.cust-speedtest-card{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;margin-bottom:20px;box-shadow:0 8px 32px #00000014;position:relative;transition:all .2s ease}.cust-speedtest-card:hover{background:rgba(255,255,255,.05);border-color:#ffffff1f}.cust-speedtest-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.cust-speedtest-title{display:flex;align-items:center;gap:1rem;flex:1}.cust-speedtest-title svg{color:#fff;font-size:1.375rem}.cust-speedtest-title span{color:#fff;font-size:1.25rem;font-weight:500}.cust-speedtest-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto;flex-shrink:0}.cust-speedtest-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;padding:0}.cust-speedtest-btn:hover{background:rgba(255,255,255,.08);border-color:#ffffff26}.cust-speedtest-btn.active{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.cust-speedtest-btn.active:hover{background:rgba(239,68,68,.15)}.cust-speedtest-btn svg{font-size:1.25rem;color:#fff}.cust-speedtest-btn.active svg{color:#ef4444}.cust-speedtest-wrapper{margin-top:1rem;background:#fff;border-radius:12px;overflow:hidden;position:relative;padding-top:56.25%;box-shadow:0 4px 16px #0000001a}.cust-speedtest-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 768px){.cust-speedtest-card{padding:24px;margin-bottom:16px}.cust-speedtest-header{margin-bottom:.75rem;padding-bottom:.75rem}.cust-speedtest-title{gap:.75rem}.cust-speedtest-title svg{font-size:1.25rem}.cust-speedtest-title span{font-size:1rem}.cust-speedtest-btn{width:32px;height:32px}.cust-speedtest-btn svg{font-size:1.125rem}.cust-speedtest-wrapper{padding-top:150%}}@media (max-width: 480px){.cust-detail-card-large{padding:20px;margin-bottom:12px}.cust-card-grid{gap:8px;margin-top:12px;padding-top:12px}.cust-card-item{padding:10px}.cust-card-item h3{font-size:10px;margin-bottom:3px}.cust-card-value{font-size:12px}.cust-speedtest-card{padding:20px;margin-bottom:12px}.cust-speedtest-title{gap:.5rem}.cust-speedtest-title svg{font-size:1.125rem}.cust-speedtest-title span{font-size:.875rem}.cust-speedtest-btn{width:28px;height:28px}.cust-speedtest-btn svg{font-size:1rem}.cust-speedtest-wrapper{padding-top:200%}}.cust-restart-card{margin-top:1rem;padding:1rem;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.1);border-radius:12px}.cust-restart-content{display:flex;flex-direction:column;gap:.75rem}.cust-restart-title{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.875rem;font-weight:500}.cust-restart-description{color:#94a3b8;font-size:.813rem;line-height:1.5;margin:0}.cust-restart-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cust-restart-button:hover:not(:disabled){background:rgba(239,68,68,.15);border-color:#ef44444d}.cust-restart-button:disabled{opacity:.5;cursor:not-allowed}.cust-reboot-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}@supports not (backdrop-filter: blur(8px)){.cust-reboot-confirm-overlay{background:rgba(0,0,0,.9)}}.cust-reboot-confirm-dialog{background:rgba(255,255,255,.06);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:1.5rem;width:100%;max-width:400px;animation:cust-slideUp .3s ease;box-shadow:0 20px 60px #0000004d}.cust-reboot-confirm-title{display:flex;align-items:center;gap:.75rem;color:#ef4444;font-size:1.125rem;font-weight:500;margin-bottom:1rem}.cust-reboot-confirm-message{color:#94a3b8;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.cust-reboot-confirm-actions{display:flex;gap:.75rem}.cust-reboot-confirm-button{flex:1;padding:.75rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cust-reboot-confirm-button.cancel{background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8}.cust-reboot-confirm-button.confirm{background:#EF4444;border:1px solid #EF4444;color:#fff}.cust-reboot-confirm-button.cancel:hover{background:rgba(255,255,255,.05)}.cust-reboot-confirm-button.confirm:hover{background:#DC2626}@keyframes cust-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cust-isolated-notice{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:24px;margin-bottom:32px;display:flex;align-items:flex-start;gap:16px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 8px 32px #ef44441a}.cust-isolated-icon{width:48px;height:48px;background:rgba(239,68,68,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ef4444;flex-shrink:0;box-shadow:0 4px 16px #ef444433}.cust-isolated-content h4{color:#ef4444;font-size:18px;font-weight:600;margin:0 0 8px;letter-spacing:-.02em}.cust-isolated-content p{color:#94a3b8;font-size:14px;line-height:1.5;margin:0;font-weight:500}.cust-pending-notice{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:16px;padding:24px;margin-bottom:32px;display:flex;align-items:flex-start;gap:16px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 8px 32px #f59e0b1a}.cust-pending-icon{width:48px;height:48px;background:rgba(245,158,11,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#f59e0b;flex-shrink:0;box-shadow:0 4px 16px #f59e0b33}.cust-pending-content h4{color:#f59e0b;font-size:18px;font-weight:600;margin:0 0 8px;letter-spacing:-.02em}.cust-pending-content p{color:#94a3b8;font-size:14px;line-height:1.5;margin:0;font-weight:500}@media (max-width: 768px){.cust-isolated-notice{padding:20px;gap:12px;margin-bottom:24px}.cust-isolated-icon{width:40px;height:40px}.cust-isolated-content h4{font-size:16px}.cust-isolated-content p{font-size:13px}.cust-pending-notice{padding:20px;gap:12px;margin-bottom:24px}.cust-pending-icon{width:40px;height:40px}.cust-pending-content h4{font-size:16px}.cust-pending-content p{font-size:13px}.cust-restart-card{padding:.875rem}.cust-restart-title{font-size:.813rem}.cust-restart-description{font-size:.75rem}.cust-restart-button{padding:.625rem;font-size:.813rem}.cust-reboot-confirm-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cust-reboot-confirm-dialog{margin:1rem;padding:1rem;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.cust-reboot-confirm-title{font-size:1rem}.cust-reboot-confirm-message{font-size:.813rem}.cust-reboot-confirm-button{padding:.625rem;font-size:.813rem}}@media (max-width: 480px){.cust-isolated-notice{padding:16px;gap:10px;margin-bottom:20px}.cust-isolated-icon{width:36px;height:36px}.cust-isolated-content h4{font-size:14px}.cust-isolated-content p{font-size:12px}.cust-pending-notice{padding:16px;gap:10px;margin-bottom:20px}.cust-pending-icon{width:36px;height:36px}.cust-pending-content h4{font-size:14px}.cust-pending-content p{font-size:12px}.cust-restart-card{padding:.75rem}.cust-restart-title{font-size:.75rem}.cust-restart-description{font-size:.688rem}.cust-restart-button{padding:.5rem;font-size:.75rem}.cust-reboot-confirm-overlay{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.cust-reboot-confirm-dialog{margin:.75rem;padding:.875rem;backdrop-filter:blur(48px);-webkit-backdrop-filter:blur(48px)}.cust-reboot-confirm-title{font-size:.875rem}.cust-reboot-confirm-message{font-size:.75rem}.cust-reboot-confirm-button{padding:.5rem;font-size:.75rem}}.cust-hosts-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.cust-hosts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.cust-hosts-section .cust-hosts-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06)}.cust-hosts-title{display:flex;align-items:center;gap:1rem;flex:1}.cust-hosts-title svg{color:#fff;font-size:1.375rem}.cust-hosts-title span{color:#fff;font-size:1.25rem;font-weight:500}.cust-hosts-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto;flex-shrink:0}.cust-hosts-refresh-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;padding:.5rem .75rem;font-size:.875rem;font-weight:500}.cust-hosts-refresh-btn:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:#ffffff26}.cust-hosts-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.cust-hosts-refresh-btn svg{font-size:1.25rem;color:#fff}.cust-hosts-content{display:flex;flex-direction:column;gap:.5rem}.cust-hosts-table-header{display:grid;grid-template-columns:2fr 1.5fr 2fr;gap:1rem;padding:.75rem 1rem;background:rgba(255,255,255,.03);border-radius:8px;font-weight:600;font-size:.875rem;color:#94a3b8;border:1px solid rgba(255,255,255,.06)}.cust-hosts-item{display:grid;grid-template-columns:2fr 1.5fr 2fr;gap:1rem;padding:.75rem 1rem;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid rgba(255,255,255,.04);transition:all .2s ease;align-items:center}.cust-hosts-item:hover{background:rgba(255,255,255,.04);border-color:#ffffff14}.cust-hosts-name{color:#f8fafc;font-weight:500;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cust-hosts-ip{color:#3b82f6;font-weight:500;font-size:.875rem;font-family:Courier New,monospace}.cust-hosts-mac{color:#8b5cf6;font-weight:500;font-size:.875rem;font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cust-hosts-type{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.875rem;font-weight:500}.cust-hosts-type svg{color:#7c3aed}.cust-hosts-status{font-weight:600;font-size:.875rem;text-align:center}.cust-hosts-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid rgba(255,255,255,.04);text-align:center}.cust-hosts-empty p{color:#94a3b8;font-size:.875rem;margin:0}.cust-hosts-total{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(124,58,237,.1);border-radius:8px;border:1px solid rgba(124,58,237,.2);margin-top:1rem}.cust-hosts-total span{color:#7c3aed;font-weight:600;font-size:.875rem}@media (max-width: 768px){.cust-hosts-section{margin-top:1.5rem;padding-top:1rem}.cust-hosts-section .cust-hosts-header{margin-bottom:.75rem;padding-bottom:.5rem}.cust-hosts-section .cust-hosts-title svg{font-size:1rem}.cust-hosts-section .cust-hosts-title span{font-size:.875rem}.cust-hosts-refresh-btn{padding:.375rem .625rem;font-size:.75rem;gap:.375rem}.cust-hosts-refresh-btn svg{font-size:1rem}.cust-hosts-table-header{grid-template-columns:1.5fr 1fr 1.5fr;gap:.5rem;padding:.5rem .75rem;font-size:.75rem}.cust-hosts-item{grid-template-columns:1.5fr 1fr 1.5fr;gap:.5rem;padding:.5rem .75rem}.cust-hosts-name,.cust-hosts-ip,.cust-hosts-mac,.cust-hosts-type,.cust-hosts-status{font-size:.75rem}.cust-hosts-type{gap:.25rem}.cust-hosts-type svg{font-size:.875rem}.cust-hosts-total{padding:.75rem;flex-direction:column;gap:.5rem;align-items:flex-start}.cust-hosts-empty{padding:1.5rem}.cust-hosts-empty p,.cust-hosts-total span{font-size:.75rem}}@media (max-width: 480px){.cust-hosts-section{margin-top:1rem;padding-top:.75rem}.cust-hosts-section .cust-hosts-title svg{font-size:.875rem}.cust-hosts-section .cust-hosts-title span{font-size:.75rem}.cust-hosts-refresh-btn{padding:.25rem .5rem;font-size:.688rem;gap:.25rem}.cust-hosts-refresh-btn svg{font-size:.875rem}.cust-hosts-table-header{grid-template-columns:1fr 1fr 1fr;gap:.25rem;padding:.375rem .5rem;font-size:.688rem}.cust-hosts-item{grid-template-columns:1fr 1fr 1fr;gap:.25rem;padding:.375rem .5rem}.cust-hosts-name,.cust-hosts-ip,.cust-hosts-mac,.cust-hosts-type,.cust-hosts-status{font-size:.688rem}.cust-hosts-type{gap:.125rem}.cust-hosts-type svg{font-size:.75rem}.cust-hosts-total{padding:.5rem;gap:.25rem}.cust-hosts-empty{padding:1rem}.cust-hosts-empty p,.cust-hosts-total span{font-size:.688rem}}.cust-billing-container{display:flex;flex-direction:column;gap:24px}@keyframes cust-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cust-billing-loading,.cust-billing-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff;text-align:center}.cust-billing-loading .cust-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:#7c3aed;animation:cust-spin 1s linear infinite;margin-bottom:20px}.cust-billing-error h3{margin-bottom:12px;font-size:20px;font-weight:600}.cust-billing-error p{margin-bottom:20px;opacity:.8}.cust-billing-current-card{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;box-shadow:0 8px 32px #00000014}.cust-billing-current-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.cust-billing-current-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #3b82f640}.cust-billing-current-title h3{color:#fff;margin:0;font-size:20px;font-weight:600}.cust-billing-current-title p{color:#fff9;margin:4px 0 0;font-size:14px}.cust-billing-current-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.cust-billing-info-item{display:flex;flex-direction:column;gap:8px}.cust-billing-label{color:#fff9;font-size:12px;font-weight:500}.cust-billing-value{color:#fff;font-size:16px;font-weight:600}.cust-billing-value.amount{color:#3b82f6;font-size:18px}.cust-billing-value.due-date{color:#f59e0b}.cust-billing-status{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.cust-billing-status-badge{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.cust-billing-status-badge svg{width:14px;height:14px}.cust-billing-breakdown{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.cust-billing-breakdown-title{color:#fff;margin:0 0 1rem;font-size:1rem;font-weight:600}.cust-billing-breakdown-items{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem}.cust-billing-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem}.cust-billing-breakdown-item:first-child{padding-top:0}.cust-billing-breakdown-item:last-child{padding-bottom:0}.cust-billing-breakdown-item.discount{background:rgba(34,197,94,.1);border-radius:8px;padding:.75rem;margin:.5rem 0}.cust-billing-breakdown-label{color:#ffffffb3;font-weight:500;display:flex;align-items:center;gap:.5rem}.cust-discount-icon{font-size:1rem}.cust-billing-breakdown-value{color:#fff;font-weight:600}.cust-billing-breakdown-value.tax{color:#f59e0b}.cust-billing-breakdown-value.fee{color:#dc2626;font-weight:600}.cust-billing-breakdown-value.discount{color:#059669;font-weight:600}.cust-billing-breakdown-value.unique-code{color:#7c3aed;font-weight:600}.cust-billing-breakdown-value.total{color:#1f2937;font-weight:700;font-size:1.1em}.cust-billing-breakdown-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 0;margin-top:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:1rem;font-weight:600}.cust-billing-breakdown-total .cust-billing-breakdown-label{color:#fff;font-weight:600}.cust-billing-breakdown-total .cust-billing-breakdown-value.total{color:#3b82f6;font-size:1.125rem}.cust-billing-payment-action{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.cust-billing-pay-button{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 16px #10b98140;width:100%}.cust-billing-pay-button:hover:not(:disabled){box-shadow:0 6px 20px #10b98159;transform:translateY(-1px)}.cust-billing-pay-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cust-billing-payment-url-button{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:10px;cursor:pointer;font-weight:500;font-size:.813rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 16px #7c3aed40;width:100%}.cust-billing-payment-url-button:hover{box-shadow:0 6px 20px #7c3aed59;transform:translateY(-1px)}.cust-billing-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.cust-billing-stat-card{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.cust-billing-stat-card:hover{background:rgba(255,255,255,.06);border-color:#ffffff1f}.cust-billing-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cust-billing-stat-icon.total{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);box-shadow:0 4px 20px #7c3aed40}.cust-billing-stat-icon.paid{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 20px #10b98140}.cust-billing-stat-icon.pending{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 20px #f59e0b40}.cust-billing-stat-icon.overdue{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 20px #ef444440}.cust-billing-stat-content{display:flex;flex-direction:column;gap:4px}.cust-billing-stat-value{color:#fff;font-size:24px;font-weight:700;line-height:1}.cust-billing-stat-label{color:#fff9;font-size:12px;font-weight:500}.cust-billing-history-card{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;box-shadow:0 8px 32px #00000014}.cust-billing-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.cust-billing-history-header h3{color:#fff;margin:0;font-size:18px;font-weight:600}.cust-billing-filters{display:flex;gap:12px}.cust-billing-status-filter{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;outline:none}.cust-billing-status-filter:focus{border-color:#7c3aed80}.cust-billing-status-filter option{background:#1a0b2e;color:#fff}.cust-billing-history-table{overflow-x:auto}.cust-billing-table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:16px;padding:12px 16px;background:rgba(255,255,255,.02);border-radius:8px;margin-bottom:8px;font-weight:600;font-size:12px;color:#fff9}.cust-billing-table-header.tripay-active{grid-template-columns:1fr 1fr 1fr 1fr}.cust-billing-table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:16px;padding:16px;background:rgba(255,255,255,.02);border-radius:8px;margin-bottom:8px;align-items:center;transition:all .2s ease}.cust-billing-table-row.tripay-active{grid-template-columns:1fr 1fr 1fr 1fr}.cust-billing-table-row:hover{background:rgba(255,255,255,.04)}.cust-billing-table-cell{color:#fff;font-size:14px}.cust-billing-table-cell.amount{color:#3b82f6;font-weight:600}.cust-billing-table-cell.status{display:flex;align-items:center;gap:6px;font-weight:600}.cust-billing-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff9;text-align:center}.cust-billing-empty svg{margin-bottom:16px;opacity:.5}.cust-billing-empty p{margin:0;font-size:16px}.cust-billing-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.cust-billing-pagination button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.cust-billing-pagination button:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:#fff3}.cust-billing-pagination button:disabled{opacity:.5;cursor:not-allowed}.cust-billing-pagination button.active{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);border-color:transparent}.cust-payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.cust-payment-modal{background:rgba(255,255,255,.06);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.12);border-radius:20px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.cust-payment-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.cust-payment-modal-header h3{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.cust-payment-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cust-payment-modal-close:hover{background:rgba(255,255,255,.08);color:#f8fafc}.cust-payment-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.cust-payment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#94a3b8}.cust-payment-amount-info{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.cust-payment-amount-info h4{color:#fff;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.cust-payment-amount-details{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem}.cust-payment-amount-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem}.cust-payment-amount-item:first-child{padding-top:0}.cust-payment-amount-item:last-child{padding-bottom:0}.cust-payment-amount-label{color:#94a3b8;font-weight:500}.cust-payment-amount-value{color:#f8fafc;font-weight:600}.cust-payment-amount-value.due-date,.cust-payment-amount-value.tax{color:#f59e0b}.cust-payment-amount-value.discount{color:#22c55e}.cust-payment-amount-value.unique-code{color:#8b5cf6}.cust-payment-amount-value.total{color:#3b82f6;font-weight:700}.cust-payment-amount-item.discount{background:rgba(34,197,94,.1);border-radius:8px;padding:.75rem;margin:.5rem 0}.cust-payment-amount-item.total{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;margin-top:1rem;font-weight:600}.cust-payment-instructions{margin-bottom:2rem}.cust-payment-instructions h4{color:#fff;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.cust-payment-instructions ol{color:#94a3b8;padding-left:1.5rem;line-height:1.6}.cust-payment-instructions li{margin-bottom:.5rem}.cust-bank-accounts h4{color:#fff;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.cust-bank-accounts-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.cust-bank-account-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem}.cust-bank-account-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.cust-bank-account-header h5{color:#fff;margin:0;font-size:1rem;font-weight:600}.cust-copy-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cust-copy-btn:hover{background:rgba(255,255,255,.12);color:#f8fafc}.cust-bank-account-details{display:flex;flex-direction:column;gap:.5rem}.cust-bank-account-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.cust-bank-label{color:#94a3b8}.cust-bank-value{color:#fff;font-weight:500;font-family:Courier New,monospace}.cust-no-bank-accounts{text-align:center;color:#94a3b8;padding:2rem 1rem}.cust-payment-note{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:1rem;margin-top:1.5rem}.cust-payment-note p{color:#f59e0b;margin:0;font-size:.875rem;line-height:1.5}.cust-payment-error{text-align:center;color:#94a3b8;padding:2rem 1rem}.cust-payment-expired-warning{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:20px;margin-bottom:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cust-expired-warning-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#ef4444;font-weight:600;font-size:16px}.cust-expired-warning-message{color:#fffc;font-size:14px;line-height:1.5;margin:0}.cust-billing-pay-button.retry-payment{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 16px #f59e0b40}.cust-billing-pay-button.retry-payment:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b59}.cust-payment-success-notification{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:16px;padding:20px;margin-top:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cust-payment-success-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#22c55e;font-weight:600;font-size:16px}.cust-payment-success-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.cust-payment-detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.cust-payment-detail-item:last-child{border-bottom:none}.cust-payment-label{color:#ffffffb3;font-size:14px}.cust-payment-value{color:#fff;font-weight:500;font-size:14px}.cust-payment-value.amount{color:#22c55e;font-weight:600}.cust-payment-value.fee{color:#dc2626;font-weight:600}.cust-payment-value.status{color:#3b82f6;font-weight:500}.cust-payment-value.status.retry{color:#f59e0b;font-weight:600}.cust-payment-value.discount{color:#22c55e;font-weight:600}.cust-payment-success-actions{display:flex;gap:12px;justify-content:flex-end}.cust-payment-action-btn{padding:10px 16px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.cust-payment-action-btn.primary{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);color:#fff;box-shadow:0 4px 12px #7c3aed40}.cust-payment-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed59}.cust-payment-action-btn.secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.cust-payment-action-btn.secondary:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}.cust-billing-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#3b82f6;cursor:pointer;transition:all .2s ease;padding:0}.cust-billing-action-btn:hover{background:rgba(59,130,246,.2);border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.cust-billing-action-btn svg{width:16px;height:16px}.cust-billing-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.cust-billing-pagination-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px}.cust-billing-pagination-btn:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:#fff3;transform:translateY(-1px)}.cust-billing-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cust-billing-pagination-info{color:#ffffffb3;font-size:14px;font-weight:500}@media (max-width: 768px){.cust-billing-current-info{grid-template-columns:1fr}.cust-billing-breakdown{margin-top:1rem;padding-top:1rem}.cust-billing-breakdown-title{font-size:.875rem}.cust-billing-breakdown-items{padding:.75rem}.cust-billing-breakdown-item{font-size:.813rem;padding:.375rem 0}.cust-billing-breakdown-item.discount{padding:.625rem;margin:.375rem 0}.cust-billing-breakdown-total{padding:.75rem 0 0;margin-top:.75rem;font-size:.875rem}.cust-billing-breakdown-total .cust-billing-breakdown-value.total{font-size:1rem}.cust-billing-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cust-billing-stat-card{padding:16px}.cust-billing-stat-icon{width:40px;height:40px}.cust-billing-stat-value{font-size:20px}.cust-billing-stat-label{font-size:11px}.cust-billing-history-header{flex-direction:column;gap:1rem;align-items:flex-start}.cust-billing-table-header,.cust-billing-table-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:8px;font-size:12px}.cust-billing-table-header.tripay-active,.cust-billing-table-row.tripay-active{grid-template-columns:1fr 1fr 1fr 1fr}.cust-billing-table-cell{font-size:12px;padding:8px 4px}.cust-billing-table-cell.amount{font-size:11px}.cust-billing-action-btn{width:28px;height:28px}.cust-billing-action-btn svg{width:14px;height:14px}.cust-billing-status-badge{font-size:11px;padding:3px 7px}.cust-billing-status-badge svg{width:13px;height:13px}.cust-payment-modal{margin:.5rem;max-height:90vh}.cust-payment-modal-header,.cust-payment-modal-content{padding:1rem}.cust-payment-amount-info{margin-bottom:1.5rem;padding-bottom:1rem}.cust-payment-amount-info h4{font-size:1rem}.cust-payment-amount-details{padding:.75rem}.cust-payment-amount-item{font-size:.813rem;padding:.375rem 0}}@media (max-width: 480px){.cust-billing-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.cust-billing-stat-card{padding:12px}.cust-billing-stat-icon{width:36px;height:36px}.cust-billing-stat-value{font-size:18px}.cust-billing-stat-label{font-size:10px}.cust-billing-table-header,.cust-billing-table-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:4px;font-size:11px}.cust-billing-table-header.tripay-active,.cust-billing-table-row.tripay-active{grid-template-columns:1fr 1fr 1fr 1fr}.cust-billing-table-cell{font-size:11px;padding:6px 2px}.cust-billing-table-cell.amount{font-size:10px}.cust-billing-action-btn{width:24px;height:24px}.cust-billing-action-btn svg{width:12px;height:12px}.cust-billing-status-badge{font-size:11px;padding:3px 7px}.cust-billing-status-badge svg{width:13px;height:13px}.cust-payment-modal{margin:.25rem;max-height:95vh}.cust-payment-modal-header,.cust-payment-modal-content{padding:.875rem}.cust-payment-amount-info{margin-bottom:1rem;padding-bottom:.75rem}.cust-payment-amount-info h4{font-size:.875rem}.cust-payment-amount-details{padding:.625rem}.cust-payment-amount-item{font-size:.75rem;padding:.25rem 0}.cust-billing-breakdown{margin-top:.75rem;padding-top:.75rem}.cust-billing-breakdown-title{font-size:.813rem}.cust-billing-breakdown-items{padding:.625rem}.cust-billing-breakdown-item{font-size:.75rem;padding:.25rem 0}.cust-billing-breakdown-item.discount{padding:.5rem;margin:.25rem 0}.cust-billing-breakdown-total{padding:.625rem 0 0;margin-top:.625rem;font-size:.813rem}.cust-billing-breakdown-total .cust-billing-breakdown-value.total{font-size:.938rem}.cust-payment-success-actions{flex-direction:column}.cust-payment-action-btn{width:100%;justify-content:center}}@media (max-width: 360px){.cust-billing-stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.cust-billing-stat-card{padding:10px}.cust-billing-stat-icon{width:32px;height:32px}.cust-billing-stat-value{font-size:16px}.cust-billing-stat-label{font-size:9px}.cust-payment-amount-info{margin-bottom:.75rem;padding-bottom:.5rem}.cust-payment-amount-info h4{font-size:.813rem}.cust-payment-amount-details{padding:.5rem}.cust-payment-amount-item{font-size:.688rem;padding:.125rem 0}.cust-billing-breakdown{margin-top:.5rem;padding-top:.5rem}.cust-billing-breakdown-title{font-size:.75rem}.cust-billing-breakdown-items{padding:.5rem}.cust-billing-breakdown-item{font-size:.688rem;padding:.125rem 0}.cust-billing-breakdown-item.discount{padding:.375rem;margin:.125rem 0}.cust-billing-breakdown-total{padding:.5rem 0 0;margin-top:.5rem;font-size:.75rem}.cust-billing-breakdown-total .cust-billing-breakdown-value.total{font-size:.875rem}.cust-billing-status-badge{font-size:10px;padding:3px 6px}.cust-billing-status-badge svg{width:12px;height:12px}}.payment-method-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-method-selector-modal{background:rgba(255,255,255,.06);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.12);border-radius:20px;width:100%;max-width:600px;max-height:75vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-method-selector-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.payment-method-selector-title{display:flex;align-items:center;gap:.75rem;color:#f8fafc}.payment-method-selector-title h3{margin:0;font-size:1.25rem;font-weight:600}.payment-method-selector-close{background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.payment-method-selector-close:hover{background:rgba(255,255,255,.08);color:#f8fafc}.payment-method-selector-content{flex:1;overflow-y:auto;padding:1.5rem;max-height:55vh}.payment-method-loading,.payment-method-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#94a3b8}.loading-spinner{animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.retry-button{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;font-weight:600;margin-top:1rem;transition:all .2s ease}.retry-button:hover{box-shadow:0 4px 16px #7c3aed40}.payment-method-categories{display:flex;flex-direction:column;gap:2rem}.payment-method-category{display:flex;flex-direction:column;gap:1rem}.payment-method-category-header{display:flex;align-items:center;gap:.75rem;color:#f8fafc;font-weight:600;font-size:1.125rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.payment-method-list{display:grid;gap:1rem}.payment-method-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .2s ease;position:relative}.payment-method-card:hover:not(.disabled){background:rgba(255,255,255,.06);border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 32px #0000001a}.payment-method-card.selected{background:rgba(124,58,237,.1);border-color:#7c3aed4d;box-shadow:0 8px 32px #7c3aed26}.payment-method-card.selected .payment-method-icon-wrapper{background:rgba(124,58,237,.25);border-color:#7c3aed80}.payment-method-card.disabled{opacity:.5;cursor:not-allowed;background:rgba(255,255,255,.02)}.payment-method-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.payment-method-icon-wrapper{width:48px;height:48px;background:rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.1);position:relative}.payment-method-icon,.payment-method-icon-wrapper img{width:24px;height:24px;object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}.fallback-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#94a3b8}.fallback-icon.hidden{display:none}.payment-method-info{flex:1;min-width:0}.payment-method-name{color:#f8fafc;font-size:1rem;font-weight:600;margin:0 0 .25rem}.payment-method-description{color:#94a3b8;font-size:.875rem;margin:0;line-height:1.4}.selected-icon{color:#10b981;flex-shrink:0}.payment-method-details{display:flex;flex-direction:column;gap:1rem}.payment-amount-breakdown{background:rgba(255,255,255,.02);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.04)}.amount-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.875rem}.amount-row:first-child{padding-top:0}.amount-row:last-child{padding-bottom:0}.amount-row span:first-child{color:#94a3b8}.amount-row span:last-child{color:#f8fafc;font-weight:500}.amount-row.fee span:last-child{color:#f59e0b}.amount-row.total{border-top:1px solid rgba(255,255,255,.08);margin-top:.5rem;padding-top:.5rem;font-weight:600;font-size:1rem}.amount-row.total span:last-child{color:#10b981}.payment-method-unavailable{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.875rem;padding:.75rem;background:rgba(239,68,68,.1);border-radius:8px;border:1px solid rgba(239,68,68,.2)}.payment-method-selector-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);gap:1rem}.selected-method-summary{flex:1}.selected-method-info{display:flex;flex-direction:column;gap:.25rem}.selected-method-name{color:#f8fafc;font-weight:600;font-size:.875rem}.selected-method-total{color:#10b981;font-weight:700;font-size:1rem}.payment-method-confirm-button{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 16px #10b98140;white-space:nowrap}.payment-method-confirm-button:hover{box-shadow:0 6px 20px #10b98159;transform:translateY(-1px)}@media (max-width: 768px){.payment-method-selector-overlay{padding:.5rem}.payment-method-selector-modal{max-height:90vh;border-radius:16px}.payment-method-selector-header{padding:1rem}.payment-method-selector-title h3{font-size:1.125rem}.payment-method-selector-content{padding:1rem;max-height:50vh}.payment-method-categories{gap:1.5rem}.payment-method-card{padding:1rem}.payment-method-header{gap:.75rem;margin-bottom:.75rem}.payment-method-icon-wrapper{width:40px;height:40px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.1)}.payment-method-icon{width:20px;height:20px}.payment-method-name{font-size:.875rem}.payment-method-description{font-size:.813rem}.payment-amount-breakdown{padding:.75rem}.amount-row{font-size:.813rem}.amount-row.total{font-size:.875rem}.payment-method-selector-footer{padding:1rem;flex-direction:column;gap:.75rem}.payment-method-confirm-button{width:100%;justify-content:center;padding:1rem}}@media (max-width: 480px){.payment-method-selector-modal{max-height:85vh}.payment-method-selector-header{padding:.875rem}.payment-method-selector-content{padding:.875rem;max-height:45vh}.payment-method-card{padding:.75rem}.payment-method-icon-wrapper{width:32px;height:32px}.payment-method-icon{width:18px;height:18px}.payment-method-name{font-size:.75rem}.payment-method-description{font-size:.688rem}.payment-amount-breakdown{padding:.5rem}.amount-row{font-size:.688rem}.payment-method-selector-footer{padding:.875rem;flex-direction:column;gap:.75rem}.payment-method-confirm-button{width:100%;justify-content:center;padding:.875rem}}.custset-container{padding:0;color:#f8fafc;max-width:1400px;margin:0 auto}.custset-card{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000014;position:relative;transition:all .2s ease}.custset-card:hover{background:rgba(255,255,255,.05);border-color:#ffffff1f}.custset-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.custset-header h2{color:#f8fafc;font-size:24px;font-weight:700;margin:0;letter-spacing:-.02em}.custset-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.custset-form{display:flex;flex-direction:column;gap:20px}.custset-row{display:flex;flex-direction:column;gap:8px}.custset-row.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.custset-row label{color:#ffffffb3;font-size:14px;font-weight:500;margin:0}.custset-input,.custset-textarea,.custset-select{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#f8fafc;padding:14px 16px;border-radius:12px;outline:none;font-size:14px;font-weight:500;transition:all .2s ease}.custset-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.custset-input:focus,.custset-textarea:focus,.custset-select:focus{border-color:#7c3aed80;box-shadow:0 0 0 3px #7c3aed1a}.custset-input::placeholder,.custset-textarea::placeholder{color:#ffffff80}.custset-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.custset-select option{background:#1a0b2e;color:#f8fafc;padding:8px}.custset-textarea{min-height:100px;resize:vertical;font-family:inherit}.custset-readonly{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px;color:#e2e8f0;font-weight:600;font-size:14px;min-height:20px;display:flex;align-items:center}.custset-readonly.small{font-size:13px;font-weight:500;color:#94a3b8}.custset-btn{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);color:#fff;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 4px 16px #7c3aed40;display:flex;align-items:center;justify-content:center;gap:8px;min-width:100px}.custset-btn:hover:not(:disabled){box-shadow:0 6px 20px #7c3aed59;transform:translateY(-1px)}.custset-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.custset-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.15);box-shadow:none}.custset-btn.ghost:hover:not(:disabled){background:rgba(255,255,255,.05);border-color:#fff3;box-shadow:none;transform:none}.custset-actions{display:flex;gap:12px}.custset-footer{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end}.custset-mapwrap{display:flex;flex-direction:column;gap:16px}.custset-mapheader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.custset-mapheader h3{color:#f8fafc;font-size:18px;font-weight:600;margin:0;letter-spacing:-.02em}.custset-mapactions{display:flex;gap:12px}.custset-map{width:100%;height:400px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;position:relative}.custset-map:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(124,58,237,.05) 0%,rgba(168,85,247,.05) 100%);pointer-events:none;z-index:1;border-radius:16px}.custset-hint{font-size:13px;color:#94a3b8;font-weight:500;text-align:center;padding:12px;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.06)}.custset-alert{padding:16px 20px;border-radius:12px;font-size:14px;margin-bottom:16px;margin-top:8px;font-weight:500;display:flex;align-items:center;gap:12px}.custset-alert.success{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.25)}.custset-alert.error{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.25)}.custset-alert.warning{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.custset-alert.info{background:rgba(59,130,246,.15);color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.custset-loading{display:flex;align-items:center;justify-content:center;gap:16px;color:#e2e8f0;min-height:200px;flex-direction:column}.custset-loading.sm{min-height:120px;justify-content:center;flex-direction:column}.custset-loading p{margin:0;font-size:14px;font-weight:500;color:#94a3b8}.custset-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#7c3aed;border-radius:50%;animation:custset-spin 1s linear infinite}@keyframes custset-spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.custset-grid{grid-template-columns:1fr;gap:24px}.custset-card{padding:24px}.custset-header{margin-bottom:24px;padding-bottom:16px}.custset-header h2{font-size:20px}.custset-mapheader h3{font-size:16px}}@media (max-width: 768px){.custset-container{padding:0}.custset-card{padding:20px;border-radius:16px}.custset-header{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:12px}.custset-header h2{font-size:18px}.custset-header .custset-btn{flex-shrink:0;min-width:60px;padding:8px 12px;font-size:13px}.custset-form{gap:16px}.custset-row.two{grid-template-columns:1fr;gap:16px}.custset-mapactions{flex-direction:column;gap:8px;width:100%}.custset-mapactions .custset-btn{width:100%;justify-content:center}.custset-map{height:300px}.custset-mapheader{flex-direction:column;align-items:flex-start;gap:12px}.custset-mapheader h3{font-size:16px}.custset-input,.custset-textarea,.custset-readonly,.custset-select{padding:12px 14px;font-size:14px}.custset-btn{padding:10px 16px;font-size:13px;min-width:80px}.custset-alert{padding:12px 16px;font-size:13px;gap:10px;margin-top:12px}.custset-loading{min-height:150px}.custset-loading.sm{min-height:100px}.custset-footer{margin-top:24px;padding-top:20px}}@media (max-width: 480px){.custset-card{padding:16px;border-radius:12px}.custset-header{margin-bottom:16px;padding-bottom:8px}.custset-header h2{font-size:16px}.custset-header .custset-btn{flex-shrink:0;min-width:50px;padding:6px 10px;font-size:12px}.custset-form{gap:12px}.custset-row{gap:6px}.custset-row.two{gap:12px}.custset-input,.custset-textarea,.custset-readonly,.custset-select{padding:10px 12px;font-size:13px;border-radius:8px}.custset-btn{padding:8px 12px;font-size:12px;min-width:70px;border-radius:8px}.custset-actions{gap:8px}.custset-map{height:250px;border-radius:12px}.custset-mapheader h3{font-size:14px}.custset-hint{font-size:12px;padding:10px}.custset-alert{padding:10px 12px;font-size:12px;gap:8px;margin-top:10px}.custset-footer{margin-top:20px;padding-top:16px}}@media (prefers-reduced-motion: reduce){.custset-spinner{animation:none}.custset-card,.custset-btn,.custset-input,.custset-textarea{transition:none}}.cust-ticket-container{width:100%;max-width:1200px;margin:0 auto;padding:0}.cust-ticket-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.cust-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.875rem}.cust-tab:hover{background:rgba(255,255,255,.05);color:#fff;border-color:#fff3}.cust-tab.active{background:rgba(124,58,237,.1);color:#a855f7;border-color:#7c3aed4d}.cust-ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.cust-ticket-title{display:flex;align-items:center;gap:1rem}.cust-ticket-title h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.cust-ticket-actions{display:flex;gap:1rem;align-items:center}.cust-filter-select{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:.5rem 2.25rem .5rem 1rem;font-size:.875rem;outline:none;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.cust-filter-select:focus{border-color:#7c3aed80;box-shadow:0 0 0 2px #7c3aed1a}.cust-filter-select:hover{border-color:#fff3;background:rgba(255,255,255,.08)}.cust-filter-select option{background:#1a0b2e;color:#fff;padding:.5rem;font-size:.875rem}.cust-filter-select option:hover{background:rgba(124,58,237,.2)}.cust-filter-select option:checked{background:rgba(124,58,237,.3);color:#fff}.cust-filter-select:-moz-focusring{color:transparent;text-shadow:0 0 0 white}.cust-filter-select::-ms-expand{display:none}.cust-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.cust-btn.primary{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);color:#fff;box-shadow:0 4px 16px #7c3aed40}.cust-btn.primary:hover:not(:disabled){box-shadow:0 6px 20px #7c3aed59;transform:translateY(-1px)}.cust-btn.secondary{background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.1)}.cust-btn.secondary:hover{background:rgba(255,255,255,.1);border-color:#fff3}.cust-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.cust-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#fff}.cust-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:#7c3aed;animation:cust-spin 1s linear infinite;margin-bottom:1rem}@keyframes cust-spin{to{transform:rotate(360deg)}}.cust-loading p{margin:0;opacity:.8}.cust-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#ef4444;text-align:center}.cust-error p{margin-bottom:1rem;opacity:.9}.cust-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#ffffffb3;text-align:center}.cust-empty h3{color:#fff;margin:1rem 0 .5rem;font-size:1.25rem;font-weight:600}.cust-empty p{margin:0 0 2rem;opacity:.8;max-width:400px}.cust-ticket-list{width:100%}.cust-ticket-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.cust-ticket-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .2s ease;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.cust-ticket-card:hover{background:rgba(255,255,255,.06);border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 32px #0000001a}.cust-ticket-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cust-ticket-number{color:#7c3aed;font-weight:600;font-size:.875rem;font-family:Courier New,monospace}.cust-ticket-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500}.status-icon{width:16px;height:16px}.status-icon.open{color:#f59e0b}.status-icon.in-progress{color:#3b82f6}.status-icon.waiting{color:#8b5cf6}.status-icon.resolved{color:#10b981}.status-icon.closed{color:#6b7280}.status-icon.cancelled{color:#ef4444}.cust-ticket-content{margin-bottom:1rem}.cust-ticket-subject{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem;line-height:1.3}.cust-ticket-description{color:#ffffffb3;font-size:.875rem;line-height:1.5;margin:0}.cust-ticket-meta{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}.cust-ticket-tags{display:flex;gap:.5rem}.cust-tag{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cust-tag.category{background:rgba(124,58,237,.1);color:#a855f7}.cust-tag.priority{background:rgba(16,185,129,.1);color:#10b981}.cust-tag.priority.high{background:rgba(245,158,11,.1);color:#f59e0b}.cust-tag.priority.urgent{background:rgba(239,68,68,.1);color:#ef4444}.cust-ticket-info{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.cust-ticket-date,.cust-ticket-responses{display:flex;align-items:center;gap:.25rem;color:#fff9;font-size:.75rem}.cust-ticket-actions{display:flex;justify-content:flex-end}.cust-create-ticket{width:100%}.cust-ticket-form{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.cust-form-group{margin-bottom:1.5rem}.cust-form-group label{display:block;color:#fff;font-weight:500;margin-bottom:.5rem;font-size:.875rem}.cust-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;outline:none;transition:all .2s ease;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.cust-input:focus{border-color:#7c3aed80;box-shadow:0 0 0 2px #7c3aed1a}.cust-input::placeholder{color:#ffffff80}.cust-input option{background:#1a0b2e;color:#fff;padding:.5rem;font-size:.875rem}@media (prefers-color-scheme: dark){.cust-input option,.cust-filter-select option{background:#1a0b2e;color:#fff}}.cust-input option:hover{background:rgba(124,58,237,.2)}.cust-input option:checked{background:rgba(124,58,237,.3);color:#fff}.cust-input:-moz-focusring{color:transparent;text-shadow:0 0 0 white}.cust-input::-ms-expand{display:none}.cust-input:hover{border-color:#fff3;background:rgba(255,255,255,.08)}.cust-input:disabled{opacity:.5;cursor:not-allowed;background:rgba(255,255,255,.02)}input[type=text].cust-input,input[type=email].cust-input,input[type=password].cust-input,input[type=number].cust-input,textarea.cust-input{background-image:none;padding-right:1rem}textarea.cust-input{resize:vertical;min-height:120px;background-image:none;padding-right:1rem}.cust-file-upload{position:relative;border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:2rem;text-align:center;transition:all .2s ease;cursor:pointer;background:rgba(255,255,255,.02)}.cust-file-upload:hover,.cust-file-upload.drag-active{border-color:#7c3aed80;background:rgba(124,58,237,.05)}.cust-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.cust-file-upload-content{pointer-events:none}.cust-file-upload-content p{color:#fff;margin:.5rem 0;font-weight:500}.cust-file-upload-content span{color:#fff9;font-size:.75rem}.cust-attachments{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.cust-attachment{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem}.cust-attachment-info{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.875rem}.cust-file-size{color:#fff9;font-size:.75rem}.cust-remove-attachment{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.cust-remove-attachment:hover{background:rgba(239,68,68,.1)}.cust-error-message{display:flex;align-items:center;gap:.5rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:1rem;color:#ef4444;margin-bottom:1rem}.cust-form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.cust-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.cust-page-info{color:#ffffffb3;font-size:.875rem}.cust-ticket-detail{width:100%}.cust-ticket-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.cust-ticket-detail-title{display:flex;align-items:center;gap:1rem}.cust-ticket-detail-title h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.cust-ticket-detail-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.cust-ticket-detail-content{display:flex;flex-direction:column;gap:2rem}.cust-ticket-info-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.cust-ticket-info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.cust-ticket-info-header h3{color:#fff;margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.cust-ticket-info-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.cust-info-item{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.875rem}.cust-ticket-description-full h4{color:#fff;margin:0 0 .5rem;font-size:1rem;font-weight:600}.cust-ticket-description-full p{color:#fffc;line-height:1.6;margin:0}.ai-ticket-description{display:flex;flex-direction:column;gap:.75rem}.ai-ticket-header{display:flex;align-items:center;width:fit-content;margin-bottom:.25rem}.ai-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .6rem;line-height:1;white-space:nowrap;border-radius:999px;font-weight:700;font-size:.75rem;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.25);color:#a855f7}.ai-section{padding:.5rem .75rem;border-left:2px solid rgba(255,255,255,.12)}.ai-section-title{margin:0 0 .5rem;color:#a855f7;font-size:.95rem;font-weight:700}.ai-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.4rem 1rem}.ai-info-item{display:grid;grid-template-columns:150px 1fr;gap:.35rem .5rem;align-items:start}.ai-info-label{color:#ffffffb3;font-weight:600;font-size:.85rem;white-space:nowrap}.ai-info-value{color:#ffffffe6;font-size:.9rem;overflow-wrap:anywhere;word-break:break-word}.ai-map-link{color:#93c5fd;text-decoration:underline}.ai-issue-description,.ai-note,.ai-raw-text{white-space:pre-wrap;line-height:1.6;color:#ffffffe6;overflow-wrap:anywhere}.ai-info-restricted{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:1rem;margin:.5rem 0}.ai-restricted-message{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.875rem;margin:0;font-style:italic}.ai-restricted-icon{font-size:1rem;opacity:.8}.cust-ticket-responses{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.cust-responses-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.cust-ticket-responses h3{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.cust-empty-responses{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#fff9;text-align:center}.cust-empty-responses p{margin:1rem 0 0;font-size:.875rem}.cust-responses-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:.5rem}.cust-timeline-item{display:flex;gap:1.5rem;position:relative}.cust-timeline-item:last-child .cust-timeline-content{padding-bottom:0}.cust-timeline-item:last-child .cust-timeline-line{display:none}.cust-timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:40px;position:relative}.cust-timeline-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);z-index:2;position:relative;transition:all .2s ease}.cust-timeline-dot:hover{transform:scale(1.1)}.cust-timeline-dot.admin{background:rgba(124,58,237,.2);border-color:#7c3aed66;color:#a855f7;box-shadow:0 0 0 4px #7c3aed1a}.cust-timeline-dot.customer{background:rgba(16,185,129,.2);border-color:#10b98166;color:#10b981;box-shadow:0 0 0 4px #10b9811a}.cust-timeline-line{width:2px;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.1),rgba(255,255,255,.05));margin-top:8px;min-height:40px;position:relative}.cust-timeline-line:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(124,58,237,.2),transparent);opacity:.3}.cust-timeline-content{flex:1;padding-bottom:2rem;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cust-response-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.25rem;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.cust-response-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,rgba(124,58,237,.5),rgba(124,58,237,.2));opacity:0;transition:opacity .2s ease}.cust-response-card:hover{background:rgba(255,255,255,.05);border-color:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 20px #0000001a}.cust-response-card:hover:before{opacity:1}.cust-response-card.customer:before{background:linear-gradient(to bottom,rgba(16,185,129,.5),rgba(16,185,129,.2))}.cust-response-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.cust-response-author{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cust-author-name{color:#fff;font-weight:600;font-size:.875rem}.cust-author-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cust-author-badge.admin{background:rgba(124,58,237,.15);color:#a855f7;border:1px solid rgba(124,58,237,.3)}.cust-author-badge.customer{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.cust-response-date{color:#fff9;font-size:.75rem;white-space:nowrap}.cust-response-message{margin-bottom:1rem}.cust-response-message p{color:#ffffffe6;line-height:1.6;margin:0;font-size:.875rem}.cust-response-attachments{display:flex;flex-direction:column;gap:.75rem}.cust-attachment-item{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;transition:all .2s ease}.cust-attachment-item:hover{background:rgba(255,255,255,.08);border-color:#ffffff26}.cust-attachment-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.cust-attachment-details{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.cust-attachment-name{color:#fff;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cust-attachment-size{color:#fff9;font-size:.75rem}.cust-download-btn{background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.2);color:#a855f7;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.cust-download-btn:hover{background:rgba(124,58,237,.2);border-color:#7c3aed4d;transform:translateY(-1px)}.cust-ticket-attachments-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.cust-ticket-attachments-section h4{color:#fff;margin:0 0 1rem;font-size:1rem;font-weight:600}.cust-ticket-attachments-list{display:flex;flex-direction:column;gap:.75rem}.cust-attachment-icon{font-size:1.25rem;flex-shrink:0}.cust-attachment-actions{display:flex;gap:.5rem;align-items:center}.cust-preview-btn{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:#3b82f6;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cust-preview-btn:hover{background:rgba(59,130,246,.2);border-color:#3b82f64d;transform:translateY(-1px)}.image-preview-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:1rem}.image-preview{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #0000004d}.image-preview-error{display:flex;align-items:center;justify-content:center;min-height:200px;color:#ffffffb3;font-size:1.1rem}.image-preview-error.hidden{display:none}.cust-add-response{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.cust-add-response h3{color:#fff;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.cust-response-form,.cust-response-attachments-section{display:flex;flex-direction:column;gap:1rem}.spinning{animation:cust-spin 1s linear infinite}@media (max-width: 768px){.cust-ticket-container{padding:0 1rem}.cust-input,.cust-filter-select,.cust-input option,.cust-filter-select option{font-size:16px}.cust-ticket-tabs{flex-direction:column;gap:.5rem}.cust-tab{justify-content:center}.cust-ticket-header{flex-direction:column;gap:1rem;align-items:stretch}.cust-ticket-actions{flex-direction:column;gap:.75rem}.cust-ticket-grid{grid-template-columns:1fr}.cust-ticket-card{padding:1rem}.cust-ticket-meta{flex-direction:column;gap:1rem;align-items:flex-start}.cust-ticket-info{align-items:flex-start}.cust-ticket-form{padding:1.5rem}.cust-form-actions{flex-direction:column}.cust-pagination{flex-direction:column;gap:.75rem}.cust-ticket-detail-header{flex-direction:column;gap:1rem;align-items:stretch}.cust-ticket-detail-title{flex-direction:column;align-items:flex-start;gap:.5rem}.cust-ticket-info-header{flex-direction:column;gap:1rem}.cust-response-info{flex-direction:column;align-items:flex-start;gap:.5rem}.cust-timeline-item{gap:1rem}.cust-timeline-marker{width:32px}.cust-timeline-dot{width:28px;height:28px}.cust-response-header,.cust-response-author{flex-direction:column;align-items:flex-start;gap:.5rem}.cust-attachment-item{flex-direction:column;align-items:flex-start;gap:.75rem}.cust-attachment-info{width:100%}.cust-download-btn{align-self:flex-end}.cust-timeline-dot svg{width:10px;height:10px}.cust-response-card{padding:1rem}.cust-author-badge{font-size:.688rem;padding:.25rem .5rem}.cust-response-date{font-size:.688rem}.cust-response-message p,.cust-attachment-name{font-size:.813rem}.cust-attachment-size{font-size:.688rem}.ai-info-restricted{padding:.75rem}.ai-restricted-message{font-size:.813rem}}@media (max-width: 480px){.cust-ticket-container{padding:0 .5rem}.cust-ticket-form{padding:1rem}.cust-ticket-card{padding:.75rem}.cust-ticket-subject{font-size:1rem}.cust-ticket-description{font-size:.813rem}.cust-tag{font-size:.688rem;padding:.25rem .5rem}.cust-response,.cust-add-response{padding:1rem}.cust-timeline-item{gap:.75rem}.cust-timeline-marker{width:28px}.cust-timeline-dot{width:24px;height:24px}.cust-timeline-dot svg{width:10px;height:10px}.cust-response-card{padding:1rem}.cust-author-badge{font-size:.688rem;padding:.25rem .5rem}.cust-response-date{font-size:.688rem}.cust-response-message p,.cust-attachment-name{font-size:.813rem}.cust-attachment-size{font-size:.688rem}}.payment-detail-container{max-width:1200px;margin:0 auto;padding:24px;color:#fff}@keyframes payment-detail-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-detail-loading,.payment-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff;text-align:center}.payment-detail-loading .payment-detail-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:#7c3aed;animation:payment-detail-spin 1s linear infinite;margin-bottom:20px}.payment-detail-error-content{display:flex;flex-direction:column;align-items:center;gap:16px}.payment-detail-error-content h3{margin:0;font-size:20px;font-weight:600}.payment-detail-error-content p{margin:0;opacity:.8;max-width:400px}.payment-detail-btn{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;box-shadow:0 4px 16px #7c3aed40}.payment-detail-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed59}.payment-detail-header{display:flex;align-items:center;justify-content:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.payment-detail-header h1{margin:0;font-size:24px;font-weight:600}.payment-detail-status-card{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #00000014}.payment-detail-status-header{display:flex;align-items:center;gap:16px}.payment-detail-status-icon{width:48px;height:48px;background:rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center}.payment-detail-status-info h2{margin:0 0 4px;font-size:20px;font-weight:600}.payment-detail-status-info p{margin:0;opacity:.7;font-size:14px}.payment-detail-countdown{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:12px;padding:20px;margin-top:16px;color:#fff;text-align:center;box-shadow:0 4px 16px #3b82f640}.payment-detail-countdown-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;font-size:14px;opacity:.9}.payment-detail-countdown-timer{font-size:32px;font-weight:700;font-family:Courier New,monospace;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.payment-detail-countdown-deadline{font-size:12px;opacity:.8}.payment-detail-expired-warning{display:flex;align-items:center;gap:8px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:12px;margin-top:16px;color:#ef4444;font-size:14px}.payment-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.payment-detail-info-card{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;transition:all .2s ease}.payment-detail-info-card:hover{background:rgba(255,255,255,.06);border-color:#ffffff1f}.payment-detail-info-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.payment-detail-info-header h3{margin:0;font-size:16px;font-weight:600}.payment-detail-method-icon{width:20px;height:20px;object-fit:contain;border-radius:4px}.payment-detail-qris-section{margin-bottom:24px}.payment-detail-qris-card{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:all .2s ease}.payment-detail-qris-card:hover{background:rgba(255,255,255,.06);border-color:#ffffff1f}.payment-detail-qris-header{text-align:center;margin-bottom:20px}.payment-detail-qris-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#10b981}.payment-detail-qris-header p{margin:0;color:#ffffffb3;font-size:14px}.payment-detail-qris-content{display:flex;flex-direction:column;align-items:center;gap:20px}.payment-detail-qr-code{position:relative;display:flex;justify-content:center;align-items:center;background:white;border-radius:12px;padding:12px;box-shadow:0 8px 32px #0000001a;min-width:200px;min-height:200px}.payment-detail-qr-image{width:100%;height:100%;object-fit:contain;border-radius:8px}.payment-detail-qr-fallback{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.payment-detail-qr-fallback.hidden,.hidden{display:none}.payment-detail-qr-error{color:#ef4444;font-size:14px}.payment-detail-qris-info{display:flex;flex-direction:column;gap:16px;width:100%;max-width:300px}.payment-detail-qris-amount{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:8px}.payment-detail-qris-label{color:#fffc;font-size:14px;font-weight:500}.payment-detail-qris-value{color:#10b981;font-size:16px;font-weight:600}.payment-detail-info-content{display:flex;flex-direction:column;gap:12px}.payment-detail-info-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.payment-detail-label{color:#ffffffb3;font-weight:500}.payment-detail-value{color:#fff;font-weight:600;text-align:right}.payment-detail-code-wrapper{display:flex;align-items:center;gap:8px}.payment-detail-code{background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:10px 14px;font-family:Courier New,monospace;font-size:16px;color:#fff;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #0003}.payment-detail-copy-btn{background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);color:#fff;padding:10px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.payment-detail-copy-btn:hover{background:rgba(255,255,255,.25);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.payment-detail-copy-btn.copied{background:rgba(16,185,129,.2);border-color:#10b98166;color:#10b981;animation:copySuccess .3s ease-in-out}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.payment-detail-instructions{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:24px}.payment-detail-instructions h3{margin:0 0 20px;font-size:18px;font-weight:600}.payment-detail-instruction-group{margin-bottom:24px}.payment-detail-instruction-group:last-child{margin-bottom:0}.payment-detail-instruction-group h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#3b82f6}.payment-detail-instruction-steps{color:#fffc;padding-left:20px;line-height:1.6}.payment-detail-instruction-steps li{margin-bottom:8px}.payment-detail-instruction-steps li:last-child{margin-bottom:0}.payment-detail-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.payment-detail-action-btn{padding:12px 24px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;min-width:160px;justify-content:center}.payment-detail-action-btn.secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.payment-detail-action-btn.secondary:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}.payment-detail-action-btn.primary{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);color:#fff;border:none;box-shadow:0 4px 16px #7c3aed40}.payment-detail-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed59}.payment-detail-action-btn.primary.retry-payment{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 16px #ef444440}.payment-detail-action-btn.primary.retry-payment:hover{box-shadow:0 6px 20px #ef444459}.payment-detail-expired-section{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin:0 auto}.payment-detail-expired-warning{display:flex;align-items:center;gap:8px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:12px;color:#ef4444;font-size:14px;text-align:center}@media (max-width: 768px){.payment-detail-container{padding:16px}.payment-detail-header{justify-content:center}.payment-detail-header h1{font-size:20px}.payment-detail-info-grid{grid-template-columns:1fr;gap:16px}.payment-detail-info-card{padding:16px}.payment-detail-info-item{flex-direction:column;align-items:flex-start;gap:4px}.payment-detail-value{text-align:left}.payment-detail-code-wrapper{flex-direction:column;align-items:flex-start;gap:12px}.payment-detail-code{font-size:14px;padding:8px 12px}.payment-detail-copy-btn{padding:8px}.payment-detail-actions{flex-direction:column}.payment-detail-action-btn{width:100%}.payment-detail-method-icon{width:18px;height:18px}.payment-detail-qris-card{padding:16px}.payment-detail-qr-code{min-width:180px;min-height:180px;padding:10px}.payment-detail-qr-image{width:100%;height:100%;object-fit:contain}.payment-detail-qris-info{max-width:250px}}@media (max-width: 480px){.payment-detail-container{padding:12px}.payment-detail-status-card{padding:16px}.payment-detail-status-header{flex-direction:column;text-align:center;gap:12px}.payment-detail-status-icon{width:40px;height:40px}.payment-detail-countdown{padding:16px}.payment-detail-countdown-timer{font-size:24px}.payment-detail-instructions{padding:16px}.payment-detail-instruction-steps{padding-left:16px}.payment-detail-countdown{padding:12px}.payment-detail-countdown-timer{font-size:20px}.payment-detail-countdown-header{font-size:12px}.payment-detail-code{font-size:12px;padding:6px 10px}.payment-detail-copy-btn{padding:6px}.payment-detail-method-icon{width:16px;height:16px}.payment-detail-qris-card{padding:12px}.payment-detail-qr-code{min-width:140px;min-height:140px;padding:8px}.payment-detail-qr-image{width:100%;height:100%;object-fit:contain}.payment-detail-qris-info{max-width:200px}.payment-detail-qris-amount{padding:8px 12px}.payment-detail-qris-label{font-size:12px}.payment-detail-qris-value{font-size:14px}}.app{min-height:100vh;background:#1a0b2e;color:#e2e8f0;position:relative;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}html{background:#1a0b2e;color:#e2e8f0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a0b2e;color:#e2e8f0;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;background:#1a0b2e;color:#e2e8f0}:root{--admin-primary: #8b5cf6;--admin-primary-light: #a78bfa;--admin-primary-dark: #7c3aed;--admin-secondary: #6366f1;--admin-accent: #ec4899;--admin-bg: #0f0a1a;--admin-bg-secondary: rgba(139, 92, 246, .05);--admin-text: #e2e8f0;--admin-text-secondary: #94a3b8;--admin-border: rgba(139, 92, 246, .2);--admin-danger: #ef4444;--admin-success: #10b981;--admin-warning: #f59e0b;--admin-info: #3b82f6}.admin-text-gray{color:#9ca3af}.admin-text-blue{color:#60a5fa}.admin-text-purple{color:#c084fc}.admin-text-orange{color:#fb923c}.admin-text-green{color:#4ade80}.admin-text-red{color:#f87171}*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a0b2e}::-webkit-scrollbar-thumb{background:rgba(124,58,237,.3);border-radius:50px;border:2px solid #1a0b2e;background-clip:padding-box;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:rgba(124,58,237,.5)}html{scrollbar-width:thin;scrollbar-color:rgba(124,58,237,.3) #1a0b2e}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}