:root{--background:222 47% 6%;--foreground:210 40% 98%;--primary:188 94% 47%;--primary-hover:188 94% 42%;--primary-foreground:222 47% 6%;--primary-glow:188 94% 47%/0.5;--secondary:217 33% 20%;--secondary-foreground:210 40% 98%;--muted:217 33% 15%;--muted-foreground:215 20% 55%;--border:217 33% 18%;--border-highlight:215 28% 17%;--ring:188 94% 47%;--accent:217 33% 15%;--accent-foreground:210 40% 98%;--destructive:0 63% 31%;--destructive-foreground:210 40% 98%;--success:142 76% 36%;--warning:38 92% 50%;--code-bg:13 20% 8%;--input-dark:217 33% 12%;--surface-dark:217 33% 20%;--surface-darker:222 47% 8%;--glow:188 94% 47%;--radius:0.5rem;--shadow-neon:0 0 10px rgba(7,202,233,.2),0 0 20px rgba(7,202,233,.1);--shadow-neon-hover:0 0 15px rgba(7,202,233,.4),0 0 30px rgba(7,202,233,.2);--shadow-inset:inset 0 0 20px rgba(7,202,233,.05);--shadow-input-focus:0 0 0 1px #07cae9,0 0 10px rgba(7,202,233,.3);--glass-bg:rgba(34,47,68,.9);--gridline:rgba(31,42,61,.3);--card:222 47% 8%;--card-foreground:210 40% 98%;--popover:222 47% 8%;--popover-foreground:210 40% 98%;--input:222 47% 16%;--glow-primary:188 94% 47%;--gradient-start:222 47% 6%;--gradient-end:222 47% 10%;--dot-pattern:rgba(7,202,233,.08)}.dark{--background:222 47% 6%;--foreground:210 40% 98%}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;height:100vh}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));padding:0;margin:0;line-height:1.625;display:flex;flex-direction:column;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{flex-direction:column;height:100vh}.container,.grid2{display:flex;overflow:hidden}.grid2{flex:1 1}.grid2>*{width:50%;min-width:500px}@media (max-width:1024px){.grid2{flex-direction:column}.grid2>*{width:100%;min-width:auto}}.card{background-color:hsl(var(--surface-dark));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;transition:all .3s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.card:hover{border-color:hsl(var(--primary)/.3)}.glass-panel{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.panel{border:1px solid hsl(var(--border));border-radius:var(--radius)}.panel,.surface{background-color:hsl(var(--surface-dark))}.surface-darker{background-color:hsl(var(--surface-darker))}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;outline:none;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;box-shadow:var(--shadow-neon)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.625rem 1.5rem;height:2.75rem;font-weight:700;box-shadow:var(--shadow-neon)}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .2s ease}.btn-primary:hover:not(:disabled){background-color:hsl(var(--primary-hover));box-shadow:var(--shadow-neon-hover);transform:scale(.98)}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:active:not(:disabled){transform:scale(.95)}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));padding:.5rem 1rem;height:2.75rem}.btn-secondary:hover:not(:disabled){background-color:hsl(var(--accent))}.btn-outline{background-color:transparent;color:#fff;border:1px solid hsl(var(--border-highlight));padding:.5rem 1rem;height:2.75rem}.btn-outline:hover:not(:disabled){background-color:hsla(0,0%,100%,.1);border-color:hsl(var(--primary));box-shadow:0 0 8px hsl(var(--primary)/.3)}.btn-outline:focus-visible{border-color:hsl(var(--primary));box-shadow:0 0 8px hsl(var(--primary)/.3)}.btn-destructive{background-color:hsl(var(--destructive));color:hsl(var(--foreground));padding:.5rem 1rem;height:2.75rem}.btn-destructive:hover:not(:disabled){background-color:hsl(var(--destructive)/.9)}.btn-success{background-color:hsl(var(--success));color:hsl(var(--foreground));padding:.5rem 1rem;height:2.75rem}.btn-success:hover:not(:disabled){background-color:hsl(var(--success)/.9)}.btn-sm{padding:.375rem .75rem;height:2.25rem;font-size:.8125rem}.btn-lg{padding:.625rem 2rem;height:2.75rem}.field{position:relative;display:flex;align-items:center;background-color:hsl(var(--input-dark));border:1px solid hsl(var(--border));border-radius:var(--radius);transition:all .2s ease}.field:focus-within{border-color:hsl(var(--primary));box-shadow:var(--shadow-input-focus)}.field-icon{padding-left:.75rem;padding-right:.5rem;color:hsl(var(--muted-foreground));font-size:1.125rem;pointer-events:none;transition:color .2s ease}.field:focus-within .field-icon{color:hsl(var(--primary))}.field input{flex:1 1;border:none;background:transparent;padding-left:0}.input,.select{width:100%;padding:.625rem 1rem;height:2.75rem;background-color:hsl(var(--input-dark));border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--foreground));font-size:.875rem;transition:all .2s ease}.input:focus,.select:focus{outline:none;border-color:hsl(var(--primary));box-shadow:var(--shadow-input-focus)}.input:focus-visible,.select:focus-visible{outline:none;border-color:hsl(var(--primary));box-shadow:var(--shadow-input-focus)}.input::placeholder{color:hsl(var(--muted-foreground))}.input[data-valid=true]{border-color:hsl(var(--success)/.5)}.input[data-valid=true]:focus{border-color:hsl(var(--success));box-shadow:0 0 0 1px hsl(var(--success)),0 0 10px hsl(var(--success)/.3)}.input[data-invalid=true]{border-color:hsl(var(--destructive)/.5)}.input[data-invalid=true]:focus{border-color:hsl(var(--destructive));box-shadow:0 0 0 1px hsl(var(--destructive)),0 0 10px hsl(var(--destructive)/.3)}.select:hover:not(:disabled){border-color:hsl(var(--border-highlight))}.select:disabled{opacity:.6;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px}.badge,.badge-success{font-size:.75rem;font-weight:500}.badge-success{background-color:rgba(22,162,73,.1);color:#16a249;border:1px solid rgba(22,162,73,.2)}.badge-error{background-color:rgba(129,29,29,.1);color:#811d1d;border:1px solid rgba(129,29,29,.2)}.badge-error,.badge-primary{font-size:.75rem;font-weight:500}.badge-primary{background-color:rgba(60,131,246,.1);color:#3c83f6;border:1px solid rgba(60,131,246,.2)}.badge-warning{background-color:rgba(245,159,10,.1);color:#f59f0a;border:1px solid rgba(245,159,10,.2)}.badge-sending,.badge-warning{font-size:.75rem;font-weight:500}.badge-sending{background-color:rgba(60,131,246,.1);color:#3c83f6;border:1px solid rgba(60,131,246,.2)}.text-muted{color:hsl(var(--muted-foreground))}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem;font-weight:500}.text-xl{font-size:1.25rem}.mono{font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.875rem}.code{background-color:hsl(var(--code-bg));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1rem;font-family:JetBrains Mono,Consolas,monospace;font-size:.75rem;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;color:#b8cce0;line-height:1.6;display:block}.code pre{margin:0;white-space:pre;word-wrap:normal;overflow-wrap:normal;min-width:max-content;display:block}.code.custom-scrollbar{overflow-x:auto;overflow-y:hidden}.code.custom-scrollbar::-webkit-scrollbar{height:8px}.code.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.code.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.code.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#b3bdcc}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#52637a;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#667b99}.code-white{background-color:#fff;color:#111827;border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1rem;font-family:JetBrains Mono,Consolas,monospace;font-size:.875rem;overflow-x:auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;max-width:800px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table thead{background-color:hsl(var(--input-dark));border-bottom:1px solid hsl(var(--border))}.table th{padding:.75rem 1rem .75rem 1.5rem;text-align:left;color:hsl(var(--muted-foreground));font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.table th:last-child{text-align:right;padding-right:1.5rem}.table td{padding:.75rem 1rem .75rem 1.5rem;border-bottom:1px solid hsl(var(--border)/.5)}.table td:last-child{text-align:right;padding-right:1.5rem}.table td[colspan]{text-align:left}.table tbody tr{transition:all .15s ease;cursor:pointer;border-left:2px solid transparent}.table tbody tr:hover{background-color:hsl(var(--muted)/.3);border-left-color:hsl(var(--primary)/.5);box-shadow:var(--shadow-inset)}.table tbody tr.selected{background-color:hsl(var(--primary)/.1);border-left-color:hsl(var(--primary))}.message{padding:.5rem;border-radius:calc(var(--radius) / 2);font-size:.8125rem}.message-success{background-color:hsl(var(--success)/.1);color:hsl(var(--success));border:1px solid hsl(var(--success)/.2)}.message-error{background-color:hsl(var(--destructive)/.1);color:hsl(var(--destructive));border:1px solid hsl(var(--destructive)/.2)}.toast{background-color:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.75rem 1rem;box-shadow:0 4px 20px rgba(0,0,0,.5),var(--shadow-neon);min-width:16rem;max-width:24rem}.toast-success{border-left:3px solid hsl(var(--success))}.toast-error{border-left:3px solid hsl(var(--destructive))}.toast-info{border-left:3px solid hsl(var(--primary))}.toast-message{flex:1 1;font-size:.875rem;color:hsl(var(--foreground));font-weight:500}.toast-close{background:transparent;border:none;color:hsl(var(--muted-foreground));cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease}.toast-close:hover{background-color:hsl(var(--muted)/.3);color:hsl(var(--foreground))}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade-in{animation:fade-in .3s ease-out}.animate-slide-up{animation:slide-up .5s ease-out}.header{background-color:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border));padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;height:4rem;flex-shrink:0;position:relative;z-index:10}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--primary)/.3),transparent)}.status-online{padding:.25rem .75rem;border-radius:9999px;background-color:rgba(22,162,73,.3);border:1px solid rgba(22,162,73,.3);display:flex;align-items:center;gap:.5rem}.status-online-dot{width:8px;height:8px;border-radius:50%;background-color:#16a249;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.segmented-control{display:flex;background-color:hsl(var(--input-dark));padding:.25rem;border-radius:var(--radius);border:1px solid hsl(var(--border));gap:.25rem}.segmented-control button{flex:1 1;padding:.5rem;border-radius:calc(var(--radius) - .125rem);font-size:.625rem;font-weight:500;border:none;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.segmented-control button.active{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-neon);font-weight:700}.segmented-control button:hover:not(.active){color:hsl(var(--foreground));background-color:hsl(var(--muted)/.5)}.icon{font-size:1.25rem}.icon-sm{font-size:.875rem}.icon-lg{font-size:1.5rem}.btn-action{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:hsl(var(--primary));background:transparent;border:none;padding:.25rem .5rem;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.btn-action:hover{color:hsl(var(--foreground));background-color:hsl(var(--primary)/.1);box-shadow:0 0 8px hsl(var(--primary)/.2)}.btn-action:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:background-color .2s ease}.section-header:hover{background-color:hsl(var(--muted)/.3)}.section-header-icon{transition:transform .2s ease;color:hsl(var(--muted-foreground))}.section-header.open .section-header-icon{transform:rotate(90deg)}.grid-bg{background-image:linear-gradient(hsl(var(--gridline)) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--gridline)) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,0 0}.select-wrapper{position:relative}.select-wrapper:hover .material-symbols-outlined{color:hsl(var(--foreground))}.select-wrapper:focus-within .material-symbols-outlined{color:hsl(var(--primary))}.dropdown-wrapper{position:relative;width:100%}.dropdown-trigger{width:100%;padding:.625rem 2.5rem .625rem 1rem;height:2.75rem;background-color:hsl(var(--input-dark));border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--foreground));font-size:.875rem;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;outline:none}.dropdown-trigger:hover:not(:disabled){border-color:hsl(var(--border-highlight))}.dropdown-trigger:focus-visible{border-color:hsl(var(--primary));box-shadow:var(--shadow-input-focus)}.dropdown-trigger:disabled{opacity:.6;cursor:not-allowed}.dropdown-trigger-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-placeholder,.dropdown-trigger-icon{color:hsl(var(--muted-foreground))}.dropdown-trigger-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:1.25rem;pointer-events:none;transition:transform .2s ease,color .2s ease}.dropdown-trigger-icon-open{transform:translateY(-50%) rotate(180deg)}.dropdown-trigger:focus-visible .dropdown-trigger-icon,.dropdown-trigger:hover .dropdown-trigger-icon{color:hsl(var(--foreground))}.dropdown-menu{background-color:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 4px 20px rgba(0,0,0,.5),var(--shadow-neon);overflow:hidden;max-height:20rem;min-width:200px}.dropdown-search-wrapper{position:relative;padding:.5rem;border-bottom:1px solid hsl(var(--border));background-color:hsl(var(--input-dark)/.5)}.dropdown-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:hsl(var(--muted-foreground));font-size:.875rem;pointer-events:none}.dropdown-search{width:100%;padding:.5rem .75rem .5rem 2rem;background-color:hsl(var(--input-dark));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - .125rem);color:hsl(var(--foreground));font-size:.875rem;outline:none;transition:all .2s ease}.dropdown-search:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary)),0 0 8px hsl(var(--primary)/.3)}.dropdown-search::placeholder{color:hsl(var(--muted-foreground))}.dropdown-list{max-height:16rem;overflow-y:auto;overflow-x:hidden;padding:.25rem}.dropdown-item{padding:.625rem .75rem;border-radius:calc(var(--radius) - .125rem);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .15s ease;color:hsl(var(--foreground));font-size:.875rem;position:relative}.dropdown-item-active,.dropdown-item:hover{background-color:hsl(var(--primary)/.1);border-left:2px solid hsl(var(--primary));padding-left:calc(.75rem - 2px);box-shadow:inset 0 0 10px hsl(var(--primary)/.05)}.dropdown-item-selected{background-color:hsl(var(--primary)/.15);color:hsl(var(--primary));font-weight:500}.dropdown-item-selected.dropdown-item-active,.dropdown-item-selected:hover{background-color:hsl(var(--primary)/.2)}.dropdown-item-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item-meta{font-size:.75rem;color:hsl(var(--muted-foreground));font-family:JetBrains Mono,monospace}.dropdown-item-check{color:hsl(var(--primary));font-size:1rem;flex-shrink:0}.dropdown-empty{padding:1.5rem;text-align:center;color:hsl(var(--muted-foreground));font-size:.875rem;font-style:italic}