:root{--pa-bg:#f3f6fb;--pa-panel:#fff;--pa-ink:#172033;--pa-muted:#6d778b;--pa-line:#e5eaf2;--pa-navy:#101a2f;--pa-navy-2:#17243f;--pa-indigo:#6558e8;--pa-cyan:#13b8a6;--pa-blue:#2e7bf6;--pa-orange:#f39b35;--pa-red:#e75555;--pa-green:#1aaa78;--pa-radius:18px;--pa-shadow:0 12px 36px rgba(26,39,70,.08)}
*{box-sizing:border-box}html{background:var(--pa-bg)}body{margin:0;color:var(--pa-ink);font-family:"Inter","PingFang SC","Microsoft YaHei",sans-serif;background:var(--pa-bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
.platform-login-page{min-height:100vh;background:#0d172a;color:#eef3ff}.platform-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(430px,.8fr);background:radial-gradient(circle at 12% 14%,rgba(102,88,232,.28),transparent 32%),radial-gradient(circle at 70% 90%,rgba(19,184,166,.18),transparent 28%),#0d172a}.platform-login-story{position:relative;overflow:hidden;padding:52px clamp(42px,7vw,110px);display:flex;flex-direction:column;justify-content:space-between}.platform-login-story:after{content:"";position:absolute;width:500px;height:500px;right:-160px;top:18%;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012)}.platform-back-home{position:relative;z-index:1;width:max-content;color:#aeb9d0;font-size:13px}.platform-login-brand{position:absolute;top:48px;right:56px;z-index:1;display:flex;align-items:center;gap:10px;color:#fff}.platform-login-brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--pa-indigo),var(--pa-cyan));font-weight:900}.platform-login-copy{position:relative;z-index:1;max-width:700px;margin-top:auto;margin-bottom:auto}.platform-eyebrow{color:#7fe5da;font-size:12px;font-weight:800;letter-spacing:.22em}.platform-login-copy h1{margin:18px 0 20px;font-size:clamp(40px,5vw,70px);line-height:1.16;letter-spacing:-.04em}.platform-login-copy p{max-width:590px;margin:0;color:#aeb9d0;font-size:17px;line-height:1.9}.platform-login-metrics{position:relative;z-index:1;display:flex;gap:50px}.platform-login-metrics div{display:flex;flex-direction:column;gap:5px}.platform-login-metrics strong{font-size:25px}.platform-login-metrics span{color:#8f9bb3;font-size:12px}.platform-login-panel{display:grid;place-items:center;padding:34px;background:rgba(255,255,255,.035);border-left:1px solid rgba(255,255,255,.07)}.platform-login-card{width:min(100%,460px);padding:38px;border-radius:28px;color:var(--pa-ink);background:rgba(255,255,255,.98);box-shadow:0 30px 90px rgba(0,0,0,.3)}.platform-login-card-head{display:flex;align-items:center;gap:14px;margin-bottom:28px}.platform-security-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--pa-indigo),#8378ff);font-size:23px}.platform-login-card h2{margin:0 0 6px;font-size:24px}.platform-login-card p{margin:0;color:var(--pa-muted);font-size:13px}.platform-login-form{display:grid;gap:18px}.platform-login-form label,.platform-form label{display:grid;gap:8px;color:#4d5870;font-size:13px;font-weight:700}.platform-login-form input,.platform-form input,.platform-form select,.platform-form textarea,.platform-filter input,.platform-filter select,.platform-inline-form input,.platform-inline-form select{width:100%;border:1px solid #dfe5ef;border-radius:12px;padding:11px 13px;color:var(--pa-ink);background:#fff;outline:none;transition:.18s}.platform-login-form input{padding:14px}.platform-login-form input:focus,.platform-form input:focus,.platform-form select:focus,.platform-form textarea:focus,.platform-filter input:focus,.platform-filter select:focus{border-color:var(--pa-indigo);box-shadow:0 0 0 4px rgba(101,88,232,.1)}.platform-login-notice,.platform-dev-hint{margin-top:20px;padding-top:16px;border-top:1px solid var(--pa-line);color:var(--pa-muted);font-size:12px;line-height:1.7}.platform-login-notice span{color:var(--pa-indigo);font-weight:800}.platform-dev-hint{margin-top:10px;padding:10px 12px;border:0;border-radius:10px;background:#f3f1ff;color:#6256ce}
.platform-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:10px 15px;font-size:13px;font-weight:800;transition:.18s}.platform-btn:hover{transform:translateY(-1px)}.platform-btn.primary{color:#fff;background:linear-gradient(135deg,var(--pa-indigo),#796bef);box-shadow:0 8px 18px rgba(101,88,232,.2)}.platform-btn.secondary{color:#39445d;background:#eef2f8}.platform-btn.success{color:#fff;background:var(--pa-green)}.platform-btn.warning{color:#fff;background:var(--pa-orange)}.platform-btn.danger{color:#fff;background:var(--pa-red)}.platform-btn.outline{color:var(--pa-indigo);border:1px solid rgba(101,88,232,.3);background:#fff}.platform-btn.tiny{padding:7px 10px;font-size:12px;border-radius:9px}.platform-btn.wide{width:100%;padding:14px;margin-top:4px}
.platform-app{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.platform-sidebar{position:fixed;inset:0 auto 0 0;width:248px;z-index:30;display:flex;flex-direction:column;padding:24px 16px;color:#dce5f6;background:linear-gradient(180deg,var(--pa-navy),#0c1528);box-shadow:8px 0 30px rgba(16,26,47,.1)}.platform-brand{display:flex;align-items:center;gap:12px;padding:0 8px 26px;border-bottom:1px solid rgba(255,255,255,.08)}.platform-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--pa-indigo),var(--pa-cyan));font-weight:900;color:#fff}.platform-brand strong{display:block;font-size:15px}.platform-brand small{display:block;margin-top:4px;color:#7f8ca7;font-size:10px;letter-spacing:.14em}.platform-nav-label{margin:23px 11px 8px;color:#697793;font-size:10px;font-weight:800;letter-spacing:.18em}.platform-nav{display:grid;gap:5px}.platform-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:#aab6cd;font-size:13px;font-weight:700;transition:.18s}.platform-nav a:hover{color:#fff;background:rgba(255,255,255,.055)}.platform-nav a.active{color:#fff;background:linear-gradient(135deg,rgba(101,88,232,.92),rgba(101,88,232,.62));box-shadow:0 8px 20px rgba(0,0,0,.15)}.platform-nav-icon{width:22px;text-align:center;font-size:16px}.platform-sidebar-foot{margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035)}.platform-sidebar-foot strong{display:block;font-size:12px}.platform-sidebar-foot span{display:block;margin-top:6px;color:#8390a8;font-size:10px;line-height:1.6}.platform-main{grid-column:2;min-width:0}.platform-topbar{position:sticky;top:0;z-index:20;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid rgba(223,229,239,.8);background:rgba(255,255,255,.88);backdrop-filter:blur(18px)}.platform-topbar-left{display:flex;align-items:center;gap:13px}.platform-menu-toggle{display:none;width:38px;height:38px;border:0;border-radius:10px;background:#eef2f8}.platform-page-title h1{margin:0;font-size:19px}.platform-page-title p{margin:4px 0 0;color:var(--pa-muted);font-size:11px}.platform-user{display:flex;align-items:center;gap:12px}.platform-user-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--pa-indigo),var(--pa-cyan));font-weight:900}.platform-user-meta strong{display:block;font-size:12px}.platform-user-meta span{display:block;margin-top:3px;color:var(--pa-muted);font-size:10px}.platform-logout{padding:8px 11px;border-radius:9px;color:#68738a;background:#f0f3f8;font-size:11px;font-weight:700}.platform-content{padding:26px 30px 50px}.platform-alert{margin-bottom:18px;padding:13px 15px;border-radius:12px;font-size:13px;font-weight:650}.platform-alert.success{color:#167052;background:#e7f8f1;border:1px solid #c6eee0}.platform-alert.danger{color:#ad3838;background:#fff0f0;border:1px solid #f6d0d0}.platform-alert.warning{color:#8b5a19;background:#fff7e6;border:1px solid #f5dfb6}.platform-alert.info{color:#355da7;background:#eef4ff;border:1px solid #d6e3fb}
.platform-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:22px;padding:30px;border-radius:24px;color:#fff;background:linear-gradient(125deg,#17233c,#29355a 58%,#3a2e78);box-shadow:var(--pa-shadow)}.platform-hero:after{content:"";position:absolute;width:320px;height:320px;right:-60px;top:-190px;border:50px solid rgba(255,255,255,.045);border-radius:50%}.platform-hero-copy{position:relative;z-index:1}.platform-hero-kicker{color:#8ce4db;font-size:11px;font-weight:800;letter-spacing:.18em}.platform-hero h2{margin:10px 0 8px;font-size:27px}.platform-hero p{margin:0;color:#bdc8db;font-size:13px;line-height:1.7}.platform-hero-actions{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap}.platform-hero .platform-btn.secondary{color:#fff;background:rgba(255,255,255,.12)}
.platform-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.platform-kpi{position:relative;overflow:hidden;padding:20px;border:1px solid var(--pa-line);border-radius:var(--pa-radius);background:var(--pa-panel);box-shadow:0 7px 22px rgba(31,45,78,.045)}.platform-kpi:after{content:"";position:absolute;width:74px;height:74px;right:-25px;top:-25px;border-radius:50%;background:var(--kpi-color,#6558e8);opacity:.08}.platform-kpi-top{display:flex;align-items:center;justify-content:space-between;color:var(--pa-muted);font-size:11px;font-weight:700}.platform-kpi-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:var(--kpi-color,#6558e8);background:color-mix(in srgb,var(--kpi-color,#6558e8) 12%,white);font-size:16px}.platform-kpi strong{display:block;margin:16px 0 8px;font-size:26px;letter-spacing:-.03em}.platform-kpi-foot{color:var(--pa-muted);font-size:10px}.platform-kpi-foot b{color:var(--kpi-color,#6558e8)}
.platform-grid{display:grid;gap:18px;margin-bottom:20px}.platform-grid.two{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.platform-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-card{min-width:0;border:1px solid var(--pa-line);border-radius:var(--pa-radius);background:var(--pa-panel);box-shadow:0 7px 22px rgba(31,45,78,.045)}.platform-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #edf0f5}.platform-card-head h3{margin:0;font-size:15px}.platform-card-head p{margin:5px 0 0;color:var(--pa-muted);font-size:10px}.platform-card-body{padding:20px}.platform-card-link{color:var(--pa-indigo);font-size:11px;font-weight:800}.platform-chart{height:220px;display:flex;align-items:flex-end;gap:12px;padding-top:20px}.platform-chart-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.platform-chart-value{color:#717c91;font-size:9px;white-space:nowrap}.platform-chart-bar-wrap{width:min(28px,70%);height:150px;display:flex;align-items:flex-end;border-radius:8px;background:#f0f3f8;overflow:hidden}.platform-chart-bar{width:100%;min-height:4px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#8175f3,var(--pa-indigo));box-shadow:0 6px 15px rgba(101,88,232,.25)}.platform-chart-label{color:#8c96a8;font-size:9px}.platform-distribution{display:grid;gap:18px}.platform-distribution-item{display:grid;gap:8px}.platform-distribution-line{display:flex;justify-content:space-between;font-size:12px}.platform-progress{height:8px;border-radius:999px;background:#eef1f6;overflow:hidden}.platform-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pa-indigo),#9288fa)}.platform-risk-list{display:grid;gap:10px}.platform-risk-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-radius:12px;background:#f7f9fc}.platform-risk-item b{display:block;font-size:12px}.platform-risk-item span{color:var(--pa-muted);font-size:10px}.platform-risk-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--pa-green);box-shadow:0 0 0 5px rgba(26,170,120,.1)}.platform-risk-dot.warning{background:var(--pa-orange);box-shadow:0 0 0 5px rgba(243,155,53,.1)}.platform-risk-dot.danger{background:var(--pa-red);box-shadow:0 0 0 5px rgba(231,85,85,.1)}
.platform-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.platform-filter{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.platform-filter input{width:250px}.platform-filter select{width:150px}.platform-table-wrap{overflow:auto}.platform-table{width:100%;border-collapse:collapse;font-size:12px}.platform-table th{padding:12px 14px;color:#7d879b;background:#f8f9fc;text-align:left;font-size:10px;font-weight:800;white-space:nowrap}.platform-table td{padding:14px;border-top:1px solid #edf0f5;vertical-align:middle}.platform-table tr:hover td{background:#fbfcfe}.platform-table strong{font-size:12px}.platform-table small{display:block;margin-top:4px;color:var(--pa-muted);font-size:9px}.platform-table-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.platform-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.platform-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.platform-status.success{color:#14835d;background:#e9f8f2}.platform-status.warning{color:#a76817;background:#fff4df}.platform-status.danger{color:#bd4545;background:#ffeded}.platform-status.neutral{color:#657187;background:#eef1f5}.platform-product{display:inline-flex;padding:5px 8px;border-radius:8px;color:#594dc5;background:#f0eeff;font-size:9px;font-weight:800}.platform-empty{padding:42px 20px;text-align:center;color:var(--pa-muted);font-size:12px}.platform-empty strong{display:block;margin-bottom:7px;color:var(--pa-ink);font-size:15px}
.platform-form{display:grid;gap:14px}.platform-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.platform-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-form textarea{min-height:88px;resize:vertical}.platform-field-note{color:var(--pa-muted);font-size:10px;line-height:1.6}.platform-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:24px 0 14px}.platform-section-title h2{margin:0;font-size:18px}.platform-section-title p{margin:5px 0 0;color:var(--pa-muted);font-size:11px}.platform-detail-head{display:flex;align-items:center;gap:15px}.platform-detail-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--pa-indigo),var(--pa-cyan));font-size:17px;font-weight:900}.platform-detail-head h2{margin:0 0 6px;font-size:21px}.platform-detail-head p{margin:0;color:var(--pa-muted);font-size:11px}.platform-detail-badges{display:flex;gap:7px;margin-top:9px}.platform-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.platform-mini-stat{padding:15px;border-radius:14px;background:#f7f9fc}.platform-mini-stat span{display:block;color:var(--pa-muted);font-size:10px}.platform-mini-stat strong{display:block;margin-top:8px;font-size:19px}.platform-callout{padding:14px;border-radius:12px;color:#5d6580;background:#f6f7fb;font-size:11px;line-height:1.8}.platform-callout strong{color:var(--pa-ink)}.platform-callout.warning{color:#80571e;background:#fff6e6}.platform-callout.security{color:#46548a;background:#eff2ff}.platform-detail-json{max-width:360px;color:#6d778b;font-size:10px;line-height:1.55;word-break:break-word}.platform-inline-form{display:flex;gap:7px;align-items:center}.platform-inline-form input,.platform-inline-form select{min-width:90px;padding:7px 9px;font-size:10px}.platform-plan-list{display:grid;gap:12px}.platform-plan-row{display:grid;grid-template-columns:62px 1fr 1.6fr 80px 95px 130px 80px 74px auto;gap:9px;align-items:end;padding:14px;border:1px solid var(--pa-line);border-radius:14px}.platform-plan-row label{display:grid;gap:5px;color:#778196;font-size:9px;font-weight:800}.platform-plan-row input,.platform-plan-row select{width:100%;padding:8px;border:1px solid #dfe5ef;border-radius:9px;font-size:10px}.platform-payment-card{position:relative}.platform-payment-ribbon{position:absolute;right:18px;top:18px}.platform-secret-field{position:relative}.platform-secret-field small{display:block;margin-top:5px;color:var(--pa-muted);font-weight:400}.platform-divider{height:1px;margin:4px 0;background:var(--pa-line)}.platform-policy-list{display:grid;gap:11px}.platform-policy-item{display:flex;gap:11px;padding:12px;border-radius:12px;background:#f7f9fc}.platform-policy-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;color:var(--pa-indigo);background:#ebe9ff;font-weight:900}.platform-policy-item strong{display:block;font-size:11px}.platform-policy-item p{margin:5px 0 0;color:var(--pa-muted);font-size:10px;line-height:1.6}
@media(max-width:1180px){.platform-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid.two,.platform-grid.three{grid-template-columns:1fr}.platform-plan-row{grid-template-columns:repeat(4,minmax(0,1fr))}.platform-plan-row .platform-plan-wide{grid-column:span 2}.platform-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.platform-login-shell{grid-template-columns:1fr}.platform-login-story{min-height:430px;padding:35px 26px}.platform-login-panel{border:0}.platform-login-brand{right:28px;top:30px}.platform-login-metrics{gap:25px}.platform-app{display:block}.platform-sidebar{transform:translateX(-105%);transition:.2s}.platform-app.sidebar-open .platform-sidebar{transform:translateX(0)}.platform-main{grid-column:auto}.platform-menu-toggle{display:block}.platform-content{padding:20px}.platform-topbar{padding:0 20px}.platform-grid.equal{grid-template-columns:1fr}.platform-user-meta{display:none}}
@media(max-width:620px){.platform-login-story{min-height:390px}.platform-login-copy h1{font-size:34px}.platform-login-copy p{font-size:14px}.platform-login-metrics{display:none}.platform-login-panel{padding:16px}.platform-login-card{padding:26px 20px;border-radius:22px}.platform-hero{align-items:flex-start;flex-direction:column;padding:23px}.platform-hero h2{font-size:22px}.platform-kpis{grid-template-columns:1fr}.platform-form-grid,.platform-form-grid.three,.platform-mini-stats{grid-template-columns:1fr}.platform-toolbar{align-items:stretch;flex-direction:column}.platform-filter{display:grid;grid-template-columns:1fr}.platform-filter input,.platform-filter select{width:100%}.platform-plan-row{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-plan-row .platform-plan-wide{grid-column:span 2}.platform-content{padding:16px 12px 35px}.platform-topbar{height:66px;padding:0 12px}.platform-page-title p{display:none}.platform-logout{display:none}}
.platform-btn{white-space:nowrap}.platform-grid.tenant-management,.platform-grid.security-management{grid-template-columns:minmax(0,1fr)}
.platform-kpi-email{font-size:16px!important;line-height:1.35;word-break:break-all}.platform-check-row{display:flex!important;align-items:center;gap:10px}.platform-check-row input{width:18px!important;height:18px;flex:0 0 auto}.platform-check-row span{color:var(--pa-ink);font-size:12px}
.platform-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.renewal-cdk-kpis .platform-kpi{display:flex;align-items:center;gap:14px}.renewal-cdk-kpis .platform-kpi-icon{flex:0 0 42px;width:42px;height:42px}.renewal-cdk-kpis .platform-kpi-icon.blue{--kpi-color:var(--pa-blue)}.renewal-cdk-kpis .platform-kpi-icon.green{--kpi-color:var(--pa-green)}.renewal-cdk-kpis .platform-kpi-icon.orange{--kpi-color:var(--pa-orange)}.renewal-cdk-kpis .platform-kpi-icon.purple{--kpi-color:var(--pa-indigo)}.renewal-cdk-kpis .platform-kpi small{display:block;color:var(--pa-muted);font-size:10px;font-weight:800}.renewal-cdk-kpis .platform-kpi strong{margin:5px 0 3px;font-size:22px}.renewal-cdk-kpis .platform-kpi div span{display:block;color:var(--pa-muted);font-size:9px}.renewal-cdk-create-grid .platform-card{height:max-content}.renewal-cdk-batch{margin-bottom:20px}.platform-code-export{width:100%;min-height:180px;padding:14px;border:1px solid #dfe5ef;border-radius:12px;color:#25304a;background:#f8f9fc;font:600 12px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}.platform-code-value{display:inline-block;max-width:260px;color:#4539b1;font:700 11px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}.renewal-cdk-table{min-width:1120px}