:root{--bg0:#282828;--bg1:#3c3836;--bg2:#504945;--bg3:#665c54;--bg4:#7c6f64;--fg0:#fbf1c7;--fg1:#ebdbb2;--fg2:#d5c4a1;--fg3:#bdae93;--fg4:#a89984;--red:#fb4934;--green:#b8bb26;--yellow:#fabd2f;--blue:#83a598;--purple:#d3869b;--aqua:#8ec07c;--orange:#fe8019;--red-dim:#cc241d;--green-dim:#98971a;--yellow-dim:#d79921;--blue-dim:#458588;--purple-dim:#b16286;--aqua-dim:#689d6a;--orange-dim:#d65d0e}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#282828;background:var(--bg0);color:#ebdbb2;color:var(--fg1);font-family:JetBrains Mono,Fira Code,Monaco,monospace;min-height:100vh}*{scrollbar-color:#7c6f64 #3c3836;scrollbar-color:var(--bg4) var(--bg1);scrollbar-width:thin}article,aside,div,footer,header,main,nav,section{background-color:inherit}div,h1,h2,h3,h4,h5,h6,p,span{color:inherit}code{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.container{margin:0 auto;max-width:1400px;padding:20px}.card{background:#3c3836;background:var(--bg1);border:1px solid #665c54;border:1px solid var(--bg3);border-radius:8px;box-shadow:0 4px 16px #0000004d;margin-bottom:20px;padding:20px}.btn{background:#83a598;background:var(--blue);border:none;color:#282828;color:var(--bg0);font-family:inherit;font-weight:600}.btn:hover{background:#458588;background:var(--blue-dim);transform:translateY(-1px)}.btn:disabled{background:#7c6f64;background:var(--bg4);color:#a89984;color:var(--fg4)}.btn-secondary{background:#665c54;background:var(--bg3);color:#ebdbb2;color:var(--fg1)}.btn-secondary:hover{background:#7c6f64;background:var(--bg4)}.btn-success{background:#b8bb26;background:var(--green);color:#282828;color:var(--bg0)}.btn-success:hover{background:#98971a;background:var(--green-dim)}.btn-danger{background:#fb4934;background:var(--red);color:#fbf1c7;color:var(--fg0)}.btn-danger:hover{background:#cc241d;background:var(--red-dim)}.btn-sm{font-size:12px;padding:6px 12px}.form-group{margin-bottom:15px}.form-label{color:#8ec07c;font-weight:600;margin-bottom:5px}.form-input,.form-select,.form-textarea{background:#282828;border:1px solid #665c54;border:1px solid var(--bg3);color:#ebdbb2;font-family:inherit;padding:10px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#fabd2f;box-shadow:0 0 0 3px #fabd2f33}.status-indicator{display:inline-block;height:8px;margin-right:8px;width:8px}.status-running{background:#28a745}.status-stopped{background:#dc3545}.status-disabled{background:#6c757d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c}.modal-content{background:linear-gradient(135deg,#3c3836,#504945);background:linear-gradient(135deg,var(--bg1) 0,var(--bg2) 100%);border:2px solid #665c54;box-shadow:0 12px 40px #0009;color:#ebdbb2;color:var(--fg1);max-height:80vh;padding:25px;width:90%}.modal-content *{color:inherit}.modal-content input,.modal-content select,.modal-content textarea{background:#282828!important;background:var(--bg0)!important;border:1px solid #665c54!important;border:1px solid var(--bg3)!important;color:#ebdbb2!important;color:var(--fg1)!important}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:#fabd2f!important;border-color:var(--yellow)!important;box-shadow:0 0 0 3px #fabd2f33!important}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#3c3836;background:var(--bg1);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#7c6f64;background:var(--bg4);border-radius:4px}.modal-header{border-bottom:2px solid #665c54;border-bottom:2px solid var(--bg3);margin-bottom:25px;padding-bottom:18px}.modal-title{color:#fabd2f;font-size:20px}.modal-close{align-items:center;background:#fb4934;background:var(--red);border-radius:50%;color:#fbf1c7;color:var(--fg0);display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.modal-close:hover{background:#cc241d;background:var(--red-dim);transform:scale(1.1)}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.text-muted{color:#666}.text-success{color:#28a745}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.loading{border:2px solid #f3f3f3;border-top-color:#667eea;display:inline-block;height:16px;margin-right:8px;width:16px}.login-container{align-items:center;background:linear-gradient(135deg,#282828,#3c3836);background:linear-gradient(135deg,var(--bg0) 0,var(--bg1) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#3c3836;background:var(--bg1);border:1px solid #665c54;border:1px solid var(--bg3);border-radius:12px;box-shadow:0 8px 32px #0006;max-width:500px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#fabd2f;color:var(--yellow);font-size:2.5em;margin-bottom:10px;text-shadow:0 0 20px #fabd2f4d}.login-header p{color:#bdae93;color:var(--fg3);font-size:1.1em}.login-form{margin-bottom:30px}.form-help{color:#a89984;color:var(--fg4);margin-top:5px}.error-message{background:#cc241d;background:var(--red-dim);border-left:4px solid #fb4934;border-left:4px solid var(--red);border-radius:6px;color:#fbf1c7;color:var(--fg0);margin-bottom:20px;padding:12px}.login-btn{background:#b8bb26;background:var(--green);color:#282828;color:var(--bg0);font-size:16px;padding:15px;width:100%}.login-btn:hover{background:#98971a;background:var(--green-dim)}.login-footer{border-top:1px solid #665c54;border-top:1px solid var(--bg3);padding-top:20px}.help-section,.security-note{margin-bottom:20px}.help-section h4,.security-note h4{color:#8ec07c;color:var(--aqua);font-size:14px;margin-bottom:10px}.security-note ul{list-style:none;padding:0}.security-note li{color:#bdae93;color:var(--fg3);font-size:12px;margin-bottom:5px;padding-left:15px;position:relative}.security-note li:before{color:#b8bb26;color:var(--green);content:"✓";font-weight:700;left:0;position:absolute}.help-section p{color:#bdae93;color:var(--fg3);font-size:12px;line-height:1.4}.device-header{align-items:center;background:#3c3836;background:var(--bg1);border:1px solid #665c54;border:1px solid var(--bg3);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.device-info h1{color:#fabd2f;color:var(--yellow);font-size:1.8em;margin:0 0 5px}.device-id{color:#8ec07c;color:var(--aqua);font-family:Monaco,monospace;font-size:14px}.logout-btn{background:#fb4934;background:var(--red);border:none;border-radius:4px;color:#fbf1c7;color:var(--fg0);cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s}.logout-btn:hover{background:#cc241d;background:var(--red-dim)}.tab-nav{background:#504945;background:var(--bg2);border-radius:8px;display:flex;gap:4px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:6px;color:#bdae93;color:var(--fg3);cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.tab-btn:hover{background:#665c54;background:var(--bg3);color:#ebdbb2;color:var(--fg1)}.tab-btn.active{background:#83a598;background:var(--blue);color:#282828;color:var(--bg0);font-weight:600}.tab-btn.active:hover{background:#458588;background:var(--blue-dim)}.chat-header{align-items:center;border-bottom:1px solid #665c54;border-bottom:1px solid var(--bg3);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.chat-header h2{color:#fabd2f;color:var(--yellow);margin:0;text-shadow:0 0 10px #fabd2f4d}.chat-messages{background:#282828;background:var(--bg0);border:2px solid #665c54;border:2px solid var(--bg3);border-radius:8px;box-shadow:inset 0 2px 8px #0000004d;font-family:JetBrains Mono,Monaco,Menlo,monospace;font-size:13px;height:400px;margin-bottom:15px;overflow-y:auto;padding:15px}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#3c3836;background:var(--bg1);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:#7c6f64;background:var(--bg4);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a89984;background:var(--fg4)}.message{background:#3c3836;background:var(--bg1);border-left:4px solid #83a598;border-left:4px solid var(--blue);border-radius:8px;box-shadow:0 2px 4px #0003;margin:12px 0;padding:12px 16px}.message.user{background:#83a59826;border-left-color:#8ec07c;border-left-color:var(--aqua);border-left-width:4px}.message.assistant{background:#d3869b26;border-left-color:#d3869b;border-left-color:var(--purple);border-left-width:4px}.message.system{background:#fabd2f26;border-left-color:#fabd2f;border-left-color:var(--yellow);border-left-width:4px;font-style:italic}.message.error{background:#fb493426;border-left-color:#fb4934;border-left-color:var(--red);border-left-width:4px}.message-header{color:#a89984;color:var(--fg4);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.message-content{word-wrap:break-word;color:#ebdbb2;color:var(--fg1);line-height:1.5}.chat-input-area{align-items:flex-end;background:#3c3836;background:var(--bg1);border:1px solid #665c54;border:1px solid var(--bg3);border-radius:8px;display:flex;gap:12px;padding:15px}.chat-input-area .form-textarea{background:#282828;background:var(--bg0);border:2px solid #665c54;border:2px solid var(--bg3);color:#ebdbb2;color:var(--fg1);flex:1 1;min-height:60px;resize:vertical}.chat-input-area .form-textarea:focus{border-color:#fabd2f;border-color:var(--yellow);box-shadow:0 0 0 3px #fabd2f33}.chat-input-area .btn{background:#b8bb26;background:var(--green);color:#282828;color:var(--bg0);font-weight:700;letter-spacing:.5px;min-width:100px;text-transform:uppercase}.chat-input-area .btn:hover{background:#98971a;background:var(--green-dim);box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.chat-input-area .btn:disabled{background:#7c6f64;background:var(--bg4);box-shadow:none;color:#a89984;color:var(--fg4);transform:none}.mcp-header{background:linear-gradient(135deg,#3c3836,#504945);background:linear-gradient(135deg,var(--bg1) 0,var(--bg2) 100%);border:1px solid #665c54;border:1px solid var(--bg3);border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-bottom:25px;padding:20px}.mcp-header h2{color:#fabd2f;color:var(--yellow);font-size:1.8em;margin:0 0 8px;text-shadow:0 0 15px #fabd2f66}.mcp-header p{color:#bdae93;color:var(--fg3);font-size:14px;font-style:italic;margin:0}.mcp-actions{gap:12px}.mcp-actions .btn{background:#83a598;background:var(--blue);box-shadow:0 2px 8px #0000004d;color:#282828;color:var(--bg0);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.mcp-actions .btn:hover{background:#458588;background:var(--blue-dim);box-shadow:0 4px 12px #0006;transform:translateY(-2px)}.mcp-actions .btn-secondary{background:#665c54;background:var(--bg3);color:#ebdbb2;color:var(--fg1)}.mcp-actions .btn-secondary:hover{background:#7c6f64;background:var(--bg4)}.loading-container{background:#3c3836;background:var(--bg1);border:1px solid #665c54;border:1px solid var(--bg3);border-radius:8px;color:#bdae93;padding:60px;text-align:center}.empty-state{background:linear-gradient(135deg,#3c3836,#504945);background:linear-gradient(135deg,var(--bg1) 0,var(--bg2) 100%);border:2px dashed #665c54;border:2px dashed var(--bg3);color:#bdae93;color:var(--fg3);padding:80px 30px}.empty-state h3{color:#fabd2f;font-size:1.5em}.empty-state p{margin-bottom:25px}.empty-state .btn{background:#b8bb26;background:var(--green);box-shadow:0 4px 12px #0000004d;color:#282828;color:var(--bg0);font-size:16px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase}.empty-state .btn:hover{background:#98971a;background:var(--green-dim);box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.mcp-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.mcp-server-card{background:linear-gradient(135deg,#3c3836,#504945);background:linear-gradient(135deg,var(--bg1) 0,var(--bg2) 100%);border:2px solid #665c54;border-left:6px solid #b8bb26;border:2px solid var(--bg3);border-left:6px solid var(--green);border-radius:12px;box-shadow:0 6px 20px #0000004d;padding:25px;transition:all .3s ease}.mcp-server-card:hover{border-color:#7c6f64;border-color:var(--bg4);box-shadow:0 8px 25px #0006;transform:translateY(-2px)}.mcp-server-card.stopped{border-left-color:#fb4934;border-left-color:var(--red)}.mcp-server-card.disabled{border-left-color:#7c6f64;border-left-color:var(--bg4);opacity:.7}.mcp-server-header{align-items:center;border-bottom:1px solid #665c54;border-bottom:1px solid var(--bg3);display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:12px}.mcp-server-name{color:#fbf1c7;color:var(--fg0);font-size:1.3em;font-weight:700;text-shadow:0 0 8px #fbf1c74d}.device-status{align-items:center;border-radius:20px;box-shadow:0 2px 6px #0003;display:flex;font-size:.75em;font-weight:700;gap:8px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.device-status.running{background:linear-gradient(135deg,#98971a,#b8bb26);background:linear-gradient(135deg,var(--green-dim),var(--green));box-shadow:0 0 12px #b8bb2666;color:#282828;color:var(--bg0)}.device-status.stopped{background:linear-gradient(135deg,#cc241d,#fb4934);background:linear-gradient(135deg,var(--red-dim),var(--red));box-shadow:0 0 12px #fb493466;color:#fbf1c7;color:var(--fg0)}.device-status.disabled{background:linear-gradient(135deg,#665c54,#7c6f64);background:linear-gradient(135deg,var(--bg3),var(--bg4));color:#a89984;color:var(--fg4)}.status-indicator{animation:pulse 2s infinite;border-radius:50%;height:10px;width:10px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.status-running,.status-stopped{background:#fbf1c7;background:var(--fg0)}.status-disabled{background:#a89984;background:var(--fg4)}.mcp-server-description{color:#d5c4a1;color:var(--fg2);font-size:.95em;font-style:italic;line-height:1.4;margin-bottom:18px}.mcp-server-details{grid-gap:12px;background:#282828;background:var(--bg0);border:1px solid #665c54;border:1px solid var(--bg3);border-radius:6px;display:grid;font-size:.9em;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:15px}.mcp-server-detail{align-items:center;display:flex;justify-content:space-between}.mcp-server-detail-label{color:#8ec07c;color:var(--aqua);font-weight:700;text-shadow:0 0 5px #8ec07c4d}.mcp-server-detail span:last-child{color:#ebdbb2;color:var(--fg1);font-family:Monaco,monospace}.mcp-server-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.mcp-server-actions .btn{box-shadow:0 2px 6px #0003;font-size:11px;font-weight:700;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.mcp-server-actions .btn:hover{box-shadow:0 4px 10px #0000004d;transform:translateY(-1px)}.mcp-tools-list{background:#282828;background:var(--bg0);border:1px solid #665c54;border:1px solid var(--bg3);border-radius:6px;margin-top:20px;padding:15px}.mcp-tools-header{color:#8ec07c;color:var(--aqua);font-size:.9em;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-shadow:0 0 8px #8ec07c4d;text-transform:uppercase}.mcp-tool-item{align-items:center;border-bottom:1px solid #504945;border-bottom:1px solid var(--bg2);display:flex;font-size:.8em;justify-content:space-between;padding:8px 0}.mcp-tool-item:last-child{border-bottom:none}.mcp-tool-name{color:#ebdbb2;color:var(--fg1);font-family:Monaco,monospace;font-weight:700}.mcp-tool-usage{color:#a89984;color:var(--fg4);font-style:italic}.template-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:25px}.template-card{background:#282828;background:var(--bg0);border:2px solid #665c54;border-radius:10px;box-shadow:0 3px 10px #0003;padding:18px;transition:all .3s ease}.template-card:hover{background:#3c3836;background:var(--bg1);border-color:#83a598;border-color:var(--blue);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.template-card.selected{background:linear-gradient(135deg,#3c3836,#504945);background:linear-gradient(135deg,var(--bg1) 0,var(--bg2) 100%);border-color:#fabd2f;box-shadow:0 0 20px #fabd2f4d}.template-name{color:#fbf1c7;color:var(--fg0);font-size:1.1em;font-weight:700;margin-bottom:10px}.template-description{color:#bdae93;color:var(--fg3);font-size:.9em;line-height:1.4;margin-bottom:12px}.template-category{background:linear-gradient(135deg,#458588,#83a598);background:linear-gradient(135deg,var(--blue-dim),var(--blue));border-radius:15px;box-shadow:0 2px 6px #0003;color:#282828;color:var(--bg0);display:inline-block;font-size:.7em;font-weight:700;letter-spacing:.5px;margin-top:8px;padding:4px 12px;text-transform:uppercase}.template-category-system{background:linear-gradient(135deg,#d65d0e,#fe8019);background:linear-gradient(135deg,var(--orange-dim),var(--orange))}.template-category-web{background:linear-gradient(135deg,#458588,#83a598);background:linear-gradient(135deg,var(--blue-dim),var(--blue))}.template-category-development{background:linear-gradient(135deg,#b16286,#d3869b);background:linear-gradient(135deg,var(--purple-dim),var(--purple))}.template-category-database{background:linear-gradient(135deg,#98971a,#b8bb26);background:linear-gradient(135deg,var(--green-dim),var(--green))}.template-category-cloud{background:linear-gradient(135deg,#689d6a,#8ec07c);background:linear-gradient(135deg,var(--aqua-dim),var(--aqua))}.logs-container{background:#282828;background:var(--bg0);border:2px solid #665c54;border:2px solid var(--bg3);border-radius:8px;box-shadow:inset 0 2px 8px #0000004d;color:#ebdbb2;color:var(--fg1);font-family:JetBrains Mono,Monaco,Menlo,monospace;font-size:12px;height:300px;line-height:1.4;overflow-y:auto;padding:15px}.logs-container::-webkit-scrollbar{width:8px}.logs-container::-webkit-scrollbar-track{background:#3c3836;background:var(--bg1);border-radius:4px}.logs-container::-webkit-scrollbar-thumb{background:#7c6f64;background:var(--bg4);border-radius:4px}.log-entry{border-left:3px solid #0000;border-radius:4px;margin-bottom:3px;padding:4px 8px}.log-entry.info{background:#83a5981a;border-left-color:#83a598;border-left-color:var(--blue);color:#83a598;color:var(--blue)}.log-entry.warn{background:#fabd2f1a;border-left-color:#fabd2f;border-left-color:var(--yellow);color:#fabd2f;color:var(--yellow)}.log-entry.error{background:#fb49341a;border-left-color:#fb4934;border-left-color:var(--red);color:#fb4934;color:var(--red)}.log-entry.debug{background:#a899841a;border-left-color:#a89984;border-left-color:var(--fg4);color:#a89984;color:var(--fg4)}.log-timestamp{color:#a89984;color:var(--fg4);margin-right:8px}.log-level,.log-server{font-weight:700;margin-right:8px}.log-server{color:#8ec07c;color:var(--aqua)}.log-message{word-break:break-word}.App{background:var(--bg0);color:var(--fg1);min-height:100vh}.tab-content{margin-top:20px}.App *{color:inherit}.App .card{background:var(--bg1)!important;border:1px solid var(--bg3)!important;color:var(--fg1)!important}.App .form-input,.App .form-select,.App .form-textarea{background:var(--bg0)!important;border:1px solid var(--bg3)!important;color:var(--fg1)!important}.App .form-input:focus,.App .form-select:focus,.App .form-textarea:focus{border-color:var(--yellow)!important;box-shadow:0 0 0 3px #fabd2f33!important}.App .btn{font-family:JetBrains Mono,monospace!important;font-weight:700!important}.templates-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:15px 0}.template-card{background:var(--bg1);border:2px solid var(--bg3);border-radius:8px;cursor:pointer;padding:15px;transition:all .2s ease}.template-card.selected,.template-card:hover{background:var(--bg2);border-color:var(--yellow)}.template-card.selected{box-shadow:0 0 0 3px #fabd2f33}.template-card h4{color:var(--yellow);font-size:1.1em;margin:0 0 8px}.template-card p{color:var(--fg2);font-size:.9em;line-height:1.4;margin:0 0 10px}.template-meta{display:flex;font-size:.8em;gap:10px}.template-meta .category{background:var(--blue);border-radius:3px;color:var(--bg0);padding:2px 6px;text-transform:uppercase}.template-meta .tools-count{background:var(--green);border-radius:3px;color:var(--bg0);padding:2px 6px}.selected-template-notice{background:#fabd2f1a;border:1px solid var(--yellow);border-radius:4px;color:var(--yellow);font-size:.9em;margin:10px 0;padding:10px}.connection-test-result.success{background:#b8bb261a;border:1px solid var(--green)}.connection-test-result.error{border:1px solid var(--red);color:var(--red)}.capabilities-grid{margin:15px 0}.capability-item{background:var(--bg1);border:1px solid var(--bg3);border-radius:6px}.capability-label{cursor:pointer;gap:8px}.capability-config label{font-size:.9em}.capability-config .form-textarea.small{font-family:JetBrains Mono,monospace;font-size:.8em}.advanced-config{background:var(--bg1)}.large-modal .modal-content{max-height:90vh;max-width:900px;overflow-y:auto}.form-section{margin-bottom:25px;padding-bottom:20px}.form-section h3{color:var(--yellow)}.form-help{font-size:.85em;margin-top:4px}.tab-btn.coming-soon{cursor:not-allowed;opacity:.6;position:relative}.tab-btn.coming-soon:hover{background:var(--bg2)!important;transform:none!important}.coming-soon-badge{background:var(--orange);border-radius:10px;color:var(--bg0);font-size:.7em;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 6px;text-transform:uppercase}.global-footer{border-top:1px solid var(--bg3);margin-top:40px;padding-top:20px}.global-footer .card{margin-bottom:0}.global-footer h2{color:var(--aqua);font-size:1.2em;margin-bottom:10px}.global-footer p{color:var(--fg3);font-size:.9em;margin-bottom:20px}.apps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.app-card{background:linear-gradient(135deg,var(--bg0) 0,var(--bg1) 100%);border:2px solid var(--bg3);border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:20px;text-align:center;transition:all .3s ease}.app-card:hover{border-color:var(--blue);box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.app-header{align-items:center;display:flex;gap:15px;margin-bottom:20px;text-align:left}.app-icon{border-radius:8px;box-shadow:0 2px 8px #0000004d;height:48px;width:48px}.app-info h3{color:var(--yellow);font-size:1.2em;margin:0 0 5px;text-shadow:0 0 10px #fabd2f4d}.app-info p{color:var(--fg3);font-size:.9em;margin:0}.app-qr{background:var(--bg0);border:1px solid var(--bg3);border-radius:8px;display:flex;justify-content:center;margin:20px 0;padding:15px}.app-actions{margin-top:20px}.app-actions .btn{background:var(--green);box-shadow:0 2px 8px #0000004d;color:var(--bg0);font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase}.app-actions .btn:hover{background:var(--green-dim);box-shadow:0 4px 12px #0006;transform:translateY(-1px)}@media (max-width:768px){.container{padding:15px}.mcp-grid{grid-template-columns:1fr}.chat-input-area,.mcp-actions{flex-direction:column}.chat-input-area{gap:10px}.chat-input-area .btn{width:100%}.coming-soon-badge{font-size:.6em;margin-left:4px;padding:1px 4px}}.qr-section{margin:20px 0;text-align:center}.qr-section h4{color:var(--fg1);margin-bottom:10px}.api-docs-header{border-bottom:2px solid var(--bg3);margin-bottom:30px;padding-bottom:20px}.api-docs-header h2{color:var(--yellow);font-size:2em;margin-bottom:15px;text-shadow:0 0 15px #fabd2f66}.api-base-url{background:var(--bg0);border:2px solid var(--bg3);border-radius:8px;box-shadow:0 2px 8px #0003;font-family:Monaco,monospace;margin-bottom:15px;padding:15px}.api-base-url strong{color:var(--aqua);display:block;font-size:14px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.url-code{background:var(--bg1);border:1px solid var(--bg3);border-radius:4px;box-shadow:inset 0 1px 3px #0000004d;color:var(--green);font-size:16px;font-weight:700;padding:8px 12px;word-break:break-all}.api-auth-notice{background:linear-gradient(135deg,var(--purple-dim),var(--purple));border-left:4px solid var(--purple);border-radius:6px;box-shadow:0 2px 8px #d3869b4d;color:var(--bg0);font-weight:700;margin-bottom:20px;padding:12px 16px}.api-docs-header p{color:var(--fg2);font-size:16px;line-height:1.5;margin-bottom:0}.api-endpoints{margin-bottom:30px}.api-endpoints h3{border-bottom:1px solid var(--bg3);color:var(--blue);font-size:1.5em;margin-bottom:20px;padding-bottom:10px;text-shadow:0 0 10px #83a5984d}.endpoint-card{background:linear-gradient(135deg,var(--bg0) 0,var(--bg1) 100%);border:2px solid var(--bg3);border-radius:10px;box-shadow:0 4px 16px #0000004d;margin-bottom:20px;padding:20px;transition:all .3s ease}.endpoint-card:hover{border-color:var(--bg4);box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.endpoint-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.method-badge{border-radius:20px;box-shadow:0 2px 6px #0003;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.method-badge.get{background:linear-gradient(135deg,var(--green-dim),var(--green));color:var(--bg0)}.method-badge.post{background:linear-gradient(135deg,var(--blue-dim),var(--blue));color:var(--bg0)}.endpoint-path{background:var(--bg1);border:1px solid var(--bg3);border-radius:6px;box-shadow:inset 0 1px 3px #0003;color:var(--yellow);font-family:Monaco,monospace;font-size:14px;font-weight:700;padding:8px 12px}.endpoint-description{color:var(--fg2);font-size:15px;line-height:1.5;margin-bottom:15px}.endpoint-example{background:var(--bg0);border:1px solid var(--bg3);border-radius:6px;box-shadow:inset 0 2px 6px #0003;margin-top:15px;padding:15px}.endpoint-example h4{color:var(--aqua);font-size:14px;letter-spacing:.5px;margin-bottom:10px;text-shadow:0 0 8px #8ec07c4d;text-transform:uppercase}.code-example{background:var(--bg1);box-shadow:inset 0 1px 3px #0000004d;color:var(--fg1);font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.4;padding:12px;word-break:break-all}.api-features{background:linear-gradient(135deg,var(--bg1) 0,var(--bg2) 100%);border:2px solid var(--bg3);border-radius:10px;box-shadow:0 4px 16px #0000004d;margin-bottom:25px;padding:20px}.api-features h3{color:var(--purple);font-size:1.4em;margin-bottom:15px;text-shadow:0 0 10px #d3869b4d}.api-features ul{list-style:none;margin:0;padding:0}.api-features li{border-bottom:1px solid var(--bg3);color:var(--fg2);font-size:15px;line-height:1.4;padding:8px 0}.api-features li:last-child{border-bottom:none}.api-features li strong{color:var(--aqua);text-shadow:0 0 8px #8ec07c4d}.api-notes{background:linear-gradient(135deg,var(--bg0) 0,var(--bg1) 100%);border:2px solid var(--bg3);border-radius:10px;box-shadow:0 4px 16px #0000004d;padding:20px}.api-notes h3{color:var(--orange);font-size:1.4em;margin-bottom:15px;text-shadow:0 0 10px #fe80194d}.api-notes ul{list-style:none;margin:0;padding:0}.api-notes li{border-bottom:1px solid var(--bg3);color:var(--fg2);font-size:14px;line-height:1.5;padding:8px 0}.api-notes li:last-child{border-bottom:none}.api-notes li strong{color:var(--yellow);text-shadow:0 0 8px #fabd2f4d}.api-notes code{background:var(--bg1);border:1px solid var(--bg3);border-radius:3px;color:var(--green);font-family:Monaco,monospace;font-size:12px;padding:2px 6px}@media (max-width:768px){.endpoint-header{align-items:flex-start;flex-direction:column;gap:8px}.endpoint-card{padding:15px}.api-docs-header h2{font-size:1.6em}.url-code{font-size:14px}.code-example{font-size:12px;padding:10px}}.phone-link .opt-in-section{background:linear-gradient(135deg,var(--bg2) 0,var(--bg1) 100%);border:2px solid var(--bg3);border-radius:12px;box-shadow:0 4px 16px #0000004d;margin-bottom:30px;padding:20px}.phone-link .consent-notice{margin-bottom:20px}.phone-link .consent-notice h3{border-bottom:1px solid var(--bg3);color:var(--yellow);font-size:1.3em;margin-bottom:15px;padding-bottom:8px;text-shadow:0 0 10px #fabd2f4d}.phone-link .consent-notice p{color:var(--fg2);font-size:15px;line-height:1.5;margin-bottom:15px}.phone-link .consent-details{background:var(--bg0);border:1px solid var(--bg3);border-radius:8px;margin-bottom:15px;padding:15px}.phone-link .consent-details strong{color:var(--aqua);display:block;margin-bottom:10px;text-shadow:0 0 8px #8ec07c4d}.phone-link .consent-details ul{margin:0 0 15px;padding-left:20px}.phone-link .consent-details li{color:var(--fg2);line-height:1.4;margin-bottom:5px}.phone-link .privacy-links{margin-bottom:15px}.phone-link .privacy-links a{color:var(--blue);cursor:pointer;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s}.phone-link .privacy-links a:hover{color:var(--blue-dim);text-decoration:underline}.phone-link .consent-expanded{animation:slideDown .3s ease-out;background:var(--bg0);border:1px solid var(--bg3);border-radius:8px;margin-top:15px;padding:15px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.phone-link .consent-expanded h4{color:var(--purple);font-size:1.1em;margin-bottom:10px;text-shadow:0 0 8px #d3869b4d}.phone-link .consent-expanded p{color:var(--fg2);line-height:1.5;margin-bottom:10px}.phone-link .consent-expanded strong{color:var(--orange);text-shadow:0 0 8px #fe80194d}.phone-link .consent-checkbox{background:var(--bg0);border:2px solid var(--bg3);border-radius:8px;box-shadow:inset 0 1px 3px #0003;margin-bottom:20px;padding:15px}.phone-link .checkbox-label{align-items:flex-start;color:var(--fg1);cursor:pointer;display:flex;font-size:14px;gap:10px;line-height:1.5}.phone-link .checkbox-label input[type=checkbox]{accent-color:var(--green);cursor:pointer;height:18px;margin-top:2px;width:18px}.phone-link .checkmark{background:var(--bg0);border:2px solid var(--bg3);border-radius:3px;display:inline-block;flex-shrink:0;height:18px;margin-right:10px;position:relative;width:18px}.phone-link .consent-required{animation:shake .5s ease-in-out;color:var(--red);font-size:12px;font-weight:700;margin-top:5px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.phone-link .opt-out-info{background:#fb49341a;border:1px solid var(--red);border-radius:8px;margin-top:20px;padding:15px}.phone-link .opt-out-info h4{color:var(--red);font-size:1.1em;margin-bottom:10px;text-shadow:0 0 8px #fb49344d}.phone-link .opt-out-info p{color:var(--fg2);line-height:1.4;margin-bottom:10px}.phone-link .opt-out-info ul{margin:0 0 10px;padding-left:20px}.phone-link .opt-out-info li{color:var(--fg2);line-height:1.4;margin-bottom:5px}.phone-link .opt-out-info code{background:var(--bg0);border:1px solid var(--bg3);border-radius:3px;color:var(--red);font-family:JetBrains Mono,monospace;font-size:12px;padding:2px 4px}.phone-link .link-form,.phone-link .verify-form{background:var(--bg2);border:1px solid var(--bg3);border-radius:8px;margin-bottom:30px;padding:20px}.phone-link .form-group{margin-bottom:15px}.phone-link .form-group label{color:var(--aqua);display:block;font-weight:700;margin-bottom:5px}.phone-link .form-group input{background:var(--bg0);border:1px solid var(--bg3);border-radius:4px;color:var(--fg1);font-family:JetBrains Mono,monospace;padding:10px;width:100%}.phone-link .form-group input:focus{border-color:var(--yellow);box-shadow:0 0 0 2px #fabd2f33;outline:none}.phone-link .form-group small{color:var(--fg4);display:block;font-size:12px;margin-top:5px}.phone-link .button-group{display:flex;gap:10px}.phone-link .btn-danger,.phone-link .btn-primary,.phone-link .btn-secondary{border:none;border-radius:4px;cursor:pointer;font-family:JetBrains Mono,monospace;font-weight:700;padding:10px 20px;transition:all .2s}.phone-link .btn-primary{background:var(--green);color:var(--bg0)}.phone-link .btn-primary:hover:not(:disabled){background:var(--green-dim)}.phone-link .btn-secondary{background:var(--bg3);color:var(--fg1)}.phone-link .btn-secondary:hover{background:var(--bg4)}.phone-link .btn-danger{background:var(--red);color:var(--fg0)}.phone-link .btn-danger:hover{background:var(--red-dim)}.phone-link .btn-small{font-size:12px;padding:5px 10px}.phone-link .message{border-radius:4px;font-weight:700;margin-bottom:20px;padding:10px}.phone-link .message.success{background:#b8bb2633;border:1px solid var(--green);color:var(--green)}.phone-link .message.error{background:#fb493433;border:1px solid var(--red);color:var(--red)}.phone-link .linked-phones{margin-top:30px}.phone-link .linked-phones h3{color:var(--yellow);margin-bottom:15px}.phone-link .phone-list{display:flex;flex-direction:column;gap:10px}.phone-link .phone-item{align-items:center;background:var(--bg2);border:1px solid var(--bg3);border-radius:4px;display:flex;justify-content:space-between;padding:10px}.phone-link .phone-number{font-family:JetBrains Mono,monospace;font-weight:700}.phone-link .verified-status{color:var(--green);font-size:12px}.phone-link .instructions{background:var(--bg2);border:1px solid var(--bg3);border-radius:8px;margin-top:30px;padding:20px}.phone-link .instructions h3{color:var(--yellow);margin-bottom:15px}.phone-link .instructions ol{padding-left:20px}.phone-link .instructions li{margin-bottom:8px}.phone-link .instructions code{background:var(--bg0);border-radius:3px;font-family:JetBrains Mono,monospace;font-size:12px;padding:2px 4px}.phone-link .confirm-dialog{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.phone-link .confirm-content{background:var(--bg1);border:2px solid var(--yellow);border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:400px;padding:20px;width:90%}.phone-link .confirm-content h3{color:var(--yellow);margin-bottom:15px;margin-top:0;text-align:center}.phone-link .confirm-content p{color:var(--fg1);margin-bottom:20px;text-align:center}.phone-link .confirm-buttons{display:flex;gap:10px;justify-content:center}.template-url-indicator{font-size:.8em;font-weight:700}.template-ready{color:var(--green)}.template-required{color:var(--yellow)}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg1);border:2px solid var(--bg3);border-radius:12px;box-shadow:0 8px 32px #0006;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-content.large-modal{max-width:800px}.modal-header{align-items:center;background:linear-gradient(135deg,var(--bg1) 0,var(--bg2) 100%);border-bottom:1px solid var(--bg3);display:flex;justify-content:space-between;padding:20px 24px}.modal-title{color:var(--yellow);font-size:1.4em;font-weight:700;margin:0;text-shadow:0 0 10px #fabd2f4d}.modal-close{background:none;border:none;border-radius:4px;color:var(--fg3);cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.modal-close:hover{background:var(--bg3);color:var(--fg1)}.form-section{border-bottom:1px solid var(--bg3);padding:20px 24px}.form-section:last-child{border-bottom:none}.form-section h3{border-bottom:1px solid var(--bg3);color:var(--blue);font-size:1.2em;margin:0 0 15px;padding-bottom:8px;text-shadow:0 0 8px #83a5984d}.form-group{margin-bottom:20px}.form-label{color:var(--aqua);display:block;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:var(--bg0);border:2px solid var(--bg3);border-radius:6px;box-shadow:inset 0 1px 3px #0003;color:var(--fg1);font-family:JetBrains Mono,monospace;font-size:14px;padding:12px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #fabd2f33,inset 0 1px 3px #0003;outline:none}.form-input.error{border-color:var(--red);box-shadow:0 0 0 3px #fb493433,inset 0 1px 3px #0003}.form-textarea{font-family:JetBrains Mono,monospace;min-height:80px;resize:vertical}.form-textarea.small{min-height:60px}.form-help{color:var(--fg3);display:block;font-size:12px;line-height:1.4;margin-top:6px}.capabilities-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.capability-item{background:var(--bg0);border:2px solid var(--bg3);border-radius:8px;padding:15px;transition:all .2s}.capability-item:hover{border-color:var(--blue);box-shadow:0 2px 8px #0003}.capability-label{align-items:center;color:var(--fg1);display:flex;font-weight:700;gap:10px;margin-bottom:8px}.capability-label input[type=checkbox]{accent-color:var(--green);height:16px;width:16px}.capability-config{border-top:1px solid var(--bg3);margin-top:10px;padding-top:10px}.capability-config label{color:var(--fg2);display:block;font-size:12px;font-weight:700;margin-bottom:5px}.advanced-config{background:var(--bg0);border:1px solid var(--bg3);border-radius:6px;margin-top:15px;padding:15px}.advanced-config .form-group{margin-bottom:15px}.advanced-config .form-group:last-child{margin-bottom:0}.btn{align-items:center;background:var(--bg3);border:2px solid var(--bg3);border-radius:6px;color:var(--fg1);cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;justify-content:center;letter-spacing:.5px;padding:10px 20px;text-decoration:none;text-transform:uppercase;transition:all .2s}.btn:hover:not(:disabled){background:var(--bg4);border-color:var(--bg4);box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn.btn-secondary{background:var(--bg2);border-color:var(--bg3)}.btn.btn-secondary:hover:not(:disabled){background:var(--bg3)}.btn.small{font-size:12px;padding:6px 12px}.mcp-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:20px}.mcp-header{align-items:flex-start;gap:15px;justify-content:space-between;margin-bottom:20px}.mcp-actions,.mcp-header{display:flex;flex-wrap:wrap}.mcp-actions{gap:10px}.empty-state{background:linear-gradient(135deg,var(--bg0) 0,var(--bg1) 100%);border:2px solid var(--bg3);border-radius:12px;margin-top:20px;padding:40px 20px;text-align:center}.empty-state h3{color:var(--yellow);font-size:1.4em;margin-bottom:15px;text-shadow:0 0 10px #fabd2f4d}.empty-state p{color:var(--fg2);font-size:16px;line-height:1.5;margin-bottom:20px}.loading-container{align-items:center;color:var(--fg3);display:flex;font-size:16px;justify-content:center;padding:40px}.loading{animation:spin 1s linear infinite;border-top:2px solid var(--bg3);border:2px solid var(--bg3);border-radius:50%;border-top-color:var(--yellow);height:20px;margin-right:10px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.modal-content{margin:10px;max-height:calc(100vh - 20px)}.form-section,.modal-header{padding:15px 20px}.capabilities-grid,.mcp-grid{grid-template-columns:1fr}.mcp-header{align-items:stretch;flex-direction:column}.mcp-actions{justify-content:center}}.connection-test-result{border:1px solid;border-radius:4px;font-size:.9em;margin-top:8px;padding:10px}.connection-test-result.success{background:#98c3791a;border-color:var(--green);color:var(--green)}.connection-test-result.error{background:#fb49341a;border-color:#ff6b6b;color:#ff6b6b}.speech-test .speech-textarea{font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.4;min-height:80px;resize:vertical;width:100%}.preset-buttons{margin:15px 0}.preset-buttons label{color:var(--aqua);display:block;font-weight:700;margin-bottom:8px}.preset-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.preset-btn{background:var(--bg2);border:1px solid var(--bg3);border-radius:4px;color:var(--fg2);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:12px;padding:8px 12px;transition:all .2s ease}.preset-btn:hover{background:var(--bg3);border-color:var(--yellow);color:var(--yellow)}.speech-controls{margin:20px 0}.control-row{display:flex;gap:15px;margin-bottom:15px}.control-row .form-group{flex:1 1}.speed-slider{margin-top:5px;width:100%}.action-buttons{margin:20px 0}.primary-btn{background:var(--green);border:2px solid var(--green);border-radius:6px;color:var(--bg0);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;padding:12px 24px;transition:all .2s ease}.primary-btn:hover:not(:disabled){background:var(--green-dim);box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.primary-btn:disabled{background:var(--bg3);border-color:var(--bg4);box-shadow:none;color:var(--fg4);cursor:not-allowed;transform:none}.error-message{background:#fb49341a;border:1px solid var(--red);border-radius:4px;color:var(--red)}.error-message,.success-message{font-weight:700;margin:10px 0;padding:10px}.success-message{background:#b8bb261a;border:1px solid var(--green);border-radius:4px;color:var(--green)}.info-section{border-top:1px solid var(--bg3);margin-top:30px;padding-top:20px}.info-section h3{color:var(--yellow);margin-bottom:10px;margin-top:20px}.info-section ul{margin:10px 0;padding-left:20px}.info-section li{margin:5px 0}.code-example{background:var(--bg0);border:1px solid var(--bg3);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px;margin:10px 0;overflow-x:auto;padding:15px;white-space:pre-wrap}@media (max-width:768px){.control-row{flex-direction:column;gap:10px}.preset-grid{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=main.7f0b905a.css.map*/