*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0a0e1a;--bg-surface: #111827;--bg-card: #161d2e;--bg-card-hover: #1c2640;--bg-input: #0d1424;--border: rgba(255,255,255,.07);--border-accent: rgba(37,211,102,.35);--green-primary: #25d366;--green-glow: rgba(37,211,102,.2);--green-dark: #128c7e;--blue: #4f8ef7;--purple: #8b5cf6;--amber: #f59e0b;--red: #ef4444;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #4b5563;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-card: 0 4px 32px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.04) inset;--shadow-glow: 0 0 40px rgba(37,211,102,.15);--transition: .22s cubic-bezier(.4,0,.2,1)}html,body{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}#root{min-height:100vh;display:flex;flex-direction:column}.app-shell{display:flex;flex-direction:column;min-height:100vh;position:relative}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(37,211,102,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,211,102,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:64px;background:#0a0e1ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.header-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.header-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--green-primary),var(--green-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 20px #25d36659}.header-title{font-size:17px;font-weight:700;background:linear-gradient(135deg,#fff 30%,var(--green-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{font-size:11px;color:var(--text-muted);font-weight:500;margin-top:-2px}.header-actions{display:flex;align-items:center;gap:12px}.status-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:600;letter-spacing:.01em;transition:all var(--transition)}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-badge.connected{background:#25d3661f;color:var(--green-primary);border:1px solid rgba(37,211,102,.25)}.status-badge.connected .status-dot{background:var(--green-primary);box-shadow:0 0 6px var(--green-primary);animation:pulse-green 2s infinite}.status-badge.qr{background:#f59e0b1f;color:var(--amber);border:1px solid rgba(245,158,11,.25)}.status-badge.qr .status-dot{background:var(--amber);animation:pulse-amber 1.5s infinite}.status-badge.initializing{background:#4f8ef71f;color:var(--blue);border:1px solid rgba(79,142,247,.25)}.status-badge.initializing .status-dot{background:var(--blue);animation:pulse-blue 1.5s infinite}.status-badge.disconnected,.status-badge.authenticated{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.status-badge.disconnected .status-dot,.status-badge.authenticated .status-dot{background:#f87171}@keyframes pulse-green{0%,to{box-shadow:0 0 4px var(--green-primary)}50%{box-shadow:0 0 12px var(--green-primary)}}@keyframes pulse-amber{0%,to{box-shadow:0 0 4px var(--amber)}50%{box-shadow:0 0 12px var(--amber)}}@keyframes pulse-blue{0%,to{box-shadow:0 0 4px var(--blue)}50%{box-shadow:0 0 12px var(--blue)}}.main-content{flex:1;display:flex;flex-direction:column;z-index:1;position:relative;padding:24px 28px;max-width:1400px;width:100%;margin:0 auto;gap:24px}.tabs-bar{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:5px;width:fit-content}.tab-btn{display:flex;align-items:center;gap:7px;padding:8px 18px;border-radius:9px;border:none;background:transparent;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}.tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.tab-btn.active{background:linear-gradient(135deg,#25d3662e,#25d36614);color:var(--green-primary);border:1px solid rgba(37,211,102,.2)}.tab-icon{font-size:15px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);transition:border-color var(--transition)}.card:hover{border-color:#ffffff1a}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-title{font-size:15px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.card-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.qr-section{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}.qr-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:32px 24px}.qr-frame{position:relative;width:220px;height:220px;border-radius:var(--radius-md);overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.qr-frame img{width:100%;height:100%;object-fit:contain}.qr-frame:before,.qr-frame:after{content:"";position:absolute;width:24px;height:24px;border-color:var(--green-primary);border-style:solid}.qr-frame:before{top:-2px;left:-2px;border-width:3px 0 0 3px;border-radius:4px 0 0}.qr-frame:after{bottom:-2px;right:-2px;border-width:0 3px 3px 0;border-radius:0 0 4px}.qr-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--bg-input)}.qr-spinner{width:40px;height:40px;border:3px solid rgba(37,211,102,.15);border-top-color:var(--green-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qr-status-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.connected-icon{width:80px;height:80px;background:linear-gradient(135deg,#25d36633,#25d36614);border:2px solid rgba(37,211,102,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 40px #25d36633}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.api-info-grid{display:flex;flex-direction:column;gap:10px}.endpoint-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition)}.endpoint-item:hover{border-color:var(--border-accent);background:#25d36608}.method-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px;letter-spacing:.05em;flex-shrink:0;width:42px;text-align:center}.method-badge.GET{background:#4f8ef726;color:var(--blue)}.method-badge.POST{background:#25d36626;color:var(--green-primary)}.method-badge.DELETE{background:#ef444426;color:var(--red)}.endpoint-path{font-family:Courier New,monospace;font-size:12px;color:var(--text-secondary);flex:1}.endpoint-desc{font-size:11px;color:var(--text-muted);text-align:right}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase}.form-input,.form-select,.form-textarea{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:13px;outline:none;transition:all var(--transition);-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#25d36680;box-shadow:0 0 0 3px #25d36614}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:90px}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%2394a3b8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-select option{background:var(--bg-surface)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{display:flex;gap:10px;margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 20px;border-radius:var(--radius-sm);border:none;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap;flex-shrink:0}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--green-primary),var(--green-dark));color:#fff;box-shadow:0 4px 16px #25d36640}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #25d36659}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff26}.btn-danger{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover:not(:disabled){background:#ef444433}.btn-sm{padding:6px 14px;font-size:12px}.file-upload-area{border:2px dashed var(--border);border-radius:var(--radius-md);padding:20px;text-align:center;cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.file-upload-area:hover,.file-upload-area.drag-over{border-color:#25d36673;background:#25d36608}.file-upload-area input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.file-upload-icon{font-size:28px;margin-bottom:6px}.file-upload-text{font-size:13px;color:var(--text-secondary)}.file-upload-hint{font-size:11px;color:var(--text-muted);margin-top:3px}.file-selected{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#25d36614;border:1px solid rgba(37,211,102,.2);border-radius:var(--radius-sm);font-size:12px;color:var(--green-primary)}.response-box{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;font-family:Courier New,monospace;font-size:12px;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.response-box.success{border-color:#25d3664d;color:var(--green-primary)}.response-box.error{border-color:#ef44444d;color:#f87171}.log-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto}.log-item{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);animation:slide-in .2s ease;transition:all var(--transition)}.log-item:hover{border-color:#ffffff1a}@keyframes slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.log-direction{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}.log-direction.outgoing{background:#25d36626}.log-direction.incoming{background:#4f8ef726}.log-content{flex:1;min-width:0}.log-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.log-phone{font-size:12px;font-weight:600;color:var(--text-primary)}.log-type{font-size:10px;padding:1px 7px;border-radius:99px;background:#8b5cf626;color:var(--purple);font-weight:600}.log-time{font-size:10px;color:var(--text-muted);margin-left:auto}.log-body{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-icon{font-size:36px;margin-bottom:8px}.empty-text{font-size:13px}.webhook-status{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px}.webhook-url-display{font-family:Courier New,monospace;color:var(--green-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-none{color:var(--text-muted);flex:1;font-style:italic}.curl-box{position:relative;background:#0d1117;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:14px;font-family:Courier New,monospace;font-size:11px;color:#7ee787;line-height:1.8;white-space:pre-wrap;word-break:break-all}.curl-copy-btn{position:absolute;top:8px;right:8px}.send-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:999}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);box-shadow:0 8px 32px #0006;font-size:13px;animation:toast-in .3s cubic-bezier(.175,.885,.32,1.275);max-width:320px}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.success{border-color:#25d3664d}.toast.error{border-color:#ef44444d}.toast-icon{font-size:16px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px;display:flex;flex-direction:column;gap:6px;transition:all var(--transition)}.stat-card:hover{border-color:#ffffff1a;transform:translateY(-2px)}.stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:28px;font-weight:800;line-height:1}.stat-value.green{color:var(--green-primary)}.stat-value.blue{color:var(--blue)}.stat-value.purple{color:var(--purple)}.stat-value.amber{color:var(--amber)}.divider{height:1px;background:var(--border);margin:16px 0}.section-title{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}@media (max-width: 900px){.qr-section,.send-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.main-content{padding:16px}.header{padding:0 16px}}@media (max-width: 520px){.stats-row{grid-template-columns:1fr 1fr}.tabs-bar{width:100%;overflow-x:auto}.tab-btn{padding:8px 12px;font-size:12px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:20px;position:relative;overflow:hidden}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.login-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:blob-float 8s ease-in-out infinite}.blob-1{width:400px;height:400px;background:radial-gradient(circle,rgba(37,211,102,.4),transparent 70%);top:-100px;left:-100px;animation-delay:0s}.blob-2{width:350px;height:350px;background:radial-gradient(circle,rgba(79,142,247,.35),transparent 70%);bottom:-80px;right:-80px;animation-delay:-3s}.blob-3{width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.3),transparent 70%);top:40%;left:60%;animation-delay:-5s}@keyframes blob-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.login-card{position:relative;z-index:1;width:100%;max-width:420px;background:#161d2ed9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:40px 36px;box-shadow:0 32px 80px #00000080,0 1px #ffffff12 inset}.login-card.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--green-primary),var(--green-dark));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 24px #25d36666}.login-logo-brand{display:block;font-size:20px;font-weight:800;background:linear-gradient(135deg,#fff 30%,var(--green-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-logo-sub{display:block;font-size:11px;color:var(--text-muted);font-weight:500;margin-top:-2px}.login-title{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:6px}.login-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:18px}.login-field{display:flex;flex-direction:column;gap:7px}.login-label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;font-size:15px;pointer-events:none;z-index:1}.login-input{width:100%;background:var(--bg-input);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-sm);padding:12px 44px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;outline:none;transition:all var(--transition)}.login-input:focus{border-color:#25d36680;box-shadow:0 0 0 3px #25d3661a;background:#0d1424e6}.login-input::placeholder{color:var(--text-muted)}.login-toggle-pass{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-muted);padding:4px;transition:color var(--transition)}.login-toggle-pass:hover{color:var(--text-secondary)}.login-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);color:#f87171;font-size:13px}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--green-primary),var(--green-dark));color:#fff;border:none;border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all var(--transition);box-shadow:0 4px 20px #25d3664d;margin-top:4px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #25d36673}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-btn-loading{display:flex;align-items:center;justify-content:center;gap:10px}.login-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;font-size:11px;color:var(--text-muted)}.login-footer-dot{opacity:.4}.admin-shell{display:flex;min-height:100vh;background:var(--bg-base)}.admin-sidebar{width:240px;flex-shrink:0;background:#111827e6;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-sidebar-brand{display:flex;align-items:center;gap:10px;padding:8px 0 24px;border-bottom:1px solid var(--border);margin-bottom:20px}.admin-sidebar-logo{width:38px;height:38px;background:linear-gradient(135deg,var(--green-primary),var(--green-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 20px #25d3664d}.admin-sidebar-title{font-size:15px;font-weight:800;background:linear-gradient(135deg,#fff,var(--green-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-sidebar-sub{font-size:10px;color:var(--text-muted);margin-top:-1px}.admin-nav{display:flex;flex-direction:column;gap:4px;flex:1}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);text-align:left;width:100%}.admin-nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.admin-nav-item.active{background:#25d3661f;color:var(--green-primary);border:1px solid rgba(37,211,102,.2)}.admin-sidebar-footer{padding-top:16px;border-top:1px solid var(--border);margin-top:auto}.admin-sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:12px}.admin-sidebar-avatar{width:36px;height:36px;background:linear-gradient(135deg,#6366f180,#8b5cf680);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}.admin-sidebar-username{font-size:13px;font-weight:600;color:var(--text-primary)}.admin-sidebar-role{font-size:10px;color:var(--text-muted)}.admin-main{flex:1;padding:28px 32px;overflow-y:auto}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.admin-page-title{font-size:22px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.admin-page-sub{font-size:13px;color:var(--text-muted)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admin-stat-card{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px;transition:all var(--transition)}.admin-stat-card:hover{border-color:#ffffff1a;transform:translateY(-2px)}.admin-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.admin-stat-value{font-size:26px;font-weight:800;color:var(--text-primary);line-height:1}.admin-stat-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:3px}.admin-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#0003;border-bottom:1px solid var(--border)}.admin-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-primary);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr{transition:background var(--transition)}.admin-table tbody tr:hover{background:#ffffff05}.admin-table tbody tr.row-disabled{opacity:.5}.text-muted{color:var(--text-muted)}.text-sm{font-size:11px}.text-center{text-align:center}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f180,#8b5cf680);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.user-avatar.sm{width:26px;height:26px;font-size:11px}.user-name{font-weight:600}.role-badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.03em}.role-badge.admin{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.25)}.role-badge.user{background:#94a3b81a;color:var(--text-secondary);border:1px solid var(--border)}.status-pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px}.status-pill.active{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.status-pill.inactive{background:#6b72801a;color:#9ca3af;border:1px solid rgba(107,114,128,.2)}.action-btns{display:flex;gap:6px;align-items:center}.device-cell{display:flex;align-items:center;gap:10px}.device-icon{font-size:20px}.device-name{font-weight:600;font-size:13px}.device-desc{font-size:11px;color:var(--text-muted)}.device-status-dot{font-size:12px;font-weight:600}.webhook-url{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:monospace;font-size:11px;color:var(--green-primary)}.api-key-tiny{font-family:monospace;font-size:11px;color:var(--text-muted);background:var(--bg-input);padding:2px 6px;border-radius:4px}.table-empty{text-align:center;color:var(--text-muted);padding:40px!important;font-style:italic}.admin-loading{display:flex;align-items:center;justify-content:center;gap:14px;padding:60px;color:var(--text-muted);font-size:14px}.admin-form{display:flex;flex-direction:column;gap:16px}.admin-form-row{display:flex;flex-direction:column;gap:6px}.admin-form-label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase}.admin-form-input{width:100%;background:var(--bg-input);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:13px;outline:none;transition:all var(--transition)}.admin-form-input:focus{border-color:#25d36680;box-shadow:0 0 0 3px #25d36614}.admin-form-input option{background:var(--bg-surface)}.admin-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:0 32px 80px #0009;animation:modal-in .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-in{0%{transform:scale(.92) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-title{font-size:16px;font-weight:700;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all var(--transition)}.modal-close:hover{color:var(--text-primary);background:#ffffff0f}.modal-body{padding:20px 24px 24px}.devices-section{display:flex;flex-direction:column;gap:16px}.devices-section-header{display:flex;align-items:center;justify-content:space-between}.devices-section-title{font-size:17px;font-weight:700;color:var(--text-primary)}.devices-count{font-size:12px;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);padding:4px 12px;border-radius:99px}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.device-card{background:var(--bg-card);border:1px solid;border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.device-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(var(--status-color),.04),transparent 60%);pointer-events:none}.device-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000059}.device-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.device-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all var(--transition)}.device-card-delete{background:none;border:none;font-size:15px;cursor:pointer;padding:4px 6px;border-radius:6px;color:var(--text-muted);transition:all var(--transition);opacity:.6}.device-card-delete:hover{opacity:1;background:#ef444426;color:#f87171}.device-card-name{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.device-card-desc{font-size:12px;color:var(--text-muted);margin-bottom:12px}.device-card-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:700;margin-bottom:12px}.device-card-dot{font-size:8px}.device-card-meta{font-size:11px;color:var(--text-muted);font-family:monospace;margin-bottom:12px}.device-card-meta code{background:var(--bg-input);padding:2px 6px;border-radius:4px}.device-card-action{font-size:12px;font-weight:600;color:var(--text-muted);transition:color var(--transition)}.device-card:hover .device-card-action{color:var(--green-primary)}.devices-empty{text-align:center;padding:60px 20px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:12px}.devices-empty-icon{font-size:56px}.devices-empty h3{font-size:18px;color:var(--text-primary)}.devices-empty p{font-size:13px;max-width:300px}.devices-loading{display:flex;align-items:center;justify-content:center;gap:14px;padding:60px;color:var(--text-muted)}.device-panel{background:var(--bg-card);border:1px solid rgba(37,211,102,.3);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 0 40px #25d36614;animation:panel-in .25s ease}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.device-panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#25d3660a;border-bottom:1px solid var(--border);gap:14px}.device-panel-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.device-panel-icon{font-size:24px}.device-panel-name{font-size:16px;font-weight:700;color:var(--text-primary)}.device-panel-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.device-apikey-row{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--bg-input);border-bottom:1px solid var(--border);flex-wrap:wrap}.device-apikey-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;flex-shrink:0}.device-apikey-value{font-family:monospace;font-size:11px;color:var(--green-primary);word-break:break-all;flex:1}.device-panel-content{padding:20px 24px}.header-user{display:flex;align-items:center;gap:8px}.header-avatar{width:32px;height:32px;background:linear-gradient(135deg,#6366f199,#8b5cf699);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0}.header-username{font-size:13px;font-weight:600;color:var(--text-secondary)}.header-role-badge{font-size:10px;padding:2px 8px;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.25);border-radius:99px;font-weight:700;letter-spacing:.03em}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-lg{width:36px;height:36px;border:3px solid rgba(37,211,102,.15);border-top-color:var(--green-primary);border-radius:50%;animation:spin .8s linear infinite}.btn-warning{background:#f59e0b1f;color:var(--amber);border:1px solid rgba(245,158,11,.2)}.btn-warning:hover:not(:disabled){background:#f59e0b33}.btn-success{background:#4ade801f;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.btn-success:hover:not(:disabled){background:#4ade8033}@media (max-width: 900px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-sidebar{width:200px}.admin-main{padding:16px}}@media (max-width: 640px){.admin-shell{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static}.devices-grid{grid-template-columns:1fr 1fr}}