:root{--blue:#2563eb;--blue-dark:#1554d7;--blue-light:#e9f1ff;--text:#17233c;--muted:#8490a8;--soft:#64748b;--border:#e7ecf3;--bg:#f7f9fd;--shadow:0 5px 22px #192f5c09;--green:#16a26a;--red:#ed4654;--radius:13px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:1px;outline:3px solid #abcaff}button{color:inherit}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}svg{flex-shrink:0;display:block}.mobile-only{display:none!important}.desktop-only{display:block!important}.brand{white-space:nowrap;align-items:center;gap:11px;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(155deg,#3978ff,#1356e7);border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 5px 12px #2467ef30}.brand-name{letter-spacing:.4px;color:#142039;font-size:18px;font-weight:800}.brand-compact .brand-mark{width:31px;height:31px}.brand-compact .brand-name{font-size:16px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 16px;font-size:13px;font-weight:650;transition:background .17s,box-shadow .17s,transform .12s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 3px 9px #2563eb1f}.btn-primary:hover:not(:disabled){background:#1558e6;box-shadow:0 5px 11px #2563eb25}.btn-outline{color:#455575;background:#fff;border-color:#dce5f3}.btn-outline:hover:not(:disabled){background:#f9fbff;border-color:#a9bfe0}.btn-ghost{color:#53637d;background:0 0}.btn-ghost:hover:not(:disabled){background:#f2f6fc}.btn-soft{color:#225dde;background:#eef4ff}.btn-danger{color:#fff;background:#e94756}.btn-danger:hover:not(:disabled){background:#d82d43}.btn:disabled{opacity:.46;box-shadow:none;transform:none}.icon-btn{color:#8390a8;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:inline-grid}.icon-btn:hover{color:var(--blue);background:#edf3ff}.badge{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:4px 7px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.badge-neutral{color:#5e6b81;background:#f2f5fa;border:1px solid #e7ebf1}.badge-green{color:#0e9965;background:#e0faed}.badge-blue{color:#2861cc;background:#e6efff}.badge-red{color:#e83a4f;background:#ffe6e9}.badge-orange{color:#bd7908;background:#fff3df}.badge-purple{color:#7759c4;background:#f0eaff}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.field{flex-direction:column;gap:9px;min-width:0;display:flex}.field-label{color:#34415b;font-size:12px;font-weight:720}.required{color:#ed4654}.field-hint{color:#91a0b8;font-size:11px;line-height:1.5}.field input,.field select,.field textarea{color:#263755;background:#fff;border:1px solid #dce5f0;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;height:auto;min-height:80px;padding:11px 12px}.field input:hover,.field select:hover,.field textarea:hover{border-color:#bdcce1}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4282ff;box-shadow:0 0 0 3px #deeaff}.field input::placeholder,.field textarea::placeholder{color:#abb8cb}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23798aa5' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.count-pill{color:#6682a8;background:#edf3fc;border-radius:14px;justify-content:center;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.inline-alert{border-radius:8px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:12px;line-height:1.6;display:flex}.inline-alert svg{margin-top:1px}.inline-alert.red{color:#b9374b;background:#fff0f1;border:1px solid #ffdde1}.inline-alert.green{color:#14764e;background:#ecfbf4;border:1px solid #d4f5e4}.inline-alert.amber{color:#a16d20;background:#fffaef;border:1px solid #ffedcb}.subdued{color:#8794ac}.muted-dot{color:#a4b0c2;padding:0 7px}.auth-root{background:radial-gradient(at 10% 80%,#dcecff 0,#0000 46%),linear-gradient(130deg,#f3f8ff 0,#f9fbff 58%,#f4f8ff 100%);place-items:center;min-height:100dvh;padding:28px;display:grid;position:relative;overflow:hidden}.auth-decoration{pointer-events:none;border-radius:50%;position:absolute}.auth-deco-a{background:#d7e9ff55;width:540px;height:540px;bottom:-270px;left:-240px}.auth-deco-b{border:100px solid #e6f1ffbb;width:460px;height:460px;top:-250px;right:-240px}.auth-layout{background:#fff;border:1px solid #e8f0fb;border-radius:22px;grid-template-columns:1fr 1fr;width:min(1060px,100%);min-height:650px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 80px #183b7317}.auth-story{background:linear-gradient(152deg,#eef5ff 0,#e5f0ff 100%);position:relative;overflow:hidden}.auth-story:after{content:"";background:#d4e6ff88;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-200px;left:-110px}.auth-story-inner{z-index:1;flex-direction:column;height:100%;min-height:650px;padding:42px 50px;display:flex;position:relative}.auth-story-copy{margin-top:63px}.story-label{color:#2864d8;background:#ffffffaf;border:1px solid #dbeaff;border-radius:25px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:650;display:inline-flex}.auth-story-copy h1{letter-spacing:-1px;color:#172a54;margin:24px 0 17px;font-size:44px;line-height:1.26}.auth-story-copy h1 span{color:var(--blue)}.auth-story-copy p{color:#7085a8;font-size:14px;line-height:2.1}.auth-preview{background:#fff;border:1px solid #e6ecf8;border-radius:12px;margin-top:36px;padding:17px;transform:rotate(-1deg);box-shadow:0 18px 35px #5c89c620}.preview-top,.preview-heading,.preview-plan,.preview-legend{justify-content:space-between;align-items:center;display:flex}.preview-top{color:#97a6bd;border-bottom:1px solid #eef2f8;gap:12px;padding-bottom:14px;font-size:11px}.preview-top>span{margin-left:auto}.fake-dots{gap:5px;display:flex}.fake-dots i{background:#d8e4f8;border-radius:50%;width:7px;height:7px}.fake-dots i:first-child{background:#ffbec3}.fake-dots i:nth-child(2){background:#ffe1b2}.preview-heading{justify-content:flex-start;gap:8px;margin:17px 0 13px;font-size:13px;font-weight:750}.preview-heading svg{color:var(--blue)}.preview-heading span{color:#9ba9bf;margin-left:auto;font-size:11px;font-weight:500}.preview-plan{margin-bottom:11px;font-size:12px;font-weight:750}.preview-plan small{color:#7084a3;font-size:11px;font-weight:550}.preview-port-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.preview-port-row span{text-align:center;color:#7188b2;background:#edf3fc;border-radius:6px;padding:9px 0;font-size:9px}.preview-port-row span.taken{color:#ed4d61;background:#ffe5ea}.preview-legend{color:#8b9bb3;justify-content:flex-start;gap:13px;margin-top:14px;font-size:10px}.preview-legend span,.port-legend span{align-items:center;gap:6px;display:inline-flex}.preview-legend strong{color:#16976b;margin-left:auto;font-size:10px}.legend-used,.legend-free,.legend-selected{background:#fb8d9a;border-radius:3px;width:8px;height:8px;display:inline-block}.legend-free{background:#b9cff2}.legend-selected{background:#fff;border:2px solid #2563eb}.story-footer{color:#91a8ca;letter-spacing:2px;margin-top:auto;font-size:11px}.auth-form-side{place-items:center;padding:36px;display:grid}.auth-card{width:min(365px,100%)}.auth-mobile-brand{display:none}.auth-card-head .auth-eyebrow{color:#2b69e9;letter-spacing:1.35px;margin-bottom:13px;font-size:10px;font-weight:800;display:block}.auth-card-head h2{letter-spacing:-.5px;margin-bottom:10px;font-size:27px}.auth-card-head p{color:#92a0b5;font-size:12px}.auth-tabs{border-bottom:1px solid #e7edf6;align-items:center;gap:0;margin:35px 0 26px;display:flex}.auth-tabs button{color:#93a0b5;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:0 0 13px;font-size:14px}.auth-tabs button.active{color:#225de3;border-color:#2563eb;font-weight:760}.auth-fields{flex-direction:column;gap:18px;display:flex}.input-icon{color:#8395b1;border:1px solid #dce5f0;border-radius:8px;align-items:center;gap:10px;height:44px;padding-left:12px;transition:border .2s;display:flex}.input-icon:focus-within{border-color:#4282ff;box-shadow:0 0 0 3px #deeaff}.input-icon input{background:0 0;min-width:0;height:41px;padding:0 10px 0 0;box-shadow:none!important;border:0!important}.input-eye{color:#8b99af;background:0 0;border:0;margin:0 8px 0 0}.auth-submit{width:100%;height:45px;margin-top:7px;font-size:14px}.auth-tip{color:#6880a3;background:#f4f7fd;border-radius:8px;align-items:flex-start;gap:8px;margin-top:23px;padding:12px;font-size:11px;display:flex}.auth-tip svg{flex:none}.auth-demo-caption{color:#a4b2c5;text-align:center;margin-top:18px;font-size:10px}.app-shell{min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:40;background:#fff;flex-direction:column;flex:0 0 238px;width:238px;height:100dvh;min-height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #f0f3f8;justify-content:space-between;align-items:center;height:75px;padding:0 23px;display:flex}.nav-section-label{color:#aab4c6;letter-spacing:1.1px;padding:30px 27px 12px;font-size:10px;font-weight:750}.side-nav{flex-direction:column;gap:7px;padding:0 13px;display:flex}.nav-item{color:#586782;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;width:100%;height:44px;padding:0 12px;font-size:13px;font-weight:630;display:flex;position:relative}.nav-item:hover{background:#f6f9ff}.nav-item.active{color:#2360de;background:#eaf2ff}.nav-icon{place-items:center;width:21px;display:grid}.nav-active-indicator{background:#2467f4;border-radius:4px 0 0 4px;width:4px;height:17px;position:absolute;right:0}.sidebar-bottom{margin-top:auto;padding:18px 13px}.coming-soon{text-align:left;background:linear-gradient(120deg,#f0f5ff,#f6f9ff);border-radius:12px;padding:18px 13px}.coming-icon{color:#3170e5;background:#fff;border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:13px;display:grid}.coming-soon strong{font-size:11px}.coming-soon p{color:#9cabc2;margin-top:7px;font-size:11px;line-height:1.7}.sidebar-caption{color:#b1bdce;text-align:center;margin-top:21px;font-size:10px}.sidebar-caption span{padding:0 3px}.content-column{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:#fff;flex:0 0 75px;justify-content:space-between;align-items:center;height:75px;padding:0 clamp(26px,3.5vw,55px);display:flex}.topbar-left,.topbar-right,.header-breadcrumb{align-items:center;display:flex}.header-breadcrumb{color:#a1aec0;gap:12px;font-size:12px}.header-breadcrumb strong{color:#334461;font-weight:650}.topbar-right{gap:24px}.header-demo{color:#6781ac;background:#f2f6fd;border-radius:25px;align-items:center;gap:7px;padding:6px 9px;font-size:11px;font-weight:630;display:inline-flex}.header-demo span{background:#5694f4;border-radius:50%;width:6px;height:6px}.profile-wrapper{position:relative}.profile{color:#5a6b86;background:0 0;border:0;align-items:center;gap:10px;font-size:12px;display:flex}.avatar{color:#6680a6;background:#e8f0fb;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.profile-menu{border:1px solid var(--border);z-index:70;background:#fff;border-radius:11px;width:218px;padding:7px;position:absolute;top:45px;right:0;box-shadow:0 12px 32px #182b471f}.profile-menu-title{word-break:break-all;border-bottom:1px solid #eef1f6;padding:12px 10px;font-size:12px;font-weight:700}.profile-menu-title small{color:#a1aec0;margin-top:6px;font-size:11px;font-weight:450;display:block}.profile-menu button{color:#54637f;text-align:left;background:#fff;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:12px 10px;font-size:12px;display:flex}.profile-menu button:hover{background:#f5f8fe}.main-content{flex:1;width:100%;max-width:1530px;margin:0 auto;padding:34px clamp(24px,3.5vw,55px) 55px}.bottom-note{color:#b9c3d1;text-align:center;margin-top:42px;font-size:11px}.bottom-note span{margin-left:12px}.global-notice{border:1px solid;border-radius:9px;align-items:center;gap:9px;margin-bottom:18px;padding:11px 14px;font-size:12px;font-weight:600;display:flex}.global-notice .icon-btn{width:23px;height:23px;margin-left:auto}.notice-success{color:#167d55;background:#edfbf5;border-color:#d2f0e0}.notice-error{color:#ba3349;background:#fff0f2;border-color:#ffdde3}.notice-info{color:#3867a5;background:#eff6ff;border-color:#d4e5ff}.page-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:25px;display:flex}.page-heading .eyebrow{color:#6594e8;letter-spacing:1.45px;margin-bottom:10px;font-size:10px;font-weight:800}.page-heading h1{letter-spacing:-.5px;margin:0 0 9px;font-size:26px;font-weight:780;line-height:1.25}.page-heading p{color:#8e9aaf;font-size:12px;line-height:1.6}.page-heading>.btn,.heading-actions>.btn{min-height:39px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.stat-card{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:11px;align-items:center;gap:15px;padding:20px 18px;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;place-items:center;width:45px;height:45px;display:grid}.stat-blue{color:#2769ee;background:#edf4ff}.stat-purple{color:#8b64db;background:#f3edff}.stat-green{color:#16a36d;background:#e9fbf3}.stat-orange{color:#e29a2c;background:#fff5e8}.stat-card>div:last-child{flex-direction:column;gap:7px;min-width:0;display:flex}.stat-card span{color:#8291aa;white-space:nowrap;font-size:11px}.stat-card strong{letter-spacing:-.5px;font-size:24px;line-height:1}.stat-card strong small{color:#93a2b7;margin-left:2px;font-size:11px;font-weight:500}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:12px;overflow:hidden}.panel-toolbar{justify-content:space-between;align-items:center;gap:15px;min-height:73px;padding:14px 19px;display:flex}.panel-toolbar-title{white-space:nowrap;align-items:center;gap:10px;display:flex}.panel-toolbar h2,.port-grid-header h2{font-size:15px;font-weight:760}.toolbar-actions{align-items:center;gap:10px;min-width:0;display:flex}.search-field,.select-holder{color:#92a2ba;white-space:nowrap;background:#fff;border:1px solid #e0e7f1;border-radius:8px;align-items:center;gap:9px;height:36px;padding:0 11px;display:flex}.search-field{width:250px}.search-field input{color:#374762;border:0;outline:0;flex:1;width:100%;min-width:0;font-size:12px}.search-field input::placeholder{color:#a6b4c9}.search-field button{color:#99a9bf;background:0 0;border:0;padding:0}.select-holder select{appearance:none;color:#64748f;cursor:pointer;background:0 0;border:0;outline:0;min-width:100px;font-size:11px}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:790px}.data-table th{color:#8493ac;white-space:nowrap;background:#f9fbfe;border-top:1px solid #eef1f6;border-bottom:1px solid #eef1f6;padding:15px 16px;font-size:11px;font-weight:700}.data-table td{vertical-align:middle;color:#51627d;border-bottom:1px solid #eff2f8;padding:16px;font-size:12px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdff}.row-title-button{color:#26334e;text-align:left;white-space:nowrap;background:0 0;border:0;padding:0;font-size:12px;font-weight:760}.row-title-button:hover{color:var(--blue)}.row-secondary{color:#a0adbf;white-space:nowrap;margin-top:6px;font-size:10px;display:block}.server-cell strong{color:#465b7d;white-space:nowrap;font-weight:620}.server-cell small{color:#9baabf;white-space:nowrap;margin-top:5px;font-size:10px;display:block}.code-path{color:#64738f;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:180px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;display:inline-block;overflow:hidden}.cell-right{text-align:right!important;padding-right:20px!important}.row-actions{justify-content:flex-end;align-items:center;gap:2px;display:flex}.row-actions .icon-btn{width:30px;height:30px}.row-actions .icon-btn:last-child:hover{color:#f04961;background:#fff1f2}.port-tag{color:#265dda;background:#eef3ff;border:0;border-radius:7px;min-width:46px;padding:7px 9px;font-size:11px;font-weight:760;line-height:1}.port-tag.used{color:#2361de;background:#e8efff}.port-tag:hover,.port-chip:hover{outline-offset:1px;outline:2px solid #7cacff}.plan-link{color:#359571;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font-size:10px;font-weight:670;display:flex}.plan-link:hover{color:#116c4e}.panel-footer{color:#a4b0c2;border-top:1px solid #f0f3f8;padding:16px 20px;font-size:11px}.panel-footer span{margin:0 5px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:55px 20px;display:flex}.empty-icon{color:#7a9fdf;background:#eff5ff;border-radius:15px;place-items:center;width:50px;height:50px;margin-bottom:15px;display:grid}.empty-state strong{font-size:15px}.empty-state p{color:#95a2b5;margin-top:8px;margin-bottom:18px;font-size:12px}.mobile-card-list{display:none!important}.plan-overview-banner{background:linear-gradient(100deg,#edf5ff,#f7faff);border:1px solid #dce9ff;border-radius:10px;align-items:center;gap:14px;margin-bottom:23px;padding:16px 19px;display:flex}.banner-icon{color:#286be8;background:#fff;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.plan-overview-banner>span:nth-child(2){flex-direction:column;gap:5px;display:flex}.plan-overview-banner strong{color:#325d9b;font-size:12px;font-weight:730}.plan-overview-banner small{color:#7c9ac3;font-size:11px}.plan-overview-banner>button{white-space:nowrap;color:#2a69dd;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;font-size:11px;font-weight:720;display:flex}.server-group{border-top:1px solid #edf1f8}.server-group-heading{color:#9facbf;background:#fcfdff;justify-content:space-between;align-items:center;padding:17px 19px;font-size:11px;display:flex}.server-group-heading>div{align-items:center;gap:11px;display:flex}.server-group-heading strong{color:#3b4b65;font-size:13px}.server-icon{color:#3878e4;background:#edf4ff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.plan-table{min-width:760px}.plan-table td{padding:19px 16px}.table-th-help{color:#b1bdcd;font-weight:400}.range-button{color:#354e76;white-space:nowrap;background:0 0;border:0;padding:0;font-size:12px;font-weight:780}.range-button:hover{color:#2361de}.port-preview{align-items:center;gap:4px;display:flex}.port-chip{border:0;border-radius:5px;place-items:center;min-width:36px;padding:7px 5px;font-size:10px;line-height:1;transition:background .15s;display:grid}.port-chip.taken{color:#ed475d;background:#ffe5e9;font-weight:740}.port-chip.free{color:#7188ae;background:#edf3fc}.port-preview-more{color:#899bc0;letter-spacing:2px;background:#edf3fc;border:0;border-radius:5px;min-width:22px;padding:6px 1px;font-weight:800}.usage-cell{white-space:nowrap;align-items:center;gap:14px;font-size:12px;display:flex}.use-count{color:#ef5869;font-weight:760}.free-count{color:#159b6a;font-weight:760}.usage-cell small{color:#99a4b7;font-size:10px;font-weight:500}.progress{background:#edf2f8;border-radius:8px;width:123px;height:5px;margin-top:9px;overflow:hidden}.progress span{background:#f08b9b;border-radius:8px;max-width:100%;height:100%;display:block}.server-group:last-of-type .data-table tbody tr:last-child td{border-bottom:0}.detail-back{margin-bottom:18px}.detail-back button{color:#7a8ca7;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:12px;display:flex}.detail-back button:hover{color:var(--blue)}.plan-detail-title{margin-bottom:22px}.plan-detail-title p{align-items:center;gap:6px;display:flex}.heading-actions{gap:9px;display:flex}.detail-stats{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:12px;grid-template-columns:repeat(4,1fr);margin-bottom:23px;display:grid}.detail-stats>div{border-right:1px solid #edf1f8;flex-direction:column;gap:9px;min-width:0;padding:24px 26px;display:flex}.detail-stats>div:last-child{border-right:0}.detail-stats span{color:#90a0b7;font-size:11px}.detail-stats strong{letter-spacing:-.5px;font-size:25px}.detail-stats .red-number{color:#eb5266}.detail-stats .green-number{color:#16a16c}.detail-stats .utilization .progress{width:100%;margin:2px 0 0}.port-grid-panel{padding:0 24px 24px}.port-grid-header{justify-content:space-between;align-items:center;gap:15px;padding:23px 0;display:flex}.port-grid-header p{color:#9baac1;margin-top:8px;font-size:11px}.port-legend{color:#8595ad;white-space:nowrap;align-items:center;gap:19px;font-size:10px;display:flex}.range-caption{color:#8594ab;border-top:1px solid #edf1f8;justify-content:space-between;padding:15px 1px;font-size:11px;display:flex}.range-caption span:first-child{color:#40536f;font-weight:750}.port-number-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;display:grid}.port-number{border:1px solid #0000;border-radius:8px;height:48px;font-size:12px;font-weight:650}.port-number.free{color:#7190bf;background:#f0f5fd}.port-number.occupied{color:#ed4860;background:#ffe6ea}.port-number:hover{border-color:#5a91ff;transform:translateY(-1px);box-shadow:0 3px 8px #2b69d524}.port-number.selected{box-shadow:0 0 0 3px #deebff;border:2px solid #286ef3!important}.page-switcher{color:#8998ae;justify-content:center;align-items:center;gap:22px;padding-top:25px;font-size:12px;display:flex}.detail-tip{color:#8da1bd;align-items:flex-start;gap:7px;margin-top:17px;font-size:11px;line-height:1.7;display:flex}.detail-tip svg{color:#6b9ae5;flex:none;margin-top:1px}.drawer-backdrop{z-index:85;background:#17274660;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(457px,100vw);min-width:0;height:100dvh;animation:.18s ease-out slideIn;display:flex;box-shadow:-12px 0 42px #192c4826}@keyframes slideIn{0%{opacity:.75;transform:translate(25px)}to{opacity:1;transform:translate(0)}}.drawer-content{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.drawer-header{border-bottom:1px solid #edf1f7;flex:none;justify-content:space-between;align-items:center;min-height:87px;padding:24px 25px 18px;display:flex}.drawer-header>div>span{color:#6190df;letter-spacing:1.2px;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.drawer-header h2{font-size:19px;font-weight:760}.drawer-header .icon-btn{margin-top:-8px}.drawer-section{scrollbar-width:thin;flex:1;min-height:0;padding:23px 25px 28px;overflow-y:auto}.form-intro{color:#6681aa;background:#f2f7ff;border-radius:9px;align-items:center;gap:10px;margin-bottom:25px;padding:13px 12px;font-size:11px;line-height:1.8;display:flex}.form-intro-icon{color:#3475ea;background:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.form-fields{flex-direction:column;gap:21px;display:flex}.form-fields .field{gap:9px}.field-add-link{color:#3572db;background:0 0;border:0;align-self:flex-start;align-items:center;gap:2px;padding:1px 0;font-size:11px;font-weight:650;display:flex}.port-input-wrapper{color:#99a9c1;border:1px solid #dce5f0;border-radius:8px;align-items:center;height:42px;padding-left:11px;display:flex}.port-input-wrapper:focus-within{border-color:#4282ff;box-shadow:0 0 0 3px #deeaff}.port-input-wrapper.has-conflict{border-color:#ff9aa8}.port-input-wrapper input{min-width:0;height:39px;box-shadow:none!important;border:0!important}.conflict-warning{color:#d74356;background:#fff0f2;border:1px solid #ffd9df;border-radius:9px;align-items:flex-start;gap:10px;padding:13px 12px;display:flex}.conflict-warning svg{flex:none}.conflict-warning strong{font-size:12px}.conflict-warning p{margin-top:7px;font-size:11px;line-height:1.7}.range-inputs{align-items:center;gap:9px;display:flex}.range-inputs>span{color:#8290a9}.range-inputs input{flex:1;min-width:0}.drawer-bottom{background:#fff;border-top:1px solid #edf1f8;flex:none;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.drawer-bottom .btn{min-width:91px;min-height:39px}.drawer-bottom .btn-primary{min-width:128px}.detail-hero{background:#f6f9ff;border:1px solid #e9f0fd;border-radius:11px;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:22px;padding:19px;display:flex}.detail-logo,.assoc-icon{color:#fff;background:linear-gradient(140deg,#4b92ff,#2364e6);border-radius:10px;place-items:center;width:47px;height:47px;margin-right:5px;display:grid}.detail-hero h3{margin-right:auto;font-size:17px}.detail-dl{border:1px solid #eef1f7;border-radius:10px;overflow:hidden}.detail-row{border-bottom:1px solid #eff2f8;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:12px;padding:14px 12px;font-size:12px;display:grid}.detail-row:last-child{border-bottom:0}.detail-label{color:#8a9ab2;font-size:11px}.detail-value{color:#34465f;overflow-wrap:anywhere;min-width:0;line-height:1.5}.detail-value strong{font-weight:720}.detail-muted{color:#9cabbe;margin-top:4px;font-size:10px;display:block}.detail-value code,.break-path{font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.path-copy{justify-content:space-between;align-items:center;gap:8px;display:flex}.path-copy code{overflow-wrap:anywhere}.path-copy .icon-btn{width:25px;height:25px}.text-link{color:var(--blue);text-align:left;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;font-weight:630;display:inline-flex}.port-detail-hero{background:#fff6f7;border:1px solid #ffe0e5;border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:22px 19px;display:flex}.port-detail-hero.available{background:#f1fcf7;border-color:#d8f4e6}.port-detail-hero>div{flex-direction:column;gap:9px;display:flex}.port-detail-hero>div span{color:#8899b1;font-size:11px}.port-detail-hero strong{letter-spacing:-1px;color:#ed4559;font-size:34px}.port-detail-hero.available strong{color:#12a36d}.port-metadata{border:1px solid #edf1f8;border-radius:10px;margin-bottom:27px;overflow:hidden}.drawer-subtitle{margin-bottom:13px;font-size:13px}.associated-deployment{border:1px solid #e6ecf4;border-radius:11px;overflow:hidden}.assoc-head{border-bottom:1px solid #edf1f8;align-items:center;gap:9px;padding:14px;display:flex}.assoc-head>div{margin-right:auto}.assoc-icon{width:41px;height:41px;margin:0}.assoc-head h3{margin-bottom:6px;font-size:13px}.associated-deployment .detail-row{padding:12px 14px}.available-hint{text-align:center;padding:22px 10px}.available-big-icon{color:#1aaa73;background:#e5faee;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 16px;display:grid}.available-hint h3{margin-bottom:10px;font-size:15px}.available-hint p{color:#8798b1;max-width:290px;margin:0 auto;font-size:12px;line-height:1.9}.settings-panel{max-width:690px}.settings-head{border-bottom:1px solid #edf1f7;align-items:center;gap:14px;padding:27px;display:flex}.avatar-large{color:#286ce9;background:#eaf2ff;border-radius:14px;width:55px;height:55px}.settings-head>div{margin-right:auto}.settings-head h2{margin-bottom:7px;font-size:16px}.settings-head p{color:#93a2b9;font-size:12px}.settings-section{border-bottom:1px solid #edf1f7;padding:28px}.settings-section:last-child{border:0}.settings-section h3{align-items:center;gap:9px;font-size:14px;display:flex}.settings-section h3 svg{color:#4279da}.settings-section>p{color:#97a4b7;margin-top:10px;font-size:11px}.settings-fields{flex-direction:column;gap:18px;max-width:340px;margin-top:25px;display:flex}.settings-fields>.btn{align-self:flex-start;margin-top:4px}.logout-section .btn{margin-top:21px}.modal-backdrop{z-index:110;background:#15244082;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm-modal{text-align:center;background:#fff;border-radius:14px;width:min(390px,100%);padding:27px;box-shadow:0 18px 60px #091f3926}.confirm-icon{color:#e94c60;background:#fff0f1;border-radius:14px;place-items:center;width:46px;height:46px;margin:0 auto 15px;display:grid}.confirm-modal h3{font-size:17px}.confirm-modal p{color:#7c8ba2;margin-top:12px;font-size:12px;line-height:1.85}.confirm-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}.confirm-actions .btn{flex:1}@media (max-width:1200px){.main-content{padding:30px 26px 40px}.topbar{padding:0 27px}.stats-grid{gap:10px}.stat-card{gap:10px;padding:17px 12px}.stat-icon{width:39px;height:39px}.stat-card strong{font-size:22px}.data-table th,.data-table td{padding-left:12px;padding-right:12px}.port-preview .port-chip{min-width:31px;padding:7px 3px}.usage-cell{gap:8px}.sidebar{flex-basis:215px;width:215px}}@media (max-width:900px){.sidebar{flex-basis:192px;width:192px}.sidebar-brand{padding:0 15px}.brand-name{font-size:16px}.side-nav{padding:0 8px}.nav-item{font-size:12px}.main-content{padding:27px 21px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-story-inner{padding:35px}.auth-story-copy h1{font-size:36px}.auth-form-side{padding:24px}.toolbar-actions .search-field{width:195px}.port-number-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-width:700px){.desktop-only{display:none!important}.mobile-only{display:block!important}.app-shell{min-width:320px}.sidebar{z-index:99;flex-basis:auto;width:270px;max-width:85vw;height:100dvh;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:10px 0 22px #18395d14}.sidebar.sidebar-open{transform:translate(0)}.nav-scrim{z-index:98;background:#111f3459;position:fixed;inset:0}.sidebar-brand{height:63px;padding:0 17px}.nav-section-label{padding-top:23px}.content-column{width:100%;min-width:0}.topbar{flex-basis:61px;height:61px;padding:0 16px}.topbar-left{gap:8px}.topbar-mobile-logo .brand-name{font-size:16px}.topbar .icon-btn{display:grid!important}.header-demo,.profile-email{display:none}.profile{gap:5px;padding:0}.profile .avatar{width:31px;height:31px}.topbar-right{gap:0}.main-content{padding:23px 15px 35px}.page-heading{align-items:flex-start;margin-bottom:19px}.page-heading .eyebrow{letter-spacing:1.05px;margin-bottom:8px;font-size:9px}.page-heading h1{margin-bottom:8px;font-size:22px}.page-heading p{max-width:230px;font-size:11px;line-height:1.6}.page-heading>.btn{min-height:36px;margin-top:15px;padding:0 11px;font-size:11px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:17px}.stat-card{gap:10px;min-height:79px;padding:12px}.stat-icon{border-radius:9px;width:36px;height:36px}.stat-card span{font-size:10px}.stat-card strong{font-size:19px}.stat-card strong small{font-size:10px}.panel-toolbar{flex-direction:column;align-items:stretch;gap:13px;padding:16px 13px 12px}.panel-toolbar h2{font-size:14px}.toolbar-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;display:grid}.toolbar-actions .search-field{width:100%}.select-holder{padding:0 8px}.select-holder select{min-width:70px;max-width:97px}.search-field,.select-holder{height:38px}.search-field input{font-size:11px}.mobile-card-list{flex-direction:column;gap:9px;padding:0 11px 11px;display:flex!important}.mobile-deployment-card{background:#fff;border:1px solid #e8edf5;border-radius:10px;padding:13px;box-shadow:0 3px 11px #1b386b06}.mobile-card-head{align-items:center;gap:9px;display:flex}.mobile-card-title{text-align:left;background:0 0;border:0;min-width:0;margin-right:auto;padding:0;font-size:13px;font-weight:750}.card-chevron{color:#91a2bc;background:0 0;border:0;padding:0}.mobile-deployment-info{align-items:center;gap:14px;margin-top:13px;font-size:11px;display:flex}.mobile-deployment-info>span{color:#7d8da5;align-items:center;gap:6px;display:flex}.mobile-deployment-info .port-tag{padding:6px 9px}.mobile-path{color:#8191a8;overflow-wrap:anywhere;margin-top:9px;font-family:Consolas,monospace;font-size:10px}.mobile-card-foot{color:#96a6b9;border-top:1px solid #f2f4f8;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding-top:9px;font-size:10px;display:flex}.mobile-card-foot>div{align-items:center;gap:2px;display:flex}.mobile-card-foot .icon-btn{width:29px;height:27px}.panel-footer{padding:13px 14px;font-size:10px}.plan-overview-banner{align-items:flex-start;gap:9px;margin-bottom:17px;padding:13px}.banner-icon{width:30px;height:30px}.plan-overview-banner strong{font-size:11px}.plan-overview-banner small{font-size:10px;line-height:1.6}.plan-overview-banner>button{display:none}.server-group-heading{padding:14px 13px;font-size:10px}.server-group-heading>div{flex-wrap:wrap;gap:6px}.server-group-heading>span{white-space:nowrap;font-size:10px}.server-group-heading strong{font-size:12px}.server-icon{width:27px;height:27px}.mobile-card-list.plan-mobile-list{padding-top:10px}.mobile-plan-card .mobile-card-head .icon-btn{width:25px;height:25px}.mobile-range{color:#35577f;background:0 0;border:0;margin:13px 0 12px;padding:0;font-size:12px;font-weight:750}.mobile-range span{color:#9aabc2;font-size:10px;font-weight:400}.mobile-plan-summary{color:#8696ad;gap:18px;margin-bottom:12px;font-size:11px;display:flex}.used-count-label b{color:#f05b6b;margin-left:3px}.free-count-label b{color:#16a670;margin-left:3px}.plan-mobile-list .port-preview{gap:4px}.plan-mobile-list .port-chip{flex:1;min-width:0;padding:8px 1px;font-size:10px}.plan-mobile-list .port-preview-more{flex:0 0 23px}.detail-back{margin-bottom:16px}.plan-detail-title{flex-direction:column;align-items:stretch;gap:14px}.plan-detail-title p{flex-wrap:wrap;max-width:100%;display:flex}.heading-actions{align-self:flex-start}.heading-actions .btn{min-height:36px;padding:0 13px;font-size:11px}.detail-stats{grid-template-columns:repeat(2,1fr);margin-bottom:17px}.detail-stats>div{padding:16px 19px}.detail-stats>div:nth-child(2){border-right:0}.detail-stats>div:nth-child(-n+2){border-bottom:1px solid #edf1f8}.detail-stats strong{font-size:22px}.detail-stats .utilization .progress{width:100%}.port-grid-panel{padding:0 12px 18px}.port-grid-header{flex-direction:column;align-items:flex-start;gap:13px;padding:17px 2px 13px}.port-grid-header h2{font-size:14px}.port-grid-header p{font-size:10px;line-height:1.5}.port-legend{gap:13px;font-size:10px}.range-caption{padding:13px 2px;font-size:10px}.port-number-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.port-number{border-radius:7px;height:41px;font-size:11px}.page-switcher{gap:10px;padding-top:18px}.page-switcher .btn{min-height:34px;padding:0 9px;font-size:11px}.page-switcher>span,.detail-tip{font-size:10px}.drawer{width:100vw;animation:.2s ease-out slideIn}.drawer-header{min-height:72px;padding:17px 18px}.drawer-header h2{font-size:18px}.drawer-header>div>span{margin-bottom:6px;font-size:9px}.drawer-section{padding:20px 17px 25px}.drawer-bottom{padding:13px 17px;padding-bottom:max(13px,env(safe-area-inset-bottom));gap:9px}.drawer-bottom .btn{flex:1}.drawer-bottom .btn-primary{min-width:0}.detail-row{grid-template-columns:87px minmax(0,1fr)}.settings-head,.settings-section{padding:20px}.settings-head .badge{font-size:10px}.settings-fields{max-width:none}.auth-root{background:#fff;align-items:stretch;padding:0}.auth-layout{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0;grid-template-columns:1fr}.auth-story{display:none}.auth-form-side{justify-content:center;align-items:flex-start;padding:54px 25px 30px;display:flex}.auth-card{max-width:380px}.auth-mobile-brand{justify-content:center;margin-bottom:54px;display:flex}.auth-mobile-brand .brand{flex-direction:column;gap:12px;display:flex}.auth-mobile-brand .brand-mark{border-radius:13px;width:48px;height:48px}.auth-mobile-brand .brand-mark svg{width:25px;height:25px}.auth-mobile-brand .brand-name{font-size:23px}.auth-card-head .auth-eyebrow{display:none}.auth-card-head{text-align:center}.auth-card-head h2{font-size:22px}.auth-card-head p{font-size:12px}.auth-tabs{margin-top:34px}.auth-submit{height:46px}.bottom-note{margin-top:32px;line-height:1.7}.bottom-note span{margin:4px 0 0;display:block}.global-notice{font-size:11px}.confirm-modal{padding:23px 20px}}@media (max-width:360px){.main-content{padding:19px 11px 30px}.stat-card{gap:8px;padding:10px 8px}.stat-icon{width:32px;height:32px}.stat-card span{font-size:9px}.stat-card strong{font-size:17px}.page-heading>.btn{gap:4px;padding:0 9px}.page-heading p{max-width:200px}.port-number{font-size:10px}.port-legend{gap:8px}.server-group-heading .badge{display:none}}.drawer-fieldset{border:0;width:100%;min-width:0;height:100%;margin:0;padding:0}