*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg: #09090b;--surface: #18181b;--surface-hover: #1f1f23;--border: #27272a;--border-strong: #3f3f46;--text: #fafafa;--text-muted: #a1a1aa;--text-faint: #71717a;--primary: #3b82f6;--primary-hover: #2563eb;--primary-ghost: rgba(59, 130, 246, .1);--success: #22c55e;--success-ghost: rgba(34, 197, 94, .1);--danger: #ef4444;--danger-ghost: rgba(239, 68, 68, .1);--warning: #eab308;--warning-ghost: rgba(234, 179, 8, .1);--radius: 6px;--radius-lg: 10px;--sidebar-w: 240px;--sidebar-collapsed-w: 60px}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}.hidden{display:none!important}.screen{min-height:100vh}#login-screen,#mfa-screen,#mfa-setup-screen{display:flex;align-items:center;justify-content:center;background:var(--bg)}.auth-icon{display:flex;justify-content:center;margin-bottom:1.25rem}.auth-icon svg{width:40px;height:40px}.login-box{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--primary);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:400px}.login-box h1{text-align:center;margin-bottom:.25rem;font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.auth-subtitle{text-align:center;color:var(--text-muted);font-size:.8125rem;margin-bottom:1.75rem}.mfa-subtitle{text-align:center;color:var(--text-muted);margin-bottom:1.25rem;font-size:.8125rem}.form-group{margin-bottom:.875rem}.form-group label{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.login-box input{width:100%;height:42px;padding:0 .875rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease}.login-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.login-box input::placeholder{color:var(--text-faint)}.btn-primary{width:100%;height:42px;padding:0 1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease,box-shadow .15s ease;margin-top:.25rem}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 1px 3px #0000004d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.error{color:var(--danger);font-size:.8125rem;margin-top:.625rem;text-align:center}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transition:width .2s ease}.sidebar-brand{display:flex;align-items:center;gap:.625rem;padding:1.25rem 1.25rem 1.5rem;border-bottom:1px solid var(--border)}.sidebar-brand-link{display:flex;align-items:center;gap:.625rem;text-decoration:none;cursor:pointer}.sidebar-brand svg{width:28px;height:28px;flex-shrink:0}.sidebar-brand span{font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.sidebar-nav{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-size:.8125rem;font-weight:450;transition:all .15s ease;border-left:2px solid transparent;cursor:pointer}.sidebar-link svg{width:18px;height:18px;flex-shrink:0;opacity:.6;transition:opacity .15s ease}.sidebar-link:hover{color:var(--text);background:var(--surface-hover)}.sidebar-link:hover svg{opacity:.9}.sidebar-link.active{color:var(--text);background:var(--surface-hover);border-left-color:var(--primary)}.sidebar-link.active svg{opacity:1}.sidebar-group{display:flex;flex-direction:column;gap:2px}.sidebar-group-toggle.group-active{color:var(--text);background:var(--surface-hover)}.sidebar-group-toggle.group-active svg{opacity:1}.sidebar-sub-link{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem .375rem 2.5rem;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-size:.75rem;font-weight:450;transition:all .15s ease;cursor:pointer}.sidebar-sub-link svg{width:14px;height:14px;flex-shrink:0;opacity:.6}.sidebar-sub-link:hover{color:var(--text);background:var(--surface-hover)}.sidebar-sub-link.active{color:var(--primary)}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.625rem}.user-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary-ghost);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;border:1px solid rgba(59,130,246,.2)}.user-info span{font-size:.8125rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{display:flex;align-items:center;gap:.375rem;background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius);transition:all .15s ease;flex-shrink:0}.sidebar-logout:hover{color:var(--danger);background:var(--danger-ghost)}.sidebar-toggle{margin-left:auto;background:none;border:none;color:var(--text-faint);cursor:pointer;padding:.25rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.sidebar-toggle:hover{color:var(--text);background:var(--surface-hover)}.sidebar-toggle svg{width:16px;height:16px;transition:transform .2s ease}.sidebar-label{overflow:hidden;white-space:nowrap;transition:opacity .15s ease,width .2s ease}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-w)}.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-w)}.sidebar-collapsed .sidebar-brand{padding:1.25rem 0 1.5rem;gap:0;flex-direction:column;align-items:center}.sidebar-collapsed .sidebar-brand .sidebar-label{display:none}.sidebar-collapsed .sidebar-toggle{margin-left:0;margin-top:.5rem}.sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-collapsed .sidebar-nav{padding:.75rem .375rem;align-items:center}.sidebar-collapsed .sidebar-link{justify-content:center;padding:.5rem;border-left:none;width:38px;height:38px}.sidebar-collapsed .sidebar-link .sidebar-label{display:none}.sidebar-collapsed .sidebar-link.active{border-left:none;border-bottom:2px solid var(--primary)}.sidebar-collapsed .sidebar-sub-link{display:none}.sidebar-collapsed .sidebar-group-toggle.group-active{border-left:none;border-bottom:2px solid var(--primary)}.sidebar-collapsed .sidebar-footer{justify-content:center;padding:1rem .5rem;gap:0}.sidebar-collapsed .sidebar-footer .sidebar-label{display:none}.sidebar-collapsed .sidebar-footer .user-info{justify-content:center}.sidebar-collapsed .sidebar-logout{display:none}.main-content{margin-left:var(--sidebar-w);padding:2rem 2.5rem;min-height:100vh;transition:margin-left .2s ease}.page-header{margin-bottom:1.5rem}.page-header h2{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.loading{color:var(--text-faint);padding:3rem;text-align:center;font-size:.875rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.loading:before{content:"";width:24px;height:24px;border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-inline{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:6px}.stats{display:flex;gap:1rem;margin-bottom:1.5rem}.stat-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;min-width:140px}.stat-value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.stat-label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:.125rem}.stat-value.text-success{color:var(--success)}.stat-value.text-danger{color:var(--danger)}.stat-value.text-warning{color:var(--warning)}.stat-value.text-primary{color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table th{text-align:left;padding:.75rem 1rem;background:var(--surface-hover);color:var(--text-muted);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid var(--border)}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.data-table .mono{font-family:SF Mono,Cascadia Code,Fira Code,Consolas,monospace;font-size:.75rem;color:var(--text-muted)}.data-table .role-select{height:30px;padding:0 1.75rem 0 .5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.75rem;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;cursor:pointer;transition:border-color .15s ease}.data-table .role-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ghost)}.data-table .role-select option{background:var(--surface);color:var(--text)}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.1875rem .625rem;border-radius:99px;font-size:.6875rem;font-weight:500;letter-spacing:.01em}.badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-healthy{background:var(--success-ghost);color:var(--success)}.badge-healthy:before{background:var(--success)}.badge-unhealthy{background:var(--danger-ghost);color:var(--danger)}.badge-unhealthy:before{background:var(--danger)}.badge-active{background:var(--success-ghost);color:var(--success)}.badge-active:before{background:var(--success)}.badge-revoked{background:var(--danger-ghost);color:var(--danger)}.badge-revoked:before{background:var(--danger)}.badge-suspended{background:var(--warning-ghost);color:var(--warning)}.badge-suspended:before{background:var(--warning)}.badge-expired{background:#a1a1aa1a;color:var(--text-muted)}.badge-expired:before{background:var(--text-faint)}.badge-free{background:#a1a1aa1a;color:var(--text-muted)}.badge-free:before{background:var(--text-faint)}.badge-premium{background:var(--primary-ghost);color:var(--primary)}.badge-premium:before{background:var(--primary)}.btn-sm{display:inline-flex;align-items:center;gap:.375rem;height:30px;padding:0 .75rem;font-size:.75rem;font-weight:500;border:1px solid var(--border-strong);border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-sm:hover{border-color:var(--text-faint);background:var(--surface-hover)}.btn-danger{display:inline-flex;align-items:center;height:30px;padding:0 .75rem;font-size:.75rem;font-weight:500;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);background:transparent;color:var(--danger);cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-danger:hover{background:var(--danger-ghost);border-color:#ef444480}.btn-sm:disabled,.btn-danger:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-toggle{display:inline-flex;align-items:center;height:28px;padding:0 .75rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:99px;cursor:pointer;border:none;transition:all .15s ease}.btn-toggle.on{background:var(--success-ghost);color:var(--success)}.btn-toggle.off{background:#a1a1aa14;color:var(--text-faint)}.btn-toggle:hover{opacity:.85}.filters{display:flex;gap:.625rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.filters input,.filters select{height:36px;padding:0 .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.8125rem;transition:border-color .15s ease,box-shadow .15s ease}.filters input{min-width:260px}.filters input:focus,.filters select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.filters input::placeholder{color:var(--text-faint)}.filters select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;padding-right:2rem}.filters select option{background:var(--surface);color:var(--text)}.pagination{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.8125rem;color:var(--text-muted)}.pagination button{height:30px;padding:0 .75rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;font-size:.75rem;font-weight:500;transition:all .15s ease}.pagination button:hover:not(:disabled){border-color:var(--text-faint);background:var(--surface-hover)}.pagination button:disabled{opacity:.25;cursor:not-allowed}.actions{display:flex;gap:.375rem;flex-wrap:wrap}#mfa-code,#mfa-setup-code{text-align:center;font-size:1.5rem;letter-spacing:.5em;font-family:SF Mono,Cascadia Code,Fira Code,Consolas,monospace;height:52px}#mfa-code:disabled,#mfa-setup-code:disabled{opacity:.5;cursor:not-allowed}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.25rem;max-width:480px}.settings-section h3{font-size:.875rem;font-weight:600;margin-bottom:1rem}.settings-form .form-group{margin-bottom:.75rem}.settings-form input{width:100%;height:40px;padding:0 .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.8125rem;transition:border-color .15s ease,box-shadow .15s ease}.settings-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.settings-form input::placeholder{color:var(--text-faint)}.settings-form .btn-primary{width:auto;height:36px;padding:0 1.25rem;font-size:.8125rem;margin-top:.5rem}.settings-message{margin-top:.625rem;font-size:.8125rem}.settings-message.success{color:var(--success)}.settings-message.error{color:var(--danger)}.settings-mfa-status{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;color:var(--text-muted)}.qr-code-container{text-align:center;margin:1.25rem 0}.qr-code-container img{max-width:180px;border-radius:var(--radius);background:#fff;padding:8px}.secret-display{font-family:SF Mono,Cascadia Code,Fira Code,Consolas,monospace;font-size:.75rem;background:var(--bg);border:1px solid var(--border);padding:.5rem .75rem;border-radius:var(--radius);text-align:center;word-break:break-all;margin:.75rem 0;color:var(--text-muted)}.mfa-verify-inline{display:flex;gap:.5rem;margin-top:.75rem}.mfa-verify-inline input{flex:1;height:42px;padding:0 .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;font-family:SF Mono,Cascadia Code,Fira Code,Consolas,monospace;text-align:center;letter-spacing:.3em;transition:border-color .15s ease,box-shadow .15s ease}.mfa-verify-inline input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.modal-box{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--primary);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-box h3{font-size:1.125rem;font-weight:600;margin-bottom:1.25rem}.modal-form .form-group{margin-bottom:.75rem}.modal-form input{width:100%;height:40px;padding:0 .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.8125rem;transition:border-color .15s ease,box-shadow .15s ease}.modal-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.modal-form input::placeholder{color:var(--text-faint)}.modal-form select{width:100%;height:40px;padding:0 2rem 0 .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.8125rem;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center}.modal-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.modal-form select option{background:var(--surface);color:var(--text)}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:.625rem;margin-top:1.25rem}.modal-actions button{height:36px;font-size:.8125rem;margin:0}.modal-actions .btn-sm{height:36px;padding:0 1rem;font-size:.8125rem;border-color:var(--text-faint)}.modal-actions .btn-primary{width:auto;padding:0 1.25rem;margin-top:0}.btn-icon-danger{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);background:transparent;color:var(--danger);cursor:pointer;transition:all .15s ease}.btn-icon-danger svg{width:16px;height:16px;pointer-events:none}.btn-icon-danger:hover{background:var(--danger-ghost);border-color:#ef444480}.btn-icon-danger:disabled{opacity:.25;cursor:not-allowed}.btn-icon-danger:disabled:hover{background:transparent;border-color:#ef44444d}.btn-icon-neutral{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.btn-icon-neutral svg{width:16px;height:16px;pointer-events:none}.btn-icon-neutral:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-ghost)}.btn-icon-warning{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid rgba(234,179,8,.3);border-radius:var(--radius);background:transparent;color:var(--warning);cursor:pointer;transition:all .15s ease}.btn-icon-warning svg{width:16px;height:16px;pointer-events:none}.btn-icon-warning:hover{background:var(--warning-ghost);border-color:#eab30880}.btn-icon-success{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius);background:transparent;color:#22c55e;cursor:pointer;transition:all .15s ease}.btn-icon-success svg{width:16px;height:16px;pointer-events:none}.btn-icon-success:hover{background:#22c55e1a;border-color:#22c55e80}.stat-action{display:flex;align-items:center;justify-content:center;margin-left:auto}.btn-register{border-color:var(--primary);color:var(--primary)}.btn-register:hover{background:var(--primary-ghost);border-color:var(--primary)}.btn-icon-edit{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.btn-icon-edit svg{width:14px;height:14px}.btn-icon-edit:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-ghost)}.server-actions{display:flex;gap:.375rem}.country-flag{display:inline-block;vertical-align:middle;width:20px;height:15px;border-radius:2px;object-fit:cover}.country-dropdown{position:relative}.country-dropdown input{width:100%;height:40px;padding:0 .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.8125rem;transition:border-color .15s ease,box-shadow .15s ease}.country-dropdown input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.country-dropdown input::placeholder{color:var(--text-faint)}.country-dropdown-list{display:none;position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-top:none;border-radius:0 0 var(--radius) var(--radius);z-index:300;list-style:none}.country-dropdown.open .country-dropdown-list{display:block}.country-dropdown-list li{padding:.5rem .75rem;font-size:.8125rem;color:var(--text);cursor:pointer;transition:background .1s ease}.country-dropdown-list li:hover,.country-dropdown-list li.highlighted{background:var(--primary-ghost);color:var(--primary)}.country-dropdown-list li .country-code{font-weight:600;margin-right:.375rem}.block-dropdown-wrapper{position:relative;display:inline-block;z-index:1}.btn-block-toggle,.btn-icon-warning[data-block-peer]{border-color:#eab3084d;color:var(--warning)}.btn-block-toggle:hover,.btn-icon-warning[data-block-peer]:hover{background:var(--warning-ghost)}.block-dropdown{position:absolute;right:0;bottom:100%;min-width:160px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);z-index:300;box-shadow:0 4px 12px #0000004d}.block-dropdown .block-option{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;color:var(--text);font-size:.75rem;text-align:left;cursor:pointer;transition:background .1s ease}.block-dropdown .block-option:hover{background:var(--danger-ghost);color:var(--danger)}.block-dropdown .block-option:first-child{border-radius:var(--radius) var(--radius) 0 0}.block-dropdown .block-option:last-child{border-radius:0 0 var(--radius) var(--radius)}.modal-form textarea{width:100%;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.8125rem;font-family:inherit;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.modal-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.modal-form textarea::placeholder{color:var(--text-faint)}.session-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.session-item:last-child{border-bottom:none}.session-info{flex:1;min-width:0}.session-ip{font-size:.8125rem;font-weight:500;color:var(--text)}.session-ua{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-time{font-size:.6875rem;color:var(--text-faint);margin-top:.125rem}.session-actions{flex-shrink:0}.confirm-context{font-size:.8125rem;color:var(--text-muted);margin-bottom:1rem}.peer-device-link{cursor:pointer;transition:color .15s ease}.peer-device-link:hover{color:var(--primary)!important}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media (max-width: 1024px){.charts-grid{grid-template-columns:repeat(2,1fr)!important}.chart-wide{grid-column:span 2!important}.chart-wide .chart-wrap{height:240px}}@media (max-width: 720px){.dashboard-grid{grid-template-columns:1fr}.charts-grid{grid-template-columns:1fr!important}.chart-wide{grid-column:span 1!important}.chart-wide .chart-wrap{height:200px}}.charts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;overflow:hidden}.chart-card h3{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem}.chart-wrap{position:relative}.chart-wide{grid-column:span 4}.chart-wide .chart-wrap{height:280px}.chart-empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--text-faint);font-size:.8125rem}.dash-section h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.75rem}.dash-section .stats{flex-wrap:wrap}.dash-section .stat-item{min-width:100px;flex:1 1 100px}.row-expired td{opacity:.55}.btn-icon-health{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.25rem;cursor:pointer;color:var(--success);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;transition:background .15s ease,border-color .15s ease}.btn-icon-health:hover{background:var(--success-ghost);border-color:var(--success)}.btn-icon-health:disabled{opacity:.5;cursor:not-allowed}.btn-icon-health svg{width:16px;height:16px;pointer-events:none}.btn-icon-health.checking{animation:spin 1s linear infinite;border-color:var(--success)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:.25rem .5rem;background:#27272a;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-size:.6875rem;font-weight:450;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s ease;z-index:400}[data-tooltip]:hover:after{opacity:1}#toast-container{position:fixed;top:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.75rem 1.25rem;border-radius:8px;font-size:.8125rem;font-weight:500;color:#fff;pointer-events:auto;cursor:pointer;opacity:0;transform:translate(2rem);transition:opacity .3s ease,transform .3s ease;max-width:360px;box-shadow:0 4px 12px #00000040}.toast-visible{opacity:1;transform:translate(0)}.toast-success{background:#059669}.toast-error{background:#dc2626}.toast-info{background:#2563eb}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.875rem}.log-viewer{background:#0c0c0e;border:1px solid var(--border);border-radius:8px;max-height:70vh;overflow-y:auto;padding:.5rem;font-family:SF Mono,Cascadia Code,Fira Code,Consolas,monospace;font-size:.75rem;line-height:1.6}.log-meta{color:var(--text-muted);font-size:.7rem;padding:.25rem .5rem .5rem;border-bottom:1px solid var(--border);margin-bottom:.25rem}.log-entry{padding:1px .5rem;white-space:pre-wrap;word-break:break-all}.log-entry:hover{background:#ffffff08}.log-ts{color:var(--text-muted)}.log-lvl{font-weight:600;color:var(--text-muted)}.log-lvl-wrn{color:#f59e0b}.log-lvl-err{color:#ef4444}.log-lvl-ftl{color:#ef4444;font-weight:700}.log-src{color:var(--text-muted);opacity:.7}.log-msg{color:var(--text-primary)}.log-msg-wrn{color:#fbbf24}.log-msg-err{color:#fca5a5}.log-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.8125rem}.switch-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;user-select:none}.switch-track{position:relative;display:inline-block;width:34px;height:20px;background:var(--border);border-radius:10px;transition:background .2s;flex-shrink:0}.switch-track input{position:absolute;opacity:0;width:0;height:0}.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.switch-track input:checked+.switch-thumb{transform:translate(14px)}.switch-track:has(input:checked){background:var(--primary)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.connlog-info{background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:6px;padding:.625rem .875rem;margin-bottom:.75rem;font-size:.8125rem;color:var(--text-secondary)}.connlog-stats-bar{display:flex;gap:1.5rem;padding:.5rem .875rem;margin-bottom:.75rem;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;font-size:.75rem;color:var(--text-muted)}.cell-link{color:var(--primary);cursor:pointer}.cell-link:hover{text-decoration:underline}.btn-copy{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:4px;vertical-align:middle;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;border-radius:3px}.btn-copy:hover{color:var(--text);background:var(--surface-hover)}#tab-connlog{position:relative}.ip-popup{position:absolute;z-index:500;width:340px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0006;opacity:0;pointer-events:none;transition:opacity .12s ease}.ip-popup.open{opacity:1;pointer-events:auto}.ip-popup-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.ip-popup-ip{font-family:SF Mono,Cascadia Code,Fira Code,Consolas,monospace;font-size:.8125rem;font-weight:600;color:var(--text)}.ip-popup-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:0 .25rem}.ip-popup-close:hover{color:var(--text)}.ip-popup-body{padding:.75rem 1rem}.ip-popup-row{display:flex;flex-direction:column;gap:.125rem;padding:.375rem 0}.ip-popup-row+.ip-popup-row{border-top:1px solid var(--border)}.ip-popup-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.ip-popup-value{font-size:.8125rem;color:var(--text);word-break:break-all}.ip-popup-error{color:var(--danger);font-size:.8125rem}