:root{color:#1d2939;font-synthesis:none;text-rendering:optimizelegibility;--navy:#101828;--primary:#176b87;--primary-soft:#e8f4f7;--border:#e4e7ec;--muted:#667085;--purple:#6941c6;--amber:#dc6803;--green:#079455;--red:#d92d20;--shadow:0 1px 2px #1018280a, 0 8px 24px #1018280a;background:#f5f7fb;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:#f5f7fb;min-height:100vh}a{color:inherit}.route-loading{background:#f5f7fb;place-items:center;min-height:100vh;display:grid}.app-shell{min-height:100vh}.main-layout{min-width:0;margin-left:244px}.app-sider{z-index:20;border-right:1px solid #283545;inset:0 auto 0 0;position:fixed!important}.sider-inner{flex-direction:column;height:100%;padding:24px 14px 16px;display:flex}.sider-brand{padding:0 10px 26px}.brand{color:#fff;align-items:center;gap:11px;display:inline-flex}.brand__mark{color:#fff;background:var(--primary);border-radius:11px;place-items:center;width:39px;height:39px;font-size:21px;display:grid;box-shadow:inset 0 1px #ffffff26}.brand__text{line-height:1;display:grid}.brand__text b{letter-spacing:.08em;font-size:19px}.brand__text small{color:#98a2b3;letter-spacing:.2em;margin-top:6px;font-size:8px;font-weight:700}.brand--dark{color:var(--navy)}.brand--dark .brand__text small{color:var(--muted)}.sider-inner .ant-menu{border-inline-end:0!important}.sider-inner .ant-menu-item{color:#98a2b3;border-radius:9px;height:46px;margin-block:3px;font-size:13px;font-weight:600}.sider-inner .ant-menu-item-selected{color:#fff;box-shadow:inset 3px 0 var(--primary)}.sider-inner .ant-menu-item-selected .anticon{color:#72bfd1}.system-health{background:#182635;border:1px solid #293949;border-radius:10px;align-items:flex-start;gap:10px;margin:auto 5px 18px;padding:14px 12px;display:flex}.system-health>i{background:#12b76a;border-radius:50%;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 4px #12b76a1c}.system-health div,.sider-user>div{flex:1;gap:3px;min-width:0;display:grid}.system-health b,.sider-user b{color:#e4e7ec;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.system-health small,.sider-user small{color:#667085;font-size:9px}.sider-user{border-top:1px solid #283545;align-items:center;gap:9px;padding:15px 6px 0;display:flex}.sider-user .user-avatar{color:#b8e2eb;background:#214e5f}.sider-user .ant-btn{color:#667085}.sider-user .ant-btn:hover{color:#fff!important;background:#243444!important}.mobile-header{z-index:19;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;justify-content:space-between;align-items:center;height:62px;padding:0 17px;display:flex;position:sticky;top:0}.page{width:min(1500px,100%);margin:0 auto;padding:38px 42px 60px}.server-page{width:min(2200px,100%)}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-header h1{color:var(--navy);letter-spacing:-.04em;margin:6px 0 7px;font-size:clamp(27px,2.5vw,34px);line-height:1.15}.page-header p{color:var(--muted);margin:0;font-size:13px}.page-header__actions{align-items:center;gap:9px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:800}.eyebrow--light{color:#63c0d1}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--border);min-height:137px;box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:flex-start;gap:13px;padding:21px 19px;display:flex;position:relative}.stat-card--blue{background:#f9fcfd;border-color:#d1e8ed}.stat-icon{width:40px;height:40px;color:var(--primary);background:var(--primary-soft);border-radius:10px;place-items:center;font-size:20px;display:grid}.stat-card--purple .stat-icon{color:var(--purple);background:#f4f3ff}.stat-card--amber .stat-icon{color:var(--amber);background:#fff8eb}.stat-card--green .stat-icon{color:var(--green);background:#ecfdf3}.stat-card>div{display:grid}.stat-card small{color:var(--muted);font-size:10px}.stat-card strong{color:var(--navy);letter-spacing:-.04em;margin:6px 0 5px;font-size:26px;line-height:1}.stat-card em{color:#98a2b3;font-size:9px;font-style:normal}.stat-card em.danger{color:var(--red)}.stat-card>a{color:#98a2b3;border-radius:7px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:16px;right:15px}.stat-card>a:hover{color:var(--primary);background:#fff}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(290px,.7fr);gap:20px;display:grid}.dashboard-side{align-content:start;gap:20px;display:grid}.panel-card,.data-card,.filter-card,.toolbar-card,.supplier-card,.admin-card{border-color:var(--border);box-shadow:var(--shadow)}.panel-card>.ant-card-head,.data-card>.ant-card-head{min-height:62px;padding-inline:20px}.panel-card>.ant-card-head .ant-card-head-title>div,.data-card>.ant-card-head .ant-card-head-title>div{gap:3px;display:grid}.panel-card>.ant-card-head b,.data-card>.ant-card-head b{color:var(--navy);font-size:14px}.panel-card>.ant-card-head small,.data-card>.ant-card-head small{color:#98a2b3;font-size:9px;font-weight:400}.panel-card>.ant-card-body,.panel-card .ant-table-wrapper{padding:0}.panel-card .ant-empty{margin:50px 0}.quick-card .ant-card-body{padding:0}.quick-link{border-bottom:1px solid #f0f2f5;align-items:center;gap:11px;padding:14px 19px;display:flex}.quick-link:last-child{border-bottom:0}.quick-link:hover{background:#fbfcfd}.quick-icon{width:36px;height:36px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.quick-icon--purple{color:var(--purple);background:#f4f3ff}.quick-icon--amber{color:var(--amber);background:#fff8eb}.quick-link>div{flex:1;gap:3px;display:grid}.quick-link b{color:#344054;font-size:11px}.quick-link small{color:#98a2b3;font-size:9px}.quick-link>.anticon{color:#98a2b3}.health-card{color:#fff;background:#182230;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 10px 26px #10182821}.health-ring{background:radial-gradient(circle, #182230 60%, transparent 62%), conic-gradient(#43acc0 var(--health), #344054 0);border-radius:50%;flex:none;place-items:center;width:72px;height:72px;display:grid}.health-ring span{font-size:14px;font-weight:800}.health-card h3{margin:5px 0 4px;font-size:13px}.health-card p{color:#98a2b3;margin:0;font-size:9px;line-height:1.5}.ant-table-thead>tr>th{letter-spacing:.03em;text-transform:uppercase;font-size:10px!important}.ant-table-tbody>tr>td{color:#344054;font-size:11px}.ip-cell{color:var(--navy);white-space:nowrap;align-items:center;gap:8px;font-family:Consolas,monospace;font-size:11px;font-weight:700;display:inline-flex}.ip-cell i{background:#12b76a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ecfdf3}.date-cell{gap:2px;display:grid}.date-cell b{color:#344054;font-size:11px}.date-cell small{color:#98a2b3;font-size:9px}.status-tag{align-items:center;gap:5px;font-weight:700;border:0!important;border-radius:999px!important;margin:0!important;font-size:9px!important;display:inline-flex!important}.status-tag i{background:currentColor;border-radius:50%;width:5px;height:5px}.filter-card,.toolbar-card{margin-bottom:16px}.filter-card>.ant-card-body,.toolbar-card>.ant-card-body{padding:12px}.filter-row,.toolbar-card>.ant-card-body{align-items:center;gap:9px;display:flex}.filter-row{flex-wrap:wrap}.filter-row>.ant-input-affix-wrapper{flex:300px;width:min(420px,100%)}.filter-row>.ant-select{min-width:145px}.filter-row>.server-sort-select{min-width:205px}.filter-row>.ant-select:last-child{min-width:180px}.toolbar-card .ant-input-affix-wrapper{width:min(420px,100%)}.toolbar-card .ant-card-body>span:last-child{color:var(--muted);margin-left:auto;font-size:10px}.data-card>.ant-card-body{padding:0}.data-card>.ant-card-head{min-height:52px}.data-card>.ant-card-head-title{color:var(--muted);font-size:10px;font-weight:400}.data-card>.ant-card-extra{color:#98a2b3;font-size:9px}.data-card>.ant-card-head .ant-input-affix-wrapper{width:270px}.pagination-wrap{border-top:1px solid var(--border);justify-content:flex-end;padding:14px 18px;display:flex}.server-cell,.customer-cell{align-items:center;gap:9px;min-width:150px;display:inline-flex}.server-cell>span:first-child,.customer-cell>span:first-child{width:33px;height:33px;color:var(--primary);background:var(--primary-soft);border-radius:8px;flex:none;place-items:center;display:grid}.customer-cell>span:first-child{color:var(--purple);background:#f4f3ff}.server-cell>span:last-child,.customer-cell>span:last-child{gap:2px;display:grid}.server-cell b{color:var(--navy);font-family:Consolas,monospace;font-size:11px}.customer-cell b{color:var(--navy);font-size:11px}.server-cell small,.customer-cell small{color:#98a2b3;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:8px;overflow:hidden}.entity-link{color:#344054;font-weight:600}.entity-link.muted{color:var(--muted);font-weight:400}.entity-link:hover{color:var(--primary)}.server-code{color:#344054;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-family:Consolas,monospace;font-size:10px;font-weight:700;display:inline-block;overflow:hidden}.muted-value{color:#98a2b3;font-size:9px}.intent-tag{white-space:nowrap;margin:0!important;font-size:8px!important}.non-renewal-row>td{background:snow!important}.non-renewal-row:hover>td{background:#fff4f3!important}.server-list-loading{place-items:center;min-height:280px;display:grid}.server-list-empty{padding:60px 20px}.server-row-scroll{scrollbar-color:#98a2b3 #eef2f6;scrollbar-width:thin;background:#f8fafc;overflow-x:auto}.server-row-table{min-width:1530px}.server-row-header,.server-row{grid-template-columns:minmax(180px,1.15fr) minmax(165px,.95fr) minmax(155px,.9fr) minmax(115px,.65fr) minmax(220px,1.2fr) minmax(225px,1.2fr) minmax(470px,2.5fr);align-items:center;display:grid}.server-row-header{z-index:2;color:#475467;border-bottom:1px solid var(--border);background:#f8fafc;min-height:48px;font-size:clamp(12px,.55vw,14px);font-weight:700;position:sticky;top:0}.server-row-header>span{padding:0 14px}.server-row-header>span:first-child{z-index:3;background:#f8fafc;position:sticky;left:0}.server-row-body{padding-bottom:8px}.server-row{border:1px solid var(--border);background:#fff;border-radius:10px;min-height:92px;margin:10px 8px 0;box-shadow:0 1px 2px #10182808}.server-row--recycle{background:snow;border-color:#f5c8c3;box-shadow:inset 3px 0 #f04438}.server-row>div{min-width:0;padding:13px 14px}.server-row>div+div{border-left:1px solid #eef1f4}.server-row-identity{z-index:1;background:#fff;border-radius:9px 0 0 9px;align-self:stretch;align-items:center;gap:11px;display:flex;position:sticky;left:8px}.server-row--recycle .server-row-identity{background:snow}.server-row-identity>span{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:9px;flex:none;place-items:center;font-size:clamp(17px,.75vw,21px);display:grid}.server-row-identity>div,.server-row-stack{gap:5px;min-width:0;display:grid}.server-row-identity strong{color:var(--navy);overflow-wrap:anywhere;font-family:Consolas,monospace;font-size:clamp(13px,.62vw,16px);font-weight:700}.server-row-identity code{color:#667085;overflow-wrap:anywhere;white-space:normal;font-family:Consolas,monospace;font-size:clamp(12px,.52vw,14px)}.server-row-stack a,.server-row-stack b{color:#344054;overflow-wrap:anywhere;font-size:clamp(13px,.58vw,15px);font-weight:700}.server-row-stack a:hover{color:var(--primary)}.server-row-stack small{color:#667085;overflow-wrap:anywhere;font-size:clamp(12px,.5vw,13px)}.server-row-status{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.server-row-status .status-tag,.server-row-status .intent-tag{padding:3px 9px;line-height:1.5;font-size:clamp(12px,.5vw,13px)!important}.server-row-status .status-tag i{width:6px;height:6px}.server-row-actions{white-space:nowrap;align-items:center;gap:7px;display:flex}.server-row-actions .ant-btn{min-height:clamp(30px,1.6vw,36px);padding-inline:clamp(9px,.55vw,13px);font-size:clamp(12px,.5vw,14px)}.modal-description{color:var(--muted);margin:-3px 0 18px;font-size:10px}.two-column-form{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.two-column-form .span-2{grid-column:1/-1}.two-column-form .ant-picker{width:100%}.renew-grid{grid-template-columns:1.15fr .85fr;gap:24px;display:grid}.renew-summary{background:#f2fafb;border:1px solid #d7ecef;border-radius:9px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:17px;padding:14px;display:grid}.renew-summary span{gap:3px;display:grid}.renew-summary small{color:#66909b;font-size:9px}.renew-summary b{color:#164c5d;font-size:12px}.renew-summary>b{color:#74a7b3}.month-buttons{flex-wrap:wrap;gap:5px;margin:-10px 0 17px;display:flex}.month-buttons .ant-btn{padding-inline:9px;font-size:9px}.renew-history{border-left:1px solid var(--border);padding-left:22px}.renew-history h3{color:#344054;align-items:center;gap:6px;margin:0 0 15px;font-size:11px;display:flex}.timeline>div{gap:9px;padding-bottom:17px;display:flex;position:relative}.timeline>div:before{content:"";background:#d0d5dd;width:1px;position:absolute;top:8px;bottom:-3px;left:3px}.timeline>div:last-child:before{display:none}.timeline i{z-index:1;background:var(--primary);border:2px solid #fff;border-radius:50%;width:7px;height:7px;margin-top:3px;position:relative;box-shadow:0 0 0 2px #98cbd5}.timeline span{gap:2px;display:grid}.timeline b{font-size:9px}.timeline small{color:#98a2b3;font-size:8px}.supplier-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.supplier-card .ant-card-body{padding:19px}.supplier-card-head{justify-content:space-between;align-items:center;display:flex}.supplier-card-head>span{width:43px;height:43px;color:var(--primary);background:var(--primary-soft);border-radius:11px;place-items:center;font-size:21px;display:grid}.supplier-card h2{color:var(--navy);margin:15px 0 5px;font-size:16px}.supplier-card>.ant-card-body>p{height:18px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.supplier-stats{background:#f8fafc;border:1px solid #eef1f4;border-radius:9px;grid-template-columns:1fr 1.35fr;margin:17px 0;display:grid}.supplier-stats span{grid-template-columns:20px 1fr;gap:2px 5px;padding:11px;display:grid}.supplier-stats span+span{border-left:1px solid var(--border)}.supplier-stats .anticon{color:var(--primary);grid-row:span 2;align-self:center}.supplier-stats small{color:#98a2b3;font-size:8px}.supplier-stats b{color:#344054;font-size:10px}.supplier-card footer{color:var(--primary);border-top:1px solid #f0f2f5;justify-content:space-between;padding-top:14px;font-size:10px;font-weight:700;display:flex}.back-button{height:auto;color:var(--muted);margin:0 0 17px;padding:0}.supplier-hero{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:17px;margin-bottom:20px;padding:23px 24px;display:flex}.supplier-hero-icon{width:59px;height:59px;color:var(--primary);background:var(--primary-soft);border-radius:14px;place-items:center;font-size:28px;display:grid}.supplier-hero-title h1{color:var(--navy);margin:4px 0;font-size:24px}.supplier-hero-title p{color:var(--muted);margin:0;font-size:10px}.supplier-hero-stats{margin-left:auto;display:flex}.supplier-hero-stats span{border-left:1px solid var(--border);grid-template-columns:22px auto;gap:2px 5px;min-width:110px;padding:5px 17px;display:grid}.supplier-hero-stats .anticon{color:var(--primary);grid-row:span 2;align-self:center}.supplier-hero-stats b{color:var(--navy);font-size:12px}.supplier-hero-stats small{color:#98a2b3;font-size:8px}.privacy-callout,.security-callout{color:#145067;background:#f0f9fb;border:1px solid #d5ebef;border-radius:9px;align-items:flex-start;gap:11px;margin-bottom:18px;padding:14px;display:flex}.privacy-callout>span,.security-callout>span{width:35px;height:35px;color:var(--primary);background:#fff;border-radius:8px;flex:none;place-items:center;font-size:18px;display:grid}.privacy-callout b,.security-callout b{margin:1px 0 4px;font-size:10px;display:block}.privacy-callout p,.security-callout p{color:#527984;margin:0;font-size:9px;line-height:1.55}.share-result{border:1px solid var(--border);background:#f8fafc;border-radius:10px;grid-template-columns:128px 1fr;align-items:center;gap:18px;padding:16px;display:grid}.share-result>div{min-width:0}.share-result b{font-size:11px}.share-result p,.share-placeholder p{color:var(--muted);margin:4px 0 11px;font-size:9px}.share-placeholder{border:1px solid var(--border);background:#f8fafc;border-radius:9px;padding:16px}.share-placeholder p{margin-bottom:0}.share-link-cell{align-items:center;gap:4px;min-width:0;display:flex}.share-link-cell code{color:#176b87;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Consolas,monospace;font-size:9px;display:block;overflow:hidden}.share-link-cell .ant-btn{flex:none}.share-link-empty{color:#98a2b3;font-size:9px}.modal-spacer{flex:1}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.admin-card .ant-card-body{align-items:center;gap:12px;padding:17px;display:flex}.admin-card .ant-avatar{color:var(--purple);background:#f4f3ff}.admin-card .ant-card-body>div{flex:1;min-width:0}.admin-card h3{align-items:center;gap:7px;margin:0 0 3px;font-size:12px;display:flex}.admin-card h3 .ant-tag{margin:0;font-size:8px}.admin-card p{color:var(--muted);margin:0 0 3px;font-size:10px}.admin-card small{color:#98a2b3;font-size:8px}.login-page{background:#fff;grid-template-columns:minmax(400px,.95fr) minmax(480px,1.05fr);min-height:100vh;display:grid}.login-visual{color:#fff;background:var(--navy);flex-direction:column;min-height:100vh;padding:42px 6vw;display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";border:1px solid #ffffff0d;border-radius:50%;width:340px;height:340px;position:absolute;bottom:9%;right:-130px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.login-copy{z-index:1;margin:auto 0;position:relative}.login-copy h1{letter-spacing:-.055em;margin:13px 0 19px;font-size:clamp(38px,4vw,57px);line-height:1.12}.login-copy>p{color:#98a2b3;max-width:470px;font-size:13px;line-height:1.8}.login-benefits{flex-wrap:wrap;gap:10px 18px;margin-top:25px;display:flex}.login-benefits span{color:#d0d5dd;align-items:center;gap:7px;font-size:10px;display:inline-flex}.login-benefits .anticon{color:#4bb5c8}.login-secure{border-top:1px solid #283545;align-items:center;gap:9px;padding-top:23px;display:flex;position:relative}.login-secure>i{background:#12b76a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #12b76a1c}.login-secure div{gap:2px;display:grid}.login-secure b{font-size:10px}.login-secure small{color:#667085;font-size:8px}.login-form-wrap{place-items:center;padding:42px;display:grid}.login-form-card{width:min(390px,100%)}.login-form-icon{width:46px;height:46px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;margin-bottom:24px;font-size:22px;display:grid}.login-form-card h2{color:var(--navy);letter-spacing:-.04em;margin:7px 0;font-size:30px}.login-form-card>p{color:var(--muted);margin-bottom:25px;font-size:11px}.login-form-card .ant-form-item-label>label{font-size:11px;font-weight:600}.login-form-card .ant-btn{height:46px;margin-top:3px;font-weight:700}.login-alert{margin-bottom:16px}.login-foot{color:#98a2b3;text-align:center;margin-top:19px;font-size:8px;display:block}.login-foot .anticon{margin-right:4px}.share-page{background:#f5f7fb;min-height:100vh}.share-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 max(25px,50vw - 590px);display:flex}.share-header>span{color:var(--green);align-items:center;gap:6px;font-size:9px;font-weight:700;display:inline-flex}.share-main{width:min(1180px,100% - 46px);margin:0 auto;padding:42px 0 28px}.share-hero{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:26px;display:flex}.share-hero h1{color:var(--navy);letter-spacing:-.045em;margin:7px 0;font-size:clamp(28px,4vw,41px)}.share-hero p{color:var(--muted);margin:0;font-size:12px}.share-stats{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:11px;display:flex;overflow:hidden}.share-stats span{justify-items:center;gap:3px;min-width:105px;padding:15px 19px;display:grid}.share-stats span+span{border-left:1px solid var(--border)}.share-stats b{font-size:20px}.share-stats small{color:#98a2b3;font-size:8px}.public-grid{grid-template-columns:1fr;gap:12px;display:grid}.public-server-card{border-color:var(--border);box-shadow:var(--shadow)}.public-server-card--non-renewal{box-shadow:inset 3px 0 #f04438, var(--shadow);border-color:#fda29b}.public-server-card .ant-card-body{padding:16px 18px}.public-server-row{grid-template-columns:minmax(220px,.85fr) minmax(155px,.5fr) minmax(300px,1fr) auto;align-items:center;gap:18px;display:grid}.public-server-identity{align-items:center;gap:11px;min-width:0;display:flex}.public-server-card .server-icon{width:39px;height:39px;color:var(--primary);background:var(--primary-soft);border-radius:10px;place-items:center;font-size:19px;display:grid}.public-server-identity>div{min-width:0}.public-server-identity small{color:#98a2b3;font-size:8px}.public-server-card h2{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-family:Consolas,monospace;font-size:13px;overflow:hidden}.public-renewal-price{color:#176b87;background:#f2fafb;border:1px solid #d7ecef;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:9px 11px;display:flex}.public-renewal-price>.anticon{font-size:17px}.public-renewal-price>div{grid-template-columns:auto auto;align-items:baseline;column-gap:5px;min-width:0;display:grid}.public-renewal-price small{color:#527984;grid-column:1/-1;font-size:8px;font-weight:700}.public-renewal-price strong{color:#164c5d;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.public-renewal-price em{color:#66838b;white-space:nowrap;font-size:8px;font-style:normal}.public-expiry-row{color:#176b87;background:#f2fafb;border:1px solid #d7ecef;border-radius:10px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 13px;display:grid}.public-expiry-row>.anticon{font-size:19px}.public-expiry-row div{gap:1px;display:grid}.public-expiry-row small{color:#527984;font-size:8px;font-weight:700}.public-expiry-row b{color:#164c5d;letter-spacing:.02em;font-size:16px}.public-expiry-row em{color:#527984;white-space:nowrap;background:#fff;border:1px solid #d7ecef;border-radius:999px;padding:4px 8px;font-size:8px;font-style:normal;font-weight:700}.public-expiry-row--warning{color:#b54708;background:#fffaeb;border-color:#fedf89}.public-expiry-row--warning small{color:#b54708}.public-expiry-row--warning b{color:#7a2e0e}.public-expiry-row--warning em{color:#b54708;border-color:#fedf89}.public-expiry-row--expired,.public-expiry-row--non-renewal{color:#b42318;background:#fff1f0;border-color:#fda29b}.public-expiry-row--expired small,.public-expiry-row--expired b,.public-expiry-row--non-renewal small,.public-expiry-row--non-renewal b{color:#912018}.public-expiry-row--expired em,.public-expiry-row--non-renewal em{color:#b42318;border-color:#fda29b}.public-status-stack{justify-items:end;gap:7px;display:grid}.public-status-stack .ant-tag{white-space:nowrap;margin:0;font-size:8px;font-weight:700}.public-pagination{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:14px 17px;display:flex}.public-pagination>span{color:#667085;white-space:nowrap;font-size:9px;font-weight:600}.share-footer{color:#98a2b3;border-top:1px solid var(--border);justify-content:space-between;gap:18px;margin-top:27px;padding-top:18px;font-size:8px;display:flex}.share-footer span:first-child{gap:5px;display:inline-flex}.share-center{text-align:center;place-content:center;justify-items:center;min-height:calc(100vh - 70px);display:grid}.share-center h2{margin:16px 0 5px;font-size:16px}.share-center p{color:var(--muted);font-size:10px}.customer-gateway{color:#1d2939;background:#f4f8fa;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;position:relative;overflow:hidden}.customer-gateway:before{content:"";pointer-events:none;background:radial-gradient(circle,#176b871f 0,#176b8708 42%,#0000 70%);width:760px;height:760px;position:absolute;top:-240px;left:50%;transform:translate(-50%)}.customer-gateway>header{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid #e4e7eccc;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 550px);display:flex;position:relative}.customer-gateway>header>span{color:var(--green);align-items:center;gap:7px;font-size:10px;font-weight:700;display:inline-flex}.gateway-card{z-index:1;text-align:center;background:#fffffff0;border:1px solid #dce9ed;border-radius:20px;place-self:center;width:min(680px,100% - 34px);margin:45px 0;padding:52px 58px 36px;position:relative;box-shadow:0 28px 80px #103e4e1f}.gateway-orbit{border:1px solid #d5e7eb;border-radius:50%;place-items:center;width:112px;height:112px;margin:0 auto 25px;display:grid;position:relative}.gateway-orbit:before,.gateway-orbit:after{content:"";border:1px solid #176b871a;border-radius:50%;position:absolute}.gateway-orbit:before{inset:-15px}.gateway-orbit:after{inset:15px}.gateway-orbit>span{z-index:1;color:#fff;background:var(--primary);border-radius:17px;place-items:center;width:58px;height:58px;font-size:27px;display:grid;position:relative;box-shadow:0 12px 28px #176b873d}.gateway-orbit i{background:#5bb3c4;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 0 1px #b7dce4}.gateway-orbit i:first-of-type{top:6px;right:18px}.gateway-orbit i:nth-of-type(2){bottom:12px;left:12px}.gateway-orbit i:nth-of-type(3){background:#12b76a;width:6px;height:6px;bottom:33px;right:-3px}.gateway-card h1{color:var(--navy);letter-spacing:-.045em;margin:9px 0 13px;font-size:clamp(30px,5vw,42px);line-height:1.15}.gateway-card>p{max-width:510px;color:var(--muted);margin:0 auto;font-size:13px;line-height:1.8}.gateway-actions{justify-content:center;gap:10px;margin:27px 0;display:flex}.gateway-actions a{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 17px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.gateway-primary{background:var(--primary);border:1px solid var(--primary);box-shadow:0 8px 18px #176b872e;color:#fff!important}.gateway-primary:hover{background:#11566d;transform:translateY(-1px)}.gateway-secondary{color:#344054;border:1px solid var(--border);background:#fff}.gateway-secondary:hover{color:var(--primary);border-color:#b7d8df;transform:translateY(-1px)}.gateway-note{color:#356977;text-align:left;background:#f2fafb;border:1px solid #d8ecef;border-radius:9px;align-items:flex-start;gap:9px;padding:13px 14px;display:flex}.gateway-note>.anticon{color:var(--primary);margin-top:2px}.gateway-note span{gap:3px;display:grid}.gateway-note b{font-size:9px}.gateway-note small{color:#66838b;font-size:8px;line-height:1.5}.customer-gateway>footer{z-index:1;color:#98a2b3;letter-spacing:.12em;text-align:center;padding:0 20px 24px;font-size:8px;font-weight:700;position:relative}.notification-settings-grid{grid-template-columns:1.3fr .7fr;gap:16px;margin-bottom:16px;display:grid}.notification-card{border-color:var(--border);box-shadow:var(--shadow)}.notification-card>.ant-card-head{min-height:56px}.notification-card>.ant-card-head .ant-card-head-title>span{align-items:center;gap:7px;font-size:13px;display:inline-flex}.notification-card>.ant-card-body{padding:18px}.notification-form-grid{grid-template-columns:1fr 150px;gap:0 14px;display:grid}.notification-form-grid .span-2{grid-column:1/-1}.switch-field .ant-form-item-control-input-content{align-items:center;gap:10px;display:flex}.switch-field small{color:#98a2b3;font-size:8px}.notification-test-form{border-top:1px solid #eef1f4;padding-top:14px;display:flex}.notification-test-form .ant-form-item{flex:1;min-width:240px;margin:0 8px 0 0}.wecom-copy{color:#176b87;background:#f1f9fb;border:1px solid #d9edf1;border-radius:9px;gap:11px;margin-bottom:17px;padding:13px;display:flex}.wecom-copy>.anticon{margin-top:2px;font-size:17px}.wecom-copy div{gap:4px;display:grid}.wecom-copy b{color:#164c5d;font-size:10px}.wecom-copy p{color:#527984;margin:0;font-size:8px;line-height:1.6}.notification-log-card{margin-bottom:16px}.log-target{gap:2px;display:grid}.log-target b{overflow-wrap:anywhere;font-size:10px}.log-target small{color:#98a2b3;overflow-wrap:anywhere;font-size:8px}.log-error{max-width:220px;color:var(--red);text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}@media (width<=1180px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}.supplier-grid{grid-template-columns:repeat(2,1fr)}.supplier-hero{flex-wrap:wrap;align-items:flex-start}.supplier-hero-stats{border-top:1px solid var(--border);width:100%;margin:4px 0 0;padding-top:14px}.supplier-hero-stats span:first-child{border-left:0;padding-left:0}.notification-settings-grid{grid-template-columns:1fr}}@media (width<=767px){.main-layout{margin-left:0}.page{padding:27px 19px 50px}.page-header{align-items:flex-start}.filter-row{flex-direction:column;align-items:stretch}.filter-row>.ant-input-affix-wrapper,.filter-row>.ant-select{width:100%!important}.public-server-row{grid-template-columns:minmax(220px,1fr) minmax(155px,.55fr);gap:12px}.public-expiry-row{grid-column:1/-1}.public-status-stack{grid-auto-flow:column;justify-content:start}.share-hero{flex-direction:column;align-items:stretch}.share-stats{align-self:flex-start}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-wrap{min-height:100vh;padding:28px}}@media (width<=620px){.page-header{flex-direction:column;margin-bottom:21px}.page-header__actions{width:100%}.page-header__actions .ant-btn{flex:1}.stats-grid,.supplier-grid,.admin-grid,.dashboard-side{grid-template-columns:1fr}.toolbar-card>.ant-card-body{flex-wrap:wrap;align-items:stretch}.toolbar-card .ant-input-affix-wrapper{width:100%}.toolbar-card .ant-card-body>span:last-child{margin-left:0}.two-column-form,.renew-grid{grid-template-columns:1fr}.two-column-form .span-2{grid-column:auto}.renew-history{border-top:1px solid var(--border);border-left:0;padding:20px 0 0}.supplier-hero{padding:18px}.supplier-hero-stats{overflow-x:auto}.supplier-hero-stats span{min-width:100px;padding:5px 11px}.data-card>.ant-card-head{flex-direction:column;align-items:stretch;padding-block:12px}.data-card>.ant-card-head .ant-input-affix-wrapper{width:100%}.share-result{grid-template-columns:1fr;justify-items:center}.share-result>div{width:100%}.share-main{width:calc(100% - 28px);padding-top:27px}.share-header{height:62px;padding:0 15px}.share-stats{width:100%}.share-stats span{flex:1;min-width:0;padding:13px 7px}.public-server-row{grid-template-columns:1fr}.public-expiry-row{grid-column:auto;grid-template-columns:30px minmax(0,1fr) auto}.public-status-stack{grid-auto-flow:column;justify-content:start}.public-pagination,.share-footer{flex-direction:column;align-items:flex-start}.customer-gateway>header{height:62px;padding:0 16px}.customer-gateway>header>span{font-size:8px}.gateway-card{border-radius:16px;margin:28px 0;padding:38px 20px 25px}.gateway-orbit{width:92px;height:92px;margin-bottom:22px}.gateway-orbit>span{width:50px;height:50px;font-size:23px}.gateway-card>p{font-size:11px}.gateway-actions{flex-direction:column}.notification-form-grid{grid-template-columns:1fr}.notification-form-grid .span-2{grid-column:auto}.notification-test-form{flex-direction:column;align-items:stretch}.notification-test-form .ant-form-item{width:100%;margin:0 0 8px}}