.admin-sidebar{position:fixed;left:0;top:0;width:300px;height:100vh;background:linear-gradient(180deg,#fff,#fafbfc);border-right:1px solid #f3f4f6;display:flex;flex-direction:column;z-index:1000;box-shadow:30px 0 100px #00000005}.admin-sidebar-header{padding:40px 32px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f3f4f6}.admin-logo{position:relative;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.admin-logo:hover{transform:scale(1.05)}.admin-logo-img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.04))}.admin-nav{flex:1;padding:32px 20px;overflow-y:auto;scrollbar-width:none}.admin-nav::-webkit-scrollbar{display:none}.admin-nav-section{margin-bottom:40px}.admin-nav-section-title{font-size:9px;font-weight:900;color:#10b981;text-transform:uppercase;letter-spacing:.3em;padding:0 20px;margin-bottom:16px;opacity:.6}.admin-nav-item{display:flex;align-items:center;gap:14px;padding:16px 20px;color:#64748b;text-decoration:none;border-radius:1.2rem;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;transition:all .35s cubic-bezier(.4,0,.2,1);margin-bottom:6px;position:relative;overflow:hidden}.admin-nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:0;width:4px;background:#10b981;border-radius:0 4px 4px 0;transition:height .3s ease;box-shadow:0 0 10px #10b981}.admin-nav-item:hover{background:#f8fafc;color:#0f172a;transform:translate(4px)}.admin-nav-item:hover:before{height:24px}.admin-nav-item.active{background:#0f172a;color:#fff;box-shadow:0 15px 30px -10px #0f172a40;transform:scale(1.02)}.admin-nav-item.active:before{height:100%;border-radius:1.2rem 0 0 1.2rem;width:6px}.admin-nav-item.active:after{content:"";position:absolute;right:16px;width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 12px #10b981;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.admin-nav-icon{width:18px;height:18px;flex-shrink:0;transition:all .3s ease;stroke-width:2.5}.admin-nav-item:hover .admin-nav-icon{transform:scale(1.15);color:#10b981}.admin-nav-item.active .admin-nav-icon{color:#10b981}.admin-sidebar-footer{padding:20px;border-top:1px solid #f3f4f6;background:#fafbfc}.admin-sidebar-footer .admin-nav-item{background:#f1f5f9;color:#475569;font-style:italic}.admin-sidebar-footer .admin-nav-item:hover{background:#0f172a;color:#fff}@media(max-width:1400px){.admin-sidebar{width:280px}}@media(max-width:1024px){.admin-sidebar{width:300px;transform:translate(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1);box-shadow:none}.admin-sidebar.open{transform:translate(0);box-shadow:60px 0 120px #00000026}}.admin-header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #f3f4f6}.admin-header-left,.admin-header-right{display:flex;align-items:center;gap:16px}@media(max-width:1024px){.admin-header{padding:16px 24px}}@media(max-width:640px){.admin-header{padding:12px 16px}.admin-header-right{gap:10px}}:root{--admin-sidebar-width: 300px;--admin-primary: #10b981;--admin-primary-dark: #059669;--admin-bg: #f8fafc;--admin-surface: #ffffff;--admin-text-main: #0f172a;--admin-text-muted: #64748b;--admin-border: #f1f5f9;--admin-radius: 2rem;--admin-shadow: 0 25px 50px -12px rgba(0, 0, 0, .08)}.admin-layout{display:flex;min-height:100vh;background:var(--admin-bg);overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-main{flex:1;display:flex;flex-direction:column;margin-left:var(--admin-sidebar-width);transition:all .5s cubic-bezier(.4,0,.2,1);min-width:0}.admin-content{flex:1;padding:48px;background:var(--admin-bg);animation:admin-page-enter .6s cubic-bezier(.4,0,.2,1);overflow-y:auto;min-height:calc(100vh - 80px)}@keyframes admin-page-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-content::-webkit-scrollbar{width:8px}.admin-content::-webkit-scrollbar-track{background:transparent}.admin-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:100px;border:2px solid transparent;background-clip:content-box}.admin-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1;background-clip:content-box}@media(max-width:1400px){:root{--admin-sidebar-width: 280px}.admin-content{padding:40px}}@media(max-width:1024px){.admin-main{margin-left:0}.admin-content{padding:32px}}@media(max-width:640px){.admin-content{padding:20px}}button,a{transition:all .25s cubic-bezier(.4,0,.2,1)}*:focus-visible{outline:2px solid var(--admin-primary);outline-offset:2px}::selection{background:#10b98126;color:#0f172a}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:100px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-content{background:#fff;padding:2rem;border-radius:12px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%}.confirm-modal-icon.danger{background:linear-gradient(135deg,#fed7d7,#fc8181);color:#c53030}.confirm-modal-icon.warning{background:linear-gradient(135deg,#fef3c7,#fbbf24);color:#d97706}.confirm-modal-icon.info{background:linear-gradient(135deg,#dbeafe,#60a5fa);color:#2563eb}.confirm-modal-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.confirm-modal-message{color:#718096;font-size:.95rem;line-height:1.6;margin:0 0 2rem}.confirm-modal-actions{display:flex;gap:1rem;justify-content:center}.btn-warning{padding:.75rem 1.5rem;background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #d977064d}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 12px #d9770666}.btn-info{padding:.75rem 1.5rem;background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #2563eb4d}.btn-info:hover{transform:translateY(-2px);box-shadow:0 6px 12px #2563eb66}@media(max-width:768px){.confirm-modal-content{padding:1.5rem}.confirm-modal-actions{flex-direction:column}.confirm-modal-actions button{width:100%}}.admin-user-connections{padding:2rem;max-width:1400px;margin:0 auto}.connections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.connections-header h1{font-size:2rem;font-weight:600;color:#1a1a1a;margin:0}.connections-filters{margin-bottom:2rem}.connections-filters label{display:flex;flex-direction:column;gap:.5rem;font-weight:500;color:#4a5568;max-width:400px}.user-filter-select{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;background-color:#fff;cursor:pointer;transition:all .2s}.user-filter-select:hover{border-color:#cbd5e0}.user-filter-select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.connections-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem;border-radius:12px;color:#fff;box-shadow:0 4px 6px #0000001a}.stat-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card h3{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.stat-card p{font-size:.95rem;opacity:.9;margin:0}.connections-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.connections-table{width:100%;border-collapse:collapse}.connections-table thead{background:#f7fafc}.connections-table th{padding:1rem;text-align:left;font-weight:600;color:#4a5568;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.connections-table td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#2d3748}.connections-table tbody tr:hover{background:#f7fafc}.instance-badge{display:inline-block;padding:.375rem .75rem;background:#edf2f7;color:#2d3748;border-radius:6px;font-size:.875rem;font-weight:500;font-family:Courier New,monospace}.url-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;color:#718096}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500}.status-badge.active{background:#c6f6d5;color:#22543d}.status-badge.inactive{background:#fed7d7;color:#742a2a}.actions-cell{display:flex;gap:.5rem}.btn-toggle,.btn-delete{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;cursor:pointer;transition:all .2s;border-radius:6px;color:#4a5568}.btn-toggle:hover{background:#edf2f7;color:#2d3748;transform:scale(1.1)}.btn-delete:hover{background:#fed7d7;color:#c53030;transform:scale(1.1)}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.btn-secondary{padding:.75rem 1.5rem;background:#e2e8f0;color:#2d3748;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#cbd5e0}.btn-danger{padding:.75rem 1.5rem;background:linear-gradient(135deg,#fc8181,#e53e3e);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #e53e3e4d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 12px #e53e3e66}.no-data{text-align:center;padding:3rem!important;color:#a0aec0;font-style:italic}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#4a5568}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.admin-loading,.admin-error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.25rem;color:#4a5568}.admin-error{color:#e53e3e}@media(max-width:768px){.admin-user-connections{padding:1rem}.connections-header{flex-direction:column;gap:1rem;align-items:stretch}.connections-table-container{overflow-x:auto}.connections-table{min-width:800px}.modal-content{padding:1.5rem}}