:root{--bg: #050509;--bg-2: #101018;--card: #181822;--accent: #4f46e5;--text: #f9fafb;--muted: #9ca3af;--danger: #f97373;--border: #27272f;--radius-lg: 12px;--radius-md: 10px;--radius-sm: 6px;--gap: 16px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#111827,#020617);color:var(--text)}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.sidebar{padding:20px 18px;border-right:1px solid var(--border);background:linear-gradient(180deg,#020617,#020617,#020617)}.sidebar-title{font-size:18px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.sidebar-title-icon{width:24px;height:24px;border-radius:999px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;margin-top:12px}.nav-link{display:block;padding:8px 10px;border-radius:var(--radius-sm);color:var(--muted);text-decoration:none;font-size:14px}.nav-link.active,.nav-link[aria-current=page]{background:#4f46e526;color:var(--text)}.main{padding:18px 20px 32px}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.main-title{font-size:20px;font-weight:600}.main-subtitle{font-size:13px;color:var(--muted)}.badge-role{padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid var(--border);color:var(--muted)}.badge-role.admin{border-color:var(--accent);color:var(--accent)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--gap)}.card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:14px 14px 12px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-title{font-size:15px;font-weight:500}.card-meta{font-size:12px;color:var(--muted)}.pill{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border)}.pill.online{border-color:#22c55e;color:#22c55e}.pill.offline{border-color:var(--danger);color:var(--danger)}.modem-list{margin-top:8px;padding:6px 0 0;list-style:none;border-top:1px solid var(--border)}.modem-item{display:flex;justify-content:space-between;font-size:13px;padding:2px 0}.modem-item span{color:var(--muted)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:8px 6px;border-bottom:1px solid var(--border)}.last-online-cell{display:flex;flex-direction:column;gap:4px}.last-online-indicator{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.last-online-indicator img{width:12px;height:12px;display:block}.agent-list-header{gap:16px}.refresh-indicator{display:flex;align-items:center;gap:12px}.refresh-spinner{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);position:relative}.refresh-spinner:after{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:var(--bg-2)}.refresh-spinner span{position:relative;z-index:1}.refresh-label{display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.agent-list{display:flex;flex-direction:column;gap:16px}.agent-card{border:1px solid var(--border);border-radius:var(--radius-md, 10px);padding:14px;background:#0f172a99}.agent-card-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.agent-name{font-size:16px;font-weight:600}.agent-status{display:flex;align-items:center;gap:8px}.agent-status img{width:16px;height:16px}.agent-description{margin:8px 0 0;color:var(--muted)}.agent-key-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:12px}.agent-key-actions{display:flex;gap:8px;flex-wrap:wrap}.agent-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:16px}.agent-meta span{font-size:12px}.agent-modems-wrapper{margin-top:16px}.agent-section-title{font-weight:500;margin-bottom:6px}.agent-modems-table{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.table-compact th,.table-compact td{padding:6px 8px;font-size:12px}.agent-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:16px}.sim-cards-table .sim-card-phone{display:inline-flex;align-items:center;gap:4px}.sim-card-warning-icon{color:#facc15;font-size:12px}.sim-card-row-stale{opacity:.75}.sim-card-status{font-size:12px;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border)}.sim-card-status.sim-active{border-color:#22c55e;color:#22c55e}.sim-card-status.sim-warning,.sim-card-status.sim-pending{border-color:#facc15;color:#facc15}.sim-card-status.sim-stale{border-color:var(--muted);color:var(--muted)}.table th{text-align:left;font-weight:500;color:var(--muted)}.table-actions{display:flex;gap:6px}.btn{padding:5px 10px;font-size:12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#020617;color:var(--text);cursor:pointer}.btn-primary{border-color:var(--accent);background:var(--accent)}.btn-danger{border-color:var(--danger);color:var(--danger);background:transparent}.btn:disabled{opacity:.6;cursor:default}.input{background:#020617;border-radius:var(--radius-sm);border:1px solid var(--border);padding:6px 8px;font-size:13px;color:var(--text)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.user-toolbar{margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:12px}.user-email{font-weight:500;font-size:14px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.auth-subtitle{margin-top:-4px;color:var(--muted);font-size:14px}.auth-form,.user-form{margin-top:18px;display:flex;flex-direction:column;gap:12px}.user-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.form-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.form-error{border:1px solid var(--danger);background:#f9737314;border-radius:var(--radius-sm);padding:8px;color:var(--danger);font-size:13px}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.user-form .form-error{grid-column:1 / -1}.status-pill{font-size:12px;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border)}.status-active{color:#22c55e;border-color:#22c55e}.status-disabled{color:var(--danger);border-color:var(--danger)}.status-degraded{color:#facc15;border-color:#facc15}.table-title{font-weight:500;font-size:14px}.api-key{display:inline-block;font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;background:#02061799}.muted-text{color:var(--muted);font-size:13px}.messages-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--gap);align-items:stretch}.messages-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:520px}.messages-panel-wide{min-height:600px}.panel-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-body{padding:12px;flex:1}.scrollable{overflow-y:auto}.thread-item{width:100%;border:1px solid transparent;border-radius:var(--radius-md);padding:10px 12px;text-align:left;background:#ffffff05;margin-bottom:8px;cursor:pointer;color:var(--text);transition:background .15s ease,border-color .15s ease}.thread-item:hover{background:#4f46e514;border-color:#4f46e559}.thread-item.active{background:#4f46e526;border-color:#4f46e580}.thread-peer{font-weight:600;margin-bottom:4px}.thread-snippet{color:var(--muted);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-time{font-size:12px;color:var(--muted)}.messages-thread{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border-radius:var(--radius-md);border:1px solid var(--border);padding:12px}.message-bubble{max-width:720px;padding:10px 12px;margin-bottom:12px;border-radius:12px;box-shadow:0 2px 8px #00000026;background:#ffffff0a;border:1px solid var(--border)}.message-bubble.incoming{border-color:#10b98199;background:#10b9811a}.message-bubble.outgoing{margin-left:auto;border-color:#3b82f699;background:#3b82f61a}.message-meta{font-size:12px;color:var(--muted);margin-bottom:6px}.message-text{white-space:pre-wrap;word-break:break-word}