:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#25273c;background:#f5f6fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#f5f6fb;--surface:#fff;--surface-soft:#f8f9fd;--text:#25273c;--muted:#70758a;--text-2:#686d85;--line:#eceef5;--primary:#7860e7;--primary-hover:#6650d1;--primary-soft:#f0ecfc;--shadow:0 3px 16px #20224904;--danger:#db546a;--green:#20a483;--sidebar:#141528}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a89aef80;outline-offset:3px}button{border:0}a{color:var(--primary)}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.8px;line-height:1.35}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:15px;letter-spacing:-.2px}p{line-height:1.7}input,select,textarea{min-width:0;color:var(--text);background:var(--surface);border:1px solid #dfe2ef;border-radius:9px;padding:11px 13px;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#a0a4b8}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7860e714}input[type=checkbox]{accent-color:var(--primary);width:15px;height:15px;cursor:pointer;flex-shrink:0}select{cursor:pointer}textarea{resize:vertical;line-height:1.6}code,pre,.code-textarea{font-family:Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.6}small{font-size:12px}svg{flex-shrink:0}.muted{color:var(--muted)}.right{text-align:right}.danger{color:var(--danger)!important}.wide{width:100%;justify-content:center}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #36c4a236}50%{box-shadow:0 0 0 5px #36c4a200}}@keyframes fadeIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 16px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s,box-shadow .15s}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 9px #7860e724}.btn.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 6px 14px #7860e735}.btn.secondary{background:var(--surface);border-color:var(--line);color:var(--text-2)}.btn.secondary:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);border-color:#b7a7ee}.btn.small{padding:7px 10px;min-height:32px;font-size:12px;border-radius:7px}.btn.danger-fill{background:var(--danger);color:#fff}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:7px;background:transparent;color:var(--text-2);transition:background .15s,color .15s}.icon-btn:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.icon-btn.danger:hover{background:#fff0f2}.text-btn{background:none;color:var(--primary);font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;padding:4px 0}.text-btn:hover{text-decoration:underline}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;color:var(--muted);display:flex;align-items:center;gap:8px}.live-dot,.offline-dot{display:inline-block;width:6px;height:6px;background:#3bc7a5;border-radius:50%;flex-shrink:0}.live-dot{animation:pulse 3s ease-in-out infinite}.offline-dot{background:#e4aa55}.pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:500;border:1px solid var(--line);border-radius:6px;padding:6px 9px;color:var(--text-2);background:var(--surface)}.count-chip{font-size:11px;font-weight:550;background:var(--surface-soft);color:var(--muted);border:1px solid var(--line);padding:2px 6px;border-radius:5px;margin-left:7px;vertical-align:middle}.icon-tile{width:39px;height:39px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.purple{background:#f0ebff;color:#8365df}.blue{background:#edf3ff;color:#628cec}.teal{background:#e8f8f3;color:#34a78e}.orange{background:#fff3e7;color:#dba358}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:550;line-height:1.4}.badge i,.small-status i{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.running{background:#e9f8f2;color:#289775}.badge.starting{background:#eeecfc;color:#8663dc}.badge.stopped{background:#f1f2f6;color:#9196ab}.badge.error{background:#fff4e5;color:#c4923f}.badge.running i{animation:pulse 2.5s infinite}.small-status{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.small-status.good{color:var(--green)}.small-status.bad{color:var(--danger)}.app-shell{display:flex;min-height:100vh}.sidebar{background:var(--sidebar);width:236px;flex-shrink:0;position:fixed;inset:0 auto 0 0;z-index:25;padding:30px 16px 0;display:flex;flex-direction:column;color:#999bb5}.brand{display:flex;gap:10px;align-items:center}.brand img{width:42px;height:42px;filter:drop-shadow(0 3px 7px #6b42d335)}.brand>span{font-size:16px;font-weight:750;color:#fff;letter-spacing:.1px;white-space:nowrap}.brand b{display:block;font-size:13px;font-weight:500;color:#c1bfd8;letter-spacing:.1px;margin-top:1px}.brand small{display:none;font-size:10px;letter-spacing:1.8px;font-weight:500;margin-top:6px;color:#a5a1bd}.sidebar .brand{padding-left:11px}.workspace-label{font-size:10px;font-weight:600;letter-spacing:1.6px;margin:42px 12px 15px;color:#636780}.sidebar nav{display:grid;gap:7px}.sidebar nav>button{display:flex;align-items:center;gap:11px;background:none;color:#979bb7;font-size:13px;text-align:left;padding:12px 14px;border-radius:8px;position:relative;transition:background .15s,color .15s;min-height:43px}.sidebar nav>button:hover{background:#ffffff07;color:#e0defa}.sidebar nav>button.active{background:linear-gradient(100deg,#7760e8,#6c53db);color:#fff;box-shadow:0 4px 14px #09071130}.sidebar nav>button.active:before{content:"";position:absolute;height:16px;width:3px;left:-16px;background:#b39afa;border-radius:0 2px 2px 0}.sidebar nav>button>b{margin-left:auto;background:#ffffff13;border:1px solid #ffffff0c;font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px}.sidebar nav>button span{flex:1}.sidebar-bottom{margin-top:auto;padding-top:45px}.agent-mini{border:1px solid #34344a;background:#1c1e33;border-radius:10px;padding:12px 9px;display:flex;gap:8px;align-items:center;margin:0 1px 19px}.agent-mini-icon{width:30px;height:30px;border-radius:9px;background:#2b3342;color:#6bd5b9;display:flex;align-items:center;justify-content:center}.agent-mini-icon.off{color:#d5ac6b}.agent-mini strong{font-size:11px;display:block;color:#d8d9e7;font-weight:550}.agent-mini small{font-size:10px;display:block;margin-top:5px;color:#777d98}.agent-mini small span{margin:0 4px}.agent-mini>.live-dot,.agent-mini>.offline-dot{margin-left:auto;width:5px;height:5px}.sidebar-bottom nav{gap:2px}.sidebar-bottom nav>button{font-size:12px;padding:10px 14px;min-height:38px}.profile{border-top:1px solid #2c2c43;display:flex;align-items:center;gap:9px;margin-top:20px;padding:20px 6px}.avatar{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#ebe5ff;color:#9272df;font-size:12px;font-weight:650;flex-shrink:0}.profile .avatar{background:linear-gradient(145deg,#a48be9,#7166b9);color:#fff}.profile strong{font-size:12px;font-weight:550;color:#deddec;display:block}.profile small{font-size:10px;display:block;margin-top:4px;color:#787d98}.profile .icon-btn{margin-left:auto;color:#81879d}.main-area{margin-left:236px;min-width:0;width:calc(100% - 236px)}.topbar{height:70px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.breadcrumb strong{color:var(--text-2);font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb>.icon-btn{display:none}.topbar-actions{display:flex;align-items:center;gap:9px}.topbar-actions .icon-btn{width:29px;height:29px}.machine-select{display:flex;align-items:center;gap:7px;color:var(--text-2);font-size:11px}.machine-select select{appearance:none;border:0;background:none;font-size:11px;max-width:170px;padding:5px 0;color:var(--text-2);font-weight:550}.machine-select select:focus{box-shadow:none}.top-divider{height:20px;width:1px;background:var(--line);margin:0 7px}.top-avatar{width:29px;height:29px;background:#eee9fc;color:#8e71d4;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:600;margin-left:5px}.main-area>main{padding:30px 36px 0;max-width:1740px;margin:0 auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-title .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:9px}.page-title .eyebrow span{color:#babdcf;margin:0 2px}.page-title h1{display:flex;align-items:center;gap:13px}.title-spark{color:#a38ae7;font-size:25px;font-weight:300}.page-title p{color:var(--text-2);font-size:12px;margin-top:8px}.title-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.title-actions .btn{font-size:12px;min-height:37px;padding:9px 13px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 23px 0}.card-head h3{font-size:14px;font-weight:650;display:flex;align-items:center;gap:4px}.card-head p{font-size:11px;color:var(--muted);margin-top:7px}.card-head>svg{color:#a3a7b9}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;padding:26px 0 20px;margin-top:11px}.workspace-footer>span{display:flex;align-items:center;gap:7px}.workspace-footer img{width:16px;height:16px;opacity:.7}.workspace-footer b{font-size:10px;font-weight:400;color:#a8acbe;margin-left:2px}.loading-area{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--primary);gap:14px}.loading-area p{color:var(--muted);font-size:13px}.overview-banner{background:linear-gradient(110deg,#eeebff,#f3f0ff 52%,#eaf1fc);min-height:184px;border:1px solid #e5def8;border-radius:12px;padding:24px 29px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;overflow:hidden;position:relative}.banner-label{color:#9a82cc;font-size:10px;letter-spacing:1.8px;display:flex;gap:7px;align-items:center;font-weight:600}.banner-label .live-dot{width:5px;height:5px;background:#a78ade;animation:none}.overview-banner h2{font-size:25px;letter-spacing:-.6px;font-weight:680;margin:12px 0 7px;color:#3c315f}.overview-banner p{color:#89819f;font-size:11px;max-width:620px}.overview-banner button{display:flex;gap:8px;align-items:center;background:#fff9;border:1px solid #dbd3ef;color:#8570b7;padding:8px 11px;border-radius:6px;font-size:11px;margin-top:15px}.overview-banner button:hover{background:#fff}.banner-network{position:relative;width:280px;height:155px;flex-shrink:0}.banner-center{position:absolute;left:105px;top:39px;width:76px;height:76px;border-radius:22px;background:linear-gradient(145deg,#ac95f3,#7458d4);box-shadow:0 10px 30px #7660c63a,inset 0 2px 1px #fff6;display:flex;align-items:center;justify-content:center;color:#fff;transform:rotate(-9deg)}.banner-center svg{transform:rotate(9deg)}.banner-ring{position:absolute;left:60px;top:0;width:164px;height:164px;border:1px solid #bdade638;border-radius:50%;box-shadow:0 0 0 21px #e0d8f824,0 0 0 42px #e0d8f818}.banner-network>span{position:absolute;display:flex;align-items:center;justify-content:center;background:#fffd;color:#9b85ce;border:1px solid #dfd7f5;border-radius:12px;width:45px;height:45px;box-shadow:0 5px 14px #50419b0b}.banner-network .bn1{top:5px;left:33px;transform:rotate(-8deg)}.banner-network .bn2{top:8px;right:26px;transform:rotate(10deg)}.banner-network .bn3{bottom:1px;right:24px;transform:rotate(8deg)}.banner-tag{position:absolute;bottom:1px;left:12px;display:flex;align-items:center;gap:5px;border:1px solid #e6def8;background:#fffd;color:#9a8eb1;font-size:10px;padding:7px 10px;border-radius:6px}.banner-tag svg{color:#42af9b}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{padding:17px 20px 16px;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.stat-card>div{display:flex;justify-content:space-between;align-items:center;gap:6px}.stat-card>div>span:first-child{font-size:11px;font-weight:550;color:var(--text-2)}.stat-card .icon-tile{width:32px;height:32px;border-radius:9px}.stat-card>strong{display:block;font-size:28px;font-weight:650;letter-spacing:-.9px;margin-top:9px;color:var(--text);line-height:1.25}.stat-card>strong>small{font-size:13px;letter-spacing:0;font-weight:400;color:#a1a5b9;margin-left:6px}.stat-card>p{font-size:10px;color:var(--muted);margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-middle{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(285px,1fr);gap:20px;margin-bottom:20px}.traffic-summary{display:flex;align-items:center;gap:21px;padding:20px 23px 10px}.traffic-summary>strong{font-size:26px;letter-spacing:-.8px;font-weight:600}.traffic-summary>strong>small{font-size:13px;color:var(--muted);font-weight:400;margin-left:4px;letter-spacing:0}.traffic-summary>span{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.legend-dot{width:6px;height:6px;background:#a691ef;border-radius:50%}.traffic-summary>.chart-period{margin-left:auto;font-size:10px}.chart{height:135px;display:flex;padding:8px 22px 0 18px;gap:12px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:var(--muted);width:42px;padding:15px 0 12px;flex-shrink:0;align-items:flex-end}.chart svg{width:calc(100% - 54px);height:100%;overflow:visible}.chart-labels{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;padding:7px 24px 18px 73px}.quick-start .card-head{padding:21px 20px 13px}.quick-start .icon-tile{width:31px;height:31px}.start-step{display:flex;align-items:center;gap:11px;width:calc(100% - 40px);margin:0 20px;padding:13px 0;background:none;border-bottom:1px solid var(--line);text-align:left}.start-step:nth-of-type(3){border-bottom:0}.step-number{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);width:29px;height:29px;border-radius:9px;font-size:12px;flex-shrink:0;color:#a1a6b8;background:var(--surface-soft)}.step-number.done{background:#eaf8f3;color:#42aa8d;border-color:#e0f1e9}.start-step>span:nth-child(2){flex:1}.start-step strong{font-size:12px;font-weight:550;display:block}.start-step small{font-size:10px;color:var(--muted);margin-top:5px;display:block}.start-step>svg{color:#b1b4c7}.start-step:hover strong{color:var(--primary)}.private-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#a39ab9;background:var(--surface-soft);margin:10px 15px 14px;padding:10px 9px;border-radius:6px}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(285px,1fr);gap:20px}.dashboard-bottom>.card>.card-head{padding-bottom:15px;border-bottom:1px solid var(--line)}.recent-ports{padding:0 20px}.recent-ports>div{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.recent-ports>div:last-child{border:0}.recent-ports>div>span:nth-child(2){flex:1}.recent-ports strong{font-size:12px;font-weight:550;display:block}.recent-ports small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.port-icon{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:8px;background:var(--primary-soft);color:#9b83e6;flex-shrink:0}.port-icon.connected{background:#ebf8f3;color:#54b197}.activity-list{padding:0 20px}.activity-list>div{display:flex;gap:10px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.activity-list>div:last-child{border:0}.activity-icon{height:29px;width:29px;display:flex;justify-content:center;align-items:center;color:#a9a1c7;background:var(--primary-soft);border-radius:8px;flex-shrink:0}.activity-icon.success{background:#eaf8f1;color:#49a98e}.activity-icon.error{background:#fff0f1;color:#db7586}.activity-icon.warning{background:#fff5e6;color:#c89b49}.activity-list strong{font-size:11px;line-height:1.7;font-weight:500;display:block}.activity-list small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.activity-list small span{margin:0 3px}.activity-all{background:var(--surface-soft);border-top:1px solid var(--line);font-size:10px;color:var(--text-2);width:100%;display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;border-radius:0 0 12px 12px}.activity-all:hover{color:var(--primary)}.empty-state{padding:34px 25px 37px;display:flex;align-items:center;flex-direction:column;text-align:center;min-height:235px;justify-content:center}.empty-orbit{position:relative;width:71px;height:71px;border:1px dashed #d8cfee;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a08cda;margin:4px 0 18px;background:radial-gradient(circle,#f1edfc 0%,#f8f6ff 60%,transparent 61%)}.empty-orbit>span{width:6px;height:6px;border:2px solid #fff;background:#b29de5;border-radius:50%;position:absolute;top:4px;left:11px}.empty-orbit>i{position:absolute;width:9px;height:9px;border:2px solid #fff;background:#8ad2ca;border-radius:50%;right:0;bottom:8px}.empty-state h3{font-size:14px;font-weight:600}.empty-state p{font-size:11px;max-width:360px;color:var(--muted);margin:9px 0 18px}.empty-state>.btn{font-size:12px;min-height:35px;padding:8px 12px}.empty-actions{display:flex;gap:8px;justify-content:center}.empty-actions .btn{font-size:12px}.dashboard-bottom .empty-state{min-height:245px;padding-top:15px;padding-bottom:20px}.dashboard-bottom .empty-orbit{width:56px;height:56px;margin-bottom:14px}.dashboard-bottom .empty-orbit>svg{width:25px}.dashboard-bottom .empty-state h3{font-size:13px}.dashboard-bottom .empty-state p{font-size:10px;margin:7px 0 13px;max-width:300px}.notice{display:flex;align-items:flex-start;gap:11px;padding:14px 17px;border-radius:9px;margin-bottom:18px;font-size:12px;border:1px solid}.notice strong{font-size:13px;font-weight:600;display:block}.notice p{font-size:12px;line-height:1.7;margin-top:3px}.notice>svg{margin-top:2px}.notice.info{background:#f0f4fe;border-color:#e1e8f8;color:#7183ad}.notice.warning{background:#fff8ea;border-color:#f4e5c7;color:#ad8b51}.notice.error{background:#fff1f3;border-color:#f4d9df;color:#be6876}.notice.compact{margin:16px 0 0;padding:12px 13px;gap:9px}.notice.compact p{font-size:11px;margin:0}.compact-stats{display:flex;align-items:center;gap:26px;padding:0 2px;margin:0 0 21px;font-size:11px;color:var(--text-2)}.compact-stats>span{display:flex;align-items:center;gap:7px}.compact-stats>.compact-right{margin-left:auto;color:var(--muted);font-size:10px}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.green{background:#50bb9c}.status-dot.grey{background:#c7cbda}.status-dot.amber{background:#e6b66b}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--line)}.segmented{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.segmented>button{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:550;background:none;color:var(--muted);padding:8px 11px;border-radius:6px;white-space:nowrap}.segmented>button.chosen{color:var(--primary);background:var(--primary-soft)}.segmented>button>b{font-size:10px;background:#ffffffa6;border-radius:4px;min-width:17px;padding:2px;font-weight:550}.search{display:flex;align-items:center;gap:7px;background:var(--surface);color:#a2a7bd;border:1px solid var(--line);padding:0 10px;border-radius:7px;min-width:170px;max-width:230px;flex:1}.search input{border:0;background:none;padding:9px 0;font-size:11px;width:100%;box-shadow:none}.search input:focus{box-shadow:none}.table-scroll{overflow:auto;min-height:270px}.ports-card .empty-state{min-height:360px}.table-scroll table{width:100%;border-collapse:collapse;white-space:nowrap}.table-scroll th{background:var(--surface-soft);color:#9a9eb3;font-size:10px;letter-spacing:.4px;text-align:left;font-weight:600;padding:13px 14px;border-bottom:1px solid var(--line)}.table-scroll td{padding:15px 14px;border-bottom:1px solid var(--line);font-size:11px;vertical-align:middle}.table-scroll tr:last-child td{border-bottom:0}.table-scroll tr.selected td{background:var(--primary-soft)}.table-scroll tr:hover td{background:#7860e703}.table-scroll th.right{text-align:right}.table-scroll .check-cell{width:35px;padding-left:20px;padding-right:1px}.table-scroll input[type=checkbox]{width:13px;height:13px}.port-name{display:flex;align-items:center;gap:10px}.port-name strong{font-size:12px;font-weight:550;display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis}.port-name small{font-size:10px;color:var(--muted);display:block;margin-top:4px;max-width:170px;overflow:hidden;text-overflow:ellipsis}.cell-sub{display:block;font-size:10px;color:var(--muted);margin-top:5px}.cell-sub span{margin:0 3px}.table-scroll td code{font-size:11px;color:var(--text-2)}.port-error{font-size:10px;color:#ce8d76;display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.mode-label{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--text-2)}.row-actions{display:flex;justify-content:flex-end;gap:2px;align-items:center}.row-actions .icon-btn{width:27px;height:28px}.row-menu{position:relative;color:var(--text-2)}.row-menu summary{list-style:none;width:26px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:5px}.row-menu summary::-webkit-details-marker{display:none}.row-menu summary:hover{background:var(--primary-soft)}.row-menu>div{position:absolute;right:0;top:31px;border:1px solid var(--line);background:var(--surface);padding:6px;border-radius:9px;box-shadow:0 8px 30px #1e163529;z-index:15;min-width:165px}.row-menu button{display:flex;gap:8px;align-items:center;background:none;padding:9px;border-radius:5px;width:100%;font-size:11px;text-align:left}.row-menu button:hover{background:var(--surface-soft)}.table-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.table-footer>span{display:flex;align-items:center;gap:6px}.table-footer>span>span{padding:0 3px}.bulk-toolbar{display:flex;align-items:center;gap:10px;background:var(--primary-soft);padding:10px 20px;font-size:11px;color:var(--primary)}.bulk-toolbar>strong{margin-right:8px;font-weight:600}.bulk-toolbar>button{background:var(--surface);border:1px solid #ded5f7;color:var(--primary);font-size:10px;padding:5px 8px;border-radius:5px;display:flex;gap:4px;align-items:center}.tip-card{display:flex;gap:14px;align-items:center;padding:22px 20px;color:#8f83ae}.tip-card>div{flex:1}.tip-card strong{font-size:12px;font-weight:550;display:block}.tip-card p{font-size:11px;color:var(--muted);margin-top:5px;max-width:800px}.tip-card>.text-btn{font-size:11px;flex-shrink:0}.source-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.source-tools>.segmented{padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.source-tool-right{display:flex;align-items:center;gap:10px}.source-tool-right .search{max-width:200px}.source-tool-right .btn{font-size:11px;min-height:35px}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.provider{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--provider) 10%,var(--surface));color:var(--provider);font-size:12px;font-weight:700;border:1px solid color-mix(in srgb,var(--provider) 10%,transparent)}.provider.large{width:43px;height:43px;border-radius:12px;font-size:18px}.source-card-head{display:flex;gap:12px;align-items:center;padding:22px 20px 0}.source-card-head>div{min-width:0;flex:1}.source-card-head h3{font-size:14px;font-weight:600;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.protocol-chip{font-size:10px;background:var(--primary-soft);color:#9c86ca;padding:3px 5px;border-radius:4px;font-weight:500}.source-country{font-size:10px;color:var(--muted);margin-left:8px}.source-details{padding:21px 20px;display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.source-details span{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.source-details strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.source-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding:12px 15px 12px 20px}.source-card-footer>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.source-card-footer>div{display:flex;align-items:center;gap:3px}.source-card-footer .icon-btn{width:27px;height:28px}.inline-error{margin:0 20px 14px;color:var(--danger);font-size:11px}.provider-strip{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:33px 12px}.provider-strip>span{font-size:10px;letter-spacing:1px;color:var(--muted)}.provider-strip>div{display:flex;align-items:center;gap:7px;opacity:.8}.provider-strip strong{font-size:11px;font-weight:550;color:var(--text-2)}.provider-strip .provider{width:22px;height:22px;font-size:10px;border-radius:6px}.machine-card{padding:28px;display:flex;align-items:center;gap:25px}.machine-visual{height:95px;width:120px;flex-shrink:0;border-radius:14px;background:var(--primary-soft);color:#ac97de;display:flex;align-items:center;justify-content:center;position:relative}.machine-visual .live-dot{position:absolute;bottom:19px;right:28px}.machine-main{flex:1}.machine-main .eyebrow{font-size:10px;letter-spacing:1px}.machine-main h2{margin:8px 0;font-size:21px}.machine-main p{font-size:11px;color:var(--muted)}.machine-tags{display:flex;gap:18px;margin-top:13px;font-size:10px;color:var(--text-2);flex-wrap:wrap}.machine-tags>span{display:flex;align-items:center;gap:5px}.section-heading{margin:28px 0 20px}.section-heading h2{font-size:16px}.section-heading p{font-size:11px;color:var(--muted);margin-top:8px}.remote-card{padding:22px}.remote-card>div:first-child .icon-tile{margin-bottom:16px}.remote-card h3{font-size:14px;margin-bottom:8px}.remote-card code{font-size:12px;color:var(--muted)}.remote-card>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:19px}.source-grid+.notice{margin-top:22px}.machine-card+.section-heading+.card+.notice{margin-top:22px}.log-list>div{display:flex;align-items:center;gap:14px;padding:17px 23px;border-bottom:1px solid var(--line)}.log-list>div:last-child{border-bottom:0}.log-list>div>div{flex:1;min-width:0}.log-list strong{font-size:12px;font-weight:500;line-height:1.7;display:block;overflow-wrap:anywhere}.log-list small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.log-list time{font-size:10px;color:var(--muted);white-space:nowrap}.log-list .activity-icon{width:32px;height:32px}.settings-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:22px}.settings-nav{display:grid;align-content:start;gap:5px}.settings-nav button{display:flex;gap:9px;align-items:center;text-align:left;padding:14px 13px;background:none;border-radius:8px;color:var(--text-2);font-size:12px}.settings-nav button>svg:last-child{margin-left:auto;opacity:0}.settings-nav button.active{color:var(--primary);background:#ebe6fc}.settings-nav button.active>svg:last-child{opacity:1}.settings-content{min-height:425px}.settings-content .card-head{padding-bottom:24px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 25px 25px;max-width:650px}.theme-options>button{border:1px solid var(--line);border-radius:11px;padding:10px;background:var(--surface);text-align:left}.theme-options>button.selected{border-color:var(--primary);box-shadow:0 0 0 3px #7860e710}.theme-options>button>strong{font-size:11px;font-weight:550;display:flex;align-items:center;gap:6px;margin:13px 4px 5px}.theme-options>button>strong>svg:last-child{margin-left:auto;color:var(--primary)}.theme-preview{height:115px;display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.theme-preview aside{width:22%;background:#1a192e}.theme-preview main{flex:1;background:#f5f6fb;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.theme-preview main>div{grid-column:1/-1;background:#e9e1fc;border-radius:3px}.theme-preview main>span{background:#fff;border-radius:3px;border:1px solid #eceef5}.theme-preview.dark main{background:#181b29}.theme-preview.dark main>div{background:#35314f}.theme-preview.dark main>span{background:#262937;border-color:#3b3b4e}.settings-info{margin:5px 25px 25px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px}.settings-info>img{width:45px;height:45px}.settings-info strong{font-size:13px;font-weight:550}.settings-info p{font-size:11px;color:var(--muted);margin-top:4px}.settings-info small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.settings-form{padding:0 25px 25px;max-width:600px}.settings-form .btn{margin-top:5px}.settings-form h3{margin:20px 0}.inline-form{display:flex;gap:10px;padding:0 25px}.inline-form input{flex:1;font-size:12px}.new-token{margin:20px 25px;background:var(--primary-soft);border:1px solid #dcd2f9;padding:16px;border-radius:9px}.new-token strong{font-size:12px;display:block;margin-bottom:12px}.new-token code{font-size:11px;display:block;overflow-wrap:anywhere;color:var(--primary);margin-bottom:12px}.new-token>.text-btn{margin-left:12px}.tokens{padding:12px 25px 20px}.tokens>div{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted)}.tokens>div>span{flex:1}.tokens strong{font-size:12px;font-weight:500;color:var(--text);display:block}.tokens small{font-size:10px;display:block;margin-top:5px}.api-example{margin:0 25px 25px;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:18px}.api-example>span{font-size:10px;letter-spacing:1px;color:var(--muted)}.api-example pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0;color:var(--text-2)}.api-example>p{font-size:11px;color:var(--muted)}.users-list{padding:0 25px 10px}.users-list>div{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.users-list strong{flex:1;font-size:12px;font-weight:500}.users-list .avatar{width:29px;height:29px;font-size:10px}.help-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:22px}.help-hero{padding:28px;border-bottom:1px solid var(--line);background:linear-gradient(130deg,var(--surface),var(--primary-soft));border-radius:12px 12px 0 0}.help-hero .icon-tile{margin-bottom:20px}.help-hero h2{font-size:22px}.help-hero p{font-size:12px;color:var(--text-2);margin-top:12px}.help-step{display:flex;align-items:flex-start;gap:19px;padding:24px 28px;border-bottom:1px solid var(--line)}.help-step>span{font-size:16px;font-weight:600;color:#b7a6e2;line-height:1.6}.help-step h3{font-size:14px;margin:2px 0 10px}.help-step p{font-size:12px;color:var(--text-2);line-height:1.9}.help-code{display:flex;align-items:center;gap:10px;padding:17px 20px;background:var(--surface-soft);color:var(--primary);border-radius:0 0 12px 12px}.help-code pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-2)}.help-side{display:grid;gap:17px;align-content:start}.help-side>.card{padding:23px;color:#9683c4}.help-side h3{font-size:14px;color:var(--text);margin:14px 0 10px}.help-side p{font-size:11px;color:var(--text-2);line-height:1.9}.help-side p+p{margin-top:10px}.modal-overlay{position:fixed;inset:0;background:#12132970;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px;z-index:100}.modal{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 30px 100px #11112645;width:620px;max-width:100%;max-height:calc(100dvh - 50px);overflow:auto;outline:none;animation:fadeIn .2s ease-out}.modal.wizard-modal{width:760px}.modal-close{position:absolute;right:19px;top:20px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--muted);background:transparent;border-radius:7px;z-index:1}.modal-close:hover{background:var(--surface-soft)}.modal-title{padding:27px 30px 21px;border-bottom:1px solid var(--line)}.modal-title .icon-tile{width:43px;height:43px;margin-bottom:15px;border-radius:12px}.modal-title h2{font-size:21px;margin-right:25px;font-weight:650}.modal-title p{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.8}.modal-body{padding:24px 30px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding:18px 30px;background:var(--surface-soft);border-radius:0 0 17px 17px}.modal-footer .btn{font-size:12px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;min-width:0}.field>label{font-weight:550;color:var(--text-2)}.field input,.field select,.field textarea{font-size:13px;width:100%}.field>small{font-size:10px;color:var(--muted);font-weight:400;line-height:1.7}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.host-grid{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr)}.password-input{position:relative;display:flex;width:100%}.password-input input{padding-right:40px;width:100%}.password-input>button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:31px;height:31px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);border-radius:6px}.password-input>button:hover{color:var(--primary);background:var(--primary-soft)}.type-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.type-options button{border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--surface-soft);color:var(--text-2);font-size:11px;padding:13px 8px}.type-options button.selected{color:var(--primary);background:var(--primary-soft);border-color:#c9bbee;box-shadow:0 0 0 2px #7860e709}.field textarea.code-textarea{font-size:12px;background:var(--surface-soft)}.file-upload{display:inline-flex;align-items:center;gap:8px;border:1px dashed #c5b7ea;padding:10px 14px;background:var(--primary-soft);color:var(--primary);border-radius:7px;font-size:12px;cursor:pointer;margin-bottom:18px;position:relative}.file-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.source-picker{display:grid;gap:9px;max-height:340px;overflow:auto;margin:21px 0}.source-picker>label{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:9px;cursor:pointer;transition:background .15s,border-color .15s}.source-picker>label.selected{background:var(--primary-soft);border-color:#c6b8ed}.source-picker>label>div{flex:1;min-width:0}.source-picker strong{display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}.source-picker small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.source-picker small span{margin:0 4px}.wizard-header{display:flex;align-items:center;gap:13px;padding:27px 30px 22px}.wizard-header h2{font-size:20px;font-weight:650}.wizard-header p{font-size:11px;color:var(--muted);margin-top:8px}.wizard-steps{display:flex;background:var(--surface-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 30px;gap:15px}.wizard-steps>div{display:flex;align-items:center;gap:8px;flex:1;color:var(--muted)}.wizard-steps>div:last-child{flex:0 0 auto}.wizard-steps>div>span{display:flex;align-items:center;justify-content:center;font-size:11px;height:24px;width:24px;background:var(--surface);border:1px solid var(--line);border-radius:50%}.wizard-steps strong{font-size:11px;font-weight:500;white-space:nowrap}.wizard-steps>div>div{height:1px;background:var(--line);flex:1;margin-left:10px}.wizard-steps .active{color:var(--primary)}.wizard-steps .active>span{background:var(--primary);color:#fff;border-color:var(--primary)}.wizard-steps .complete>span{background:#e7f6f1;color:var(--green);border-color:#d8ede4}.wizard-body{min-height:300px;max-height:calc(100dvh - 315px);overflow:auto}.wizard-body>h3{font-size:15px}.form-intro{font-size:12px;color:var(--muted);margin-top:8px}.scope-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:19px}.scope-options button{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:9px;text-align:left;color:var(--muted)}.scope-options button>svg{grid-row:1/3;align-self:center}.scope-options strong{font-size:12px;font-weight:550;color:var(--text-2)}.scope-options small{font-size:10px}.scope-options button.selected{background:var(--primary-soft);border-color:#c5b6ee;color:var(--primary)}.scope-options button.selected strong{color:var(--primary)}.scope-options+.notice{margin-top:-5px;margin-bottom:18px}.random-pass{font-size:10px!important;align-self:flex-end;margin-top:-3px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--line)}.switch-row strong{display:block;font-size:12px;font-weight:550}.switch-row small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.switch{width:36px;height:21px;position:relative;border-radius:20px;background:#cdd1df;padding:2px;flex-shrink:0}.switch>span{height:17px;width:17px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;transition:transform .15s}.switch.on{background:var(--primary)}.switch.on>span{transform:translate(15px)}.step-counter{font-size:10px;color:var(--muted);margin-right:auto;margin-left:6px}.review-success{padding:0 0 22px;text-align:center}.review-success>span{width:52px;height:52px;border-radius:50%;background:#eaf8f3;color:#47b194;display:flex;justify-content:center;align-items:center;margin:0 auto 16px}.review-success h3{font-size:18px}.review-success p{font-size:12px;color:var(--muted);margin-top:8px}.review-grid{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-soft);padding:20px;border:1px solid var(--line);border-radius:10px;gap:20px}.review-grid span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.review-grid strong{font-size:12px;font-weight:550;overflow-wrap:anywhere}.review-grid small{color:var(--muted);font-size:11px;font-weight:400}.connection-box{background:var(--primary-soft);border:1px solid #dbd1f7;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.connection-box>span{font-size:10px;color:#a28bc7;letter-spacing:1.3px}.connection-box>code{overflow-wrap:anywhere;word-break:break-all;font-size:13px;color:var(--primary)}.connection-box>.btn{font-size:12px}.credential-rows{margin-top:18px}.credential-rows>div{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0}.credential-rows span{font-size:11px;color:var(--muted);width:80px;flex-shrink:0}.credential-rows code{font-size:12px;flex:1;overflow-wrap:anywhere}.import-results{max-height:190px;overflow:auto;background:var(--surface-soft);padding:12px;border-radius:9px;font-size:11px;display:grid;gap:10px}.import-results>div{display:flex;align-items:center;gap:7px}.good{color:var(--green)}.bad{color:var(--danger)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:200;border:1px solid #d9e8e2;box-shadow:0 8px 32px #1c28361f;display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:11px;color:var(--green);padding:14px 15px 14px 18px;max-width:min(680px,calc(100vw - 30px));width:max-content;font-size:13px;line-height:1.6}.toast span{color:var(--text-2)}.toast.error{border-color:#edc9d2;color:var(--danger)}.toast button{margin-left:10px;padding:4px;color:var(--muted);background:none;display:flex}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;color:var(--primary)}.boot img{width:65px;height:65px}.boot p{font-size:13px;color:var(--muted)}.auth-page{min-height:100vh;display:flex;background:var(--surface)}.auth-left{width:49%;min-height:100vh;padding:40px 55px 24px;display:flex;flex-direction:column}.auth-left .brand>span{color:var(--text);font-size:20px}.auth-left .brand b{display:inline;color:var(--text);font-size:20px;font-weight:500}.auth-left .brand small{display:block;color:var(--muted);font-size:7px;letter-spacing:1.5px;margin-top:7px}.auth-left .brand img{width:45px;height:45px}.auth-form{width:100%;max-width:360px;margin:auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.auth-form .eyebrow{font-size:10px;letter-spacing:1.4px;color:#a290c4;margin-bottom:19px}.auth-form h1{font-size:31px;letter-spacing:-.9px;font-weight:650}.auth-form>p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:12px;margin-bottom:30px}.auth-form .field{margin-bottom:22px}.auth-form .field>label{font-size:12px;color:var(--text-2)}.auth-form .field input{height:44px;background:var(--surface-soft)}.auth-form .btn{height:44px;margin-top:7px;font-size:13px;flex-direction:row-reverse;justify-content:space-between;padding:0 17px}.auth-note{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:10px;margin-top:22px}.auth-left footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.auth-art{width:51%;background:#171529;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;overflow:hidden;color:#fff;padding:70px 40px;background:radial-gradient(ellipse at 45% 35%,#45306950 0%,transparent 60%),linear-gradient(145deg,#1b1831,#171529)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#b19cf206 1px,transparent 1px),linear-gradient(90deg,#b19cf206 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse,black,transparent 80%);mask-image:radial-gradient(ellipse,black,transparent 80%)}.art-label{font-size:10px;letter-spacing:1.7px;color:#a99bc8;display:flex;align-items:center;gap:8px;position:absolute;top:80px}.network-art{width:350px;height:310px;position:relative;margin:0 auto 20px}.art-ring{position:absolute;border:1px solid #a48cd420;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%)}.ring1{width:170px;height:170px;background:radial-gradient(#8b67b414,transparent 65%)}.ring2{width:245px;height:245px;border-style:dashed;border-color:#a48cd422}.ring3{width:320px;height:320px;border-color:#a48cd40c}.art-core{position:absolute;left:calc(50% - 57px);top:calc(46% - 57px);width:114px;height:114px;filter:drop-shadow(0 15px 35px #9265ea50);transform:rotate(-8deg)}.art-core img{width:100%;height:100%}.art-node{position:absolute;display:flex;align-items:center;justify-content:center;width:47px;height:47px;border:1px solid #77659162;border-radius:13px;background:linear-gradient(135deg,#454058,#302a43);color:#c0aedb;box-shadow:0 6px 25px #0003}.art-node.n1{left:36px;top:20px;transform:rotate(-8deg)}.art-node.n2{right:26px;top:64px;transform:rotate(12deg);color:#94d8d8}.art-node.n3{left:27px;bottom:48px;transform:rotate(-10deg);color:#94d8d8}.art-node.n4{right:57px;bottom:12px;transform:rotate(9deg)}.art-pill{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;border:1px solid #6a5a813d;border-radius:8px;background:#252038;padding:11px 14px;color:#c2b5d5;display:flex;gap:8px;align-items:center;box-shadow:0 4px 15px #0002}.art-pill .live-dot{height:5px;width:5px}.auth-art h2{font-size:36px;line-height:1.5;letter-spacing:-1px;z-index:1;font-weight:600;margin-top:23px}.auth-art h2>span{background:linear-gradient(100deg,#b99ae8,#a2d4d6);background-clip:text;-webkit-background-clip:text;color:transparent}.auth-art>p{font-size:13px;line-height:1.9;color:#9388aa;margin-top:18px;z-index:1}.art-features{display:flex;gap:23px;margin-top:30px;font-size:10px;color:#9d91b4;z-index:1}.art-features>span{display:flex;gap:7px;align-items:center}.art-features svg{color:#9b8fc5}[data-theme=dark]{--bg:#121422;--surface:#1b1e30;--surface-soft:#171a2c;--text:#e1e2ef;--text-2:#a1a6c1;--muted:#707791;--line:#292e44;--primary:#9379ee;--primary-hover:#a58bf6;--primary-soft:#302a49;--sidebar:#101120;background:var(--bg);color:var(--text)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{border-color:#363a53}[data-theme=dark] .overview-banner{background:linear-gradient(105deg,#302744,#24283f);border-color:#3b3152}[data-theme=dark] .overview-banner h2{color:#e3d9f4}[data-theme=dark] .overview-banner p{color:#a197b7}[data-theme=dark] .overview-banner button{background:#ffffff08;border-color:#5f4e7d;color:#c8b4e7}[data-theme=dark] .banner-network>span,[data-theme=dark] .banner-tag{background:#3b3451;border-color:#524667}[data-theme=dark] .banner-ring{border-color:#5c487e55}[data-theme=dark] .purple{background:#352b4d;color:#b09be9}[data-theme=dark] .blue{background:#23354c;color:#87a9e7}[data-theme=dark] .teal{background:#203b3c;color:#74c5b8}[data-theme=dark] .orange{background:#3c342e;color:#d0ad76}[data-theme=dark] .badge.running,[data-theme=dark] .step-number.done,[data-theme=dark] .activity-icon.success,[data-theme=dark] .port-icon.connected{background:#203c37;color:#6ac3a5}[data-theme=dark] .badge.stopped{background:#2a2e40;color:#8790ad}[data-theme=dark] .badge.error{background:#3d332c;color:#d0ad76}[data-theme=dark] .empty-orbit{background:radial-gradient(circle,#342d49,transparent);border-color:#4c4266}[data-theme=dark] .notice.info{background:#232d44;border-color:#303d58;color:#9caecc}[data-theme=dark] .notice.warning{background:#3b3328;border-color:#504532;color:#d3b378}[data-theme=dark] .notice.error{background:#3a2633;border-color:#533545;color:#d99ba9}[data-theme=dark] .settings-nav button.active{background:#302944}[data-theme=dark] .avatar,[data-theme=dark] .top-avatar{background:#3c3158;color:#cbb6f3}[data-theme=dark] .connection-box,[data-theme=dark] .new-token{border-color:#51436c}[data-theme=dark] .scope-options button.selected,[data-theme=dark] .source-picker>label.selected{border-color:#776294}[data-theme=dark] .file-upload{border-color:#6d568c}[data-theme=dark] .type-options button.selected{border-color:#76608f}@media(min-width:1700px){.main-area>main{padding-left:48px;padding-right:48px}.topbar{padding-left:48px;padding-right:48px}.overview-banner{min-height:205px}.stat-card{padding:21px 24px}.traffic-card .chart{height:165px}.quick-start .start-step{padding:17px 0}.dashboard-middle,.dashboard-bottom{grid-template-columns:1.75fr 1fr}}@media(max-width:1250px){.sidebar{width:215px;padding-left:12px;padding-right:12px}.sidebar .brand{padding-left:7px}.main-area{margin-left:215px;width:calc(100% - 215px)}.topbar{padding:0 25px}.main-area>main{padding:25px 25px 0}.page-title h1{font-size:25px}.page-title p{font-size:11px}.page-title{gap:12px}.overview-banner{padding:22px}.overview-banner h2{font-size:22px}.banner-network{width:230px}.banner-center{left:82px}.banner-ring{left:37px}.banner-network .bn1{left:13px}.banner-network .bn2{right:8px}.banner-network .bn3{right:10px}.banner-tag{left:0}.stat-card{padding:15px}.stat-card>strong{font-size:25px}.stat-card>div>span:first-child{font-size:10px}.stat-card .icon-tile{width:28px;height:28px}.stat-card .icon-tile svg{width:17px}.stats-grid{gap:12px}.dashboard-middle,.dashboard-bottom{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:16px}.card-head{padding:18px 18px 0}.card-head h3{font-size:13px}.source-tools{flex-wrap:wrap}.source-tool-right{margin-left:auto}.compact-stats{gap:18px}.compact-right{display:none!important}.theme-options{gap:12px}.provider-strip{gap:16px}.auth-left{padding-left:35px;padding-right:35px}.auth-art h2{font-size:32px}}@media(max-width:1050px){.sidebar{width:200px}.main-area{margin-left:200px;width:calc(100% - 200px)}.sidebar nav>button{font-size:12px;padding-left:12px;gap:9px}.sidebar .brand>span{font-size:14px}.sidebar .brand b{font-size:12px}.sidebar .brand img{width:36px;height:36px}.topbar{padding:0 22px}.main-area>main{padding:25px 22px 0}.title-actions>.btn.secondary{padding:9px}.title-actions>.btn.secondary>span{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card>strong{font-size:28px}.stat-card>div>span:first-child{font-size:12px}.dashboard-middle,.dashboard-bottom{grid-template-columns:1fr}.quick-start{display:grid;grid-template-columns:1fr 1fr 1fr}.quick-start .card-head{grid-column:1/-1;padding-bottom:8px}.quick-start .start-step{width:auto;margin:0;padding:15px;border-bottom:0;border-right:1px solid var(--line)}.quick-start .start-step:last-of-type{border-right:0}.quick-start .start-step>svg{display:none}.quick-start .private-note{grid-column:1/-1;margin-top:6px}.quick-start .start-step strong{font-size:11px}.quick-start .start-step small{font-size:10px}.quick-start .step-number{width:23px;height:23px;border-radius:6px}.source-grid,.help-layout{grid-template-columns:1fr}.help-side{grid-template-columns:repeat(3,1fr)}.help-side>.card{padding:18px}.help-side h3{font-size:12px}.settings-layout{grid-template-columns:160px minmax(0,1fr)}.banner-network{width:200px;transform:scale(.9);transform-origin:right center;margin-left:-10px}.banner-network .bn2{right:-7px}.banner-network .bn3{right:-5px}.banner-network .banner-center{left:72px}.banner-ring{left:27px}.overview-banner p{max-width:350px}.machine-card{gap:16px;padding:22px}.machine-visual{width:80px;height:85px}.machine-main h2{font-size:18px}.auth-art{padding-left:25px;padding-right:25px}.auth-form h1{font-size:27px}.network-art{transform:scale(.9)}.auth-art h2{font-size:28px}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:transform .2s;width:236px}.sidebar.visible{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;background:#10122570;z-index:24;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-area{width:100%;margin-left:0}.breadcrumb>.icon-btn{display:flex;margin-left:-6px}.topbar{height:63px;padding:0 20px}.main-area>main{padding:22px 20px 0}.page-title{margin-bottom:22px}.overview-banner{min-height:177px}.banner-network{width:230px;transform:scale(.9)}.sidebar .brand img{width:42px;height:42px}.sidebar .brand>span{font-size:16px}.sidebar .brand b{font-size:13px}.sidebar nav>button{font-size:13px;padding:12px 14px;gap:11px}.source-tool-right{margin-left:0;width:100%}.source-tool-right .search{max-width:none}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;gap:8px;overflow-x:auto}.settings-nav button{white-space:nowrap;font-size:11px;padding:10px}.settings-nav button>svg:last-child{display:none}.auth-page{flex-direction:column}.auth-left{width:100%;min-height:100dvh;padding:30px 30px 20px}.auth-left .brand{justify-content:center}.auth-form{max-width:390px}.auth-art{display:none}.theme-options{max-width:none}.source-tools>.segmented{width:100%;justify-content:space-between}.help-side{grid-template-columns:1fr}.help-side>.card{padding:22px}.help-side h3{font-size:14px}.workspace-footer{font-size:10px}.workspace-footer>span:last-child{display:none}.machine-card{flex-wrap:wrap}.machine-tags{gap:10px}.compact-right{display:none}.tip-card>.text-btn{display:none}}@media(max-width:560px){.main-area>main{padding:20px 14px 0}.topbar{padding:0 14px}.breadcrumb{gap:7px}.breadcrumb>span,.breadcrumb>svg{display:none}.topbar-actions{gap:4px}.topbar-actions>.icon-btn{width:26px}.top-divider{margin:0 3px}.machine-select{gap:5px}.machine-select select{max-width:110px;font-size:10px}.top-avatar{width:26px;height:26px}.page-title{align-items:flex-start;flex-direction:column;gap:16px}.page-title .eyebrow{font-size:7px;letter-spacing:1.1px}.page-title h1{font-size:25px}.page-title p{font-size:11px;max-width:340px}.title-actions{width:100%}.title-actions>.btn.primary{flex:1;font-size:12px}.title-actions>.btn.secondary>span{display:inline}.overview-banner{padding:20px;min-height:183px}.overview-banner h2{font-size:21px;max-width:240px;line-height:1.5}.overview-banner p{max-width:230px;position:relative;z-index:1;font-size:11px}.banner-network{position:absolute;right:-50px;opacity:.35;transform:scale(.7);width:200px;top:5px;transform-origin:center}.overview-banner>div:first-child{z-index:1}.banner-network .banner-tag{display:none}.stats-grid{gap:10px}.stat-card{padding:14px 13px}.stat-card>div>span:first-child{font-size:10px;max-width:100px;line-height:1.6}.stat-card .icon-tile{width:26px;height:26px;border-radius:7px}.stat-card .icon-tile>svg{width:15px}.stat-card>strong{font-size:24px;margin-top:12px}.stat-card>strong>small{font-size:11px;margin-left:3px}.stat-card>p{font-size:10px;margin-top:8px}.card-head{padding:18px 17px 0}.card-head p{font-size:10px}.card-head h3{font-size:13px}.traffic-summary{padding:20px 17px 10px;gap:15px}.traffic-summary>strong{font-size:24px}.traffic-summary>.chart-period{display:none}.traffic-summary>span{font-size:10px}.traffic-card .card-head>.pill{font-size:10px;padding:5px 6px}.quick-start{display:block}.quick-start .start-step{width:calc(100% - 36px);margin:0 18px;padding:15px 0;border-right:0;border-bottom:1px solid var(--line)}.quick-start .start-step strong{font-size:12px}.quick-start .start-step small{font-size:10px}.quick-start .private-note{margin:12px 15px 16px}.quick-start .start-step>svg{display:block}.quick-start .step-number{width:29px;height:29px}.compact-stats{font-size:10px;gap:14px;flex-wrap:wrap;margin-top:2px;margin-bottom:18px}.table-toolbar{padding:13px;gap:12px;flex-wrap:wrap}.table-toolbar .segmented{width:100%;justify-content:space-between}.table-toolbar .segmented>button{font-size:10px;padding:7px}.table-toolbar .search{max-width:none;width:100%;flex:auto}.table-footer{font-size:10px;padding:12px 14px;flex-wrap:wrap}.tip-card{padding:18px 5px;gap:11px;align-items:flex-start}.tip-card>svg{width:20px}.tip-card strong{font-size:11px}.tip-card p{font-size:10px}.source-tools .segmented>button{font-size:10px;padding:8px}.source-tools{gap:12px}.source-tool-right{gap:8px}.source-tool-right .btn{font-size:10px;padding:9px}.source-card-head{padding:19px 16px 0;gap:9px;flex-wrap:wrap}.source-card-head .provider.large{width:37px;height:37px}.source-card-head>div{min-width:150px}.source-card-head h3{font-size:13px}.source-details{padding:20px 16px;gap:18px}.source-card-footer{padding:11px 12px}.source-card-footer>span{font-size:10px}.provider-strip{gap:16px 20px}.provider-strip>span{width:100%;text-align:center;margin-bottom:3px}.notice{padding:13px;font-size:11px;gap:9px}.notice p{font-size:11px}.notice strong{font-size:12px}.notice>svg{width:18px}.machine-card{padding:20px;gap:14px}.machine-visual{width:57px;height:64px;border-radius:11px}.machine-visual>svg{width:32px}.machine-visual .live-dot{bottom:11px;right:12px}.machine-main{min-width:180px}.machine-main h2{font-size:17px}.machine-main p,.machine-tags{font-size:10px}.machine-card>.badge{margin-left:70px}.section-heading h2{font-size:15px}.log-list>div{padding:14px 15px;gap:9px;flex-wrap:wrap}.log-list strong{font-size:11px}.log-list time{margin-left:auto;font-size:10px}.log-list .activity-icon{width:26px;height:26px}.theme-options{padding:0 16px 22px;gap:10px}.theme-preview{height:90px}.theme-options>button{padding:6px}.theme-options>button>strong{font-size:10px;flex-wrap:wrap;line-height:1.5;gap:5px}.theme-options>button>strong svg{width:14px}.settings-info{margin:0 17px 22px}.settings-form{padding:0 17px 20px}.settings-content .card-head{padding:19px 17px}.inline-form{padding:0 17px;flex-wrap:wrap}.inline-form>.btn{width:100%}.tokens{padding:12px 17px}.api-example{margin:0 17px 20px;padding:13px}.new-token{margin:17px}.users-list{padding:0 17px}.help-hero{padding:24px 20px}.help-hero h2{font-size:20px;line-height:1.5}.help-step{padding:22px 20px;gap:14px}.help-step p{font-size:11px}.help-code{padding:15px}.empty-state{padding:30px 20px}.empty-state h3{font-size:14px;line-height:1.6}.empty-state p{font-size:11px}.empty-actions{flex-wrap:wrap}.modal-overlay{padding:12px;align-items:center}.modal{max-height:calc(100dvh - 24px);border-radius:13px}.modal-title{padding:23px 21px 18px}.modal-title h2{font-size:19px}.modal-title p{font-size:11px}.modal-body{padding:21px}.modal-footer{padding:15px 20px;gap:8px;border-radius:0 0 13px 13px}.modal-footer .btn{font-size:11px;padding:9px 11px}.type-options{gap:6px}.type-options button{flex-direction:column;font-size:10px;padding:11px 5px;gap:7px}.field{font-size:11px}.field input,.field select,.field textarea{font-size:12px}.form-grid{gap:12px}.form-grid.host-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.wizard-header{padding:22px 21px;gap:11px}.wizard-header h2{font-size:18px;margin-right:24px}.wizard-header p{font-size:10px}.wizard-header>.icon-tile{width:35px;height:35px;border-radius:10px}.wizard-steps{padding:15px 20px;gap:9px}.wizard-steps strong{font-size:10px}.wizard-steps>div>span{height:20px;width:20px;font-size:10px}.wizard-steps>div{gap:6px}.wizard-steps>div>div{margin-left:1px}.wizard-body{max-height:calc(100dvh - 240px)}.wizard-body>h3{font-size:14px}.form-intro{font-size:11px}.source-picker>label{padding:12px 10px;gap:9px}.source-picker>label>.small-status{display:none}.scope-options{gap:10px}.scope-options button{padding:12px 9px;gap:6px}.scope-options strong{font-size:11px}.scope-options small{font-size:10px}.scope-options svg{width:18px}.review-grid{gap:19px 12px;padding:16px}.review-grid strong{font-size:11px}.review-success h3{font-size:17px}.step-counter{font-size:10px;margin-left:0}.toast{bottom:16px;font-size:12px;padding:12px;max-width:calc(100vw - 24px)}.toast button{margin-left:3px}.connection-box code{font-size:12px}.auth-left{padding:30px 25px 20px}.auth-form h1{font-size:28px}.auth-form>p{font-size:12px}.auth-left footer{font-size:10px}.auth-form{padding:45px 0}.bulk-toolbar{padding:10px 12px;gap:6px;flex-wrap:wrap}.bulk-toolbar>strong{width:100%;margin-bottom:3px}}@media(max-width:560px){.topbar .breadcrumb{min-width:0;flex:1;gap:5px}.breadcrumb strong{min-width:0;max-width:100%;font-size:10px}.topbar-actions{flex-shrink:0;gap:2px}.topbar-actions .machine-select select{max-width:94px}.topbar-actions .icon-btn[aria-label="Nhật ký mới nhất"]{display:none}.topbar-actions .top-divider{margin:0 2px}}.google-button{border:1px solid var(--line);background:var(--surface);color:var(--text);gap:12px;min-height:46px;text-decoration:none;margin-bottom:18px}.google-button:hover{border-color:#b5a6e3;background:var(--surface-soft)}.google-mark{font:700 21px Arial;background:conic-gradient(#4285f4 0deg 90deg,#34a853 90deg 170deg,#fbbc05 170deg 235deg,#ea4335 235deg 295deg,#4285f4 295deg);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;margin:0 0 24px}.auth-divider>span{height:1px;background:var(--line);flex:1}.profile>div:nth-child(2){min-width:0}.profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:11px;padding:7px;max-width:110px}.users-list>div{flex-wrap:wrap}.users-list>div>strong{min-width:70px;overflow-wrap:anywhere}.sidebar{height:100dvh;overflow:hidden}.sidebar>.brand,.sidebar>.workspace-label{flex-shrink:0}.sidebar>nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;align-content:start;scrollbar-width:thin}.sidebar-bottom{flex-shrink:0;padding-top:clamp(10px,3dvh,28px)}.profile>.avatar,.profile>.icon-btn,.agent-mini-icon,.agent-mini>.live-dot,.agent-mini>.offline-dot{flex-shrink:0}.profile>div:nth-child(2){flex:1;min-width:0}.agent-mini>div:nth-child(2){flex:1;min-width:0}.agent-mini small{overflow-wrap:anywhere}@media(max-height:600px){.sidebar{padding-top:16px}.sidebar-bottom{padding-top:10px}.agent-mini{margin-bottom:10px}.profile{margin-top:10px;padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}