:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#253248;background:#f4f6fa;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #dbe2eb;background:#fff;color:#45536a;padding:9px 14px;border-radius:7px;white-space:nowrap;transition:.15s}button:hover{border-color:#5b69e6;color:#4f5ed7;background:#fafbff}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#5968e8;border-color:#5968e8;color:#fff;box-shadow:0 3px 8px #5968e826}.primary:hover{background:#4756d4;color:#fff}.full{width:100%}.link{padding:3px 0;border:0;color:#5968dd;background:transparent;box-shadow:none}.danger{color:#d75c60!important}.muted{color:#8c97a8}.small,small{font-size:12px}small{display:block;color:#8c97a8;line-height:1.7}h1{font-size:28px;letter-spacing:-.5px;margin:8px 0 10px}h2{font-size:16px;font-weight:650;margin:0}p{line-height:1.65}.shell{display:flex;min-height:100vh}aside{background:#121c2d;width:236px;position:fixed;top:0;bottom:0;color:#adb7c8;display:flex;flex-direction:column}.brand{font-size:21px;color:#f6f8ff;font-weight:750;letter-spacing:1px;padding:30px 25px}.brand b{color:#8e99ff;font-size:25px}.brand span{display:block;font-size:9px;letter-spacing:3px;color:#64738b;margin:8px 0 0 30px}nav{padding:14px 15px}nav p{font-size:10px;letter-spacing:1.6px;color:#64738b;padding:14px 15px 4px}nav button{border:0;background:none;color:#9aa8bd;width:100%;text-align:left;padding:13px 16px;margin:3px 0;display:flex;align-items:center;gap:14px;font-size:13px}nav button.active{color:#d9dfff;background:#5968e827;border-left:3px solid #7c88ff;padding-left:13px}nav button:hover{background:#1f2c42;color:#fff}nav button span{font-size:17px;width:17px}.nav-dot{width:6px;height:6px;border-radius:50%;background:#8390ff;margin-left:auto}.sidebar-footer{margin-top:auto;padding:24px;font-size:12px;border-top:1px solid #ffffff0b}.sidebar-footer i{display:inline-block;height:7px;width:7px;border-radius:50%;background:#54bf9c;margin-right:5px}.sidebar-footer small{margin:8px 0 0 15px;color:#63748c}.workspace{margin-left:236px;width:calc(100% - 236px)}header{height:74px;background:#fff;border-bottom:1px solid #e7ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 35px;font-size:12px}.slash{margin:0 16px;color:#c1c8d2}.header-right{display:flex;align-items:center;gap:12px}.avatar{height:29px;width:29px;border-radius:50%;display:grid;place-items:center;background:#edf0ff;color:#5968e8;font-weight:700}.environment{font-size:9px;padding:5px 8px;border-radius:4px;background:#eef1ff;color:#6572d9;letter-spacing:.8px}.environment.live{background:#fff2dd;color:#a97326}main{padding:32px 35px;max-width:1680px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-title p{margin:0;font-size:12px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8e99b0;font-weight:700}.date{color:#8e99ab;font-size:11px}.demo-banner{display:flex;gap:20px;align-items:center;color:#6777a1;background:#edf1ff;border:1px solid #dfe5fa;border-radius:8px;padding:12px 16px;margin-bottom:22px;font-size:12px}.demo-banner b{color:#5968db;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stats>div{border:1px solid #e6ebf2;background:#fff;border-radius:10px;padding:22px 24px}.stats span{color:#8c97aa;font-size:12px}.stats strong{display:block;font-size:29px;font-weight:650;color:#28374f;margin-top:12px;letter-spacing:-1px}.stats strong small{display:inline;margin-left:8px;font-size:12px;font-weight:400;letter-spacing:0}.stats p{margin:8px 0 0;font-size:10px;color:#a0a9b8}.card{background:#fff;border:1px solid #e5eaf2;border-radius:10px;margin-bottom:22px;overflow:hidden;box-shadow:0 3px 8px #18233b02}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #edf0f5;gap:12px}.card-heading p{margin:6px 0 0}.two-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.toolbar{display:flex;justify-content:space-between;padding:20px 24px;gap:15px;align-items:center}.actions{display:flex;gap:12px;align-items:center}.wrap{flex-wrap:wrap}.search{max-width:310px;margin:0!important}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-weight:500;color:#8a95a8;background:#fafbfd;padding:14px 20px;white-space:nowrap}td{padding:18px 20px;border-top:1px solid #edf0f5;line-height:1.6}td b{font-weight:550}td .actions{gap:10px}code{font-family:Cascadia Code,Consolas,monospace;font-size:11px}.password{background:#f0f3ff;color:#4454bb;padding:5px 7px;display:block;white-space:nowrap;user-select:all}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;font-size:10px;white-space:nowrap}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.green{background:#eaf8f2;color:#36a37a}.red{background:#fdf0ef;color:#d16c6c}.gray{background:#f0f3f7;color:#8190a5}.overview-art{text-align:center;padding:36px 15px}.cloud-icon{font-size:48px;color:#6476e9;background:#f0f3ff;width:86px;height:86px;display:grid;place-items:center;border-radius:22px;margin:0 auto 20px}.overview-art h2{font-size:19px}.overview-art p{font-size:12px}.summary-row{display:flex;justify-content:space-around;padding:18px;background:#fcfcfe;border-top:1px solid #edf0f5;font-size:11px;color:#8d98ab}.summary-row b{color:#34425b;margin-left:8px}.timeline{padding:16px 24px}.timeline>div{display:flex;gap:14px;padding:14px 0}.timeline i{width:7px;height:7px;background:#8b96ec;border-radius:50%;margin-top:7px}.timeline b{font-size:12px;font-weight:500}.timeline p{font-size:10px;color:#95a0b2;margin:5px 0}.create-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.form-card h2{margin-bottom:23px}.form-card h2 em{font-style:normal;background:#eef1ff;color:#6975d6;border-radius:5px;padding:5px 7px;font-size:11px;margin-right:8px}label{display:block;font-size:12px;color:#63718a;margin:18px 0 10px}input:not([type=checkbox]):not([type=radio]),select{width:100%;border:1px solid #dfe5ee;border-radius:6px;background:#fff;color:#3a4860;padding:11px 12px;margin-top:9px;outline:none}input:focus,select:focus{border-color:#8190ee!important;box-shadow:0 0 0 3px #6d7feb13}input[type=checkbox],input[type=radio]{accent-color:#6574e3;width:15px;height:15px;vertical-align:middle;cursor:pointer}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;max-height:300px;overflow:auto;padding:2px}.choice{text-align:left;padding:14px}.choice b{display:block;margin-top:12px;font-size:12px}.region-icon{font-size:11px;background:#f2f4fa;border-radius:5px;padding:5px 6px;color:#77849d}.chosen{border:1px solid #6775e7!important;background:#f7f8ff!important;box-shadow:0 0 0 1px #6775e7}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;max-height:500px;overflow:auto;padding:2px}.plan{text-align:left;padding:19px;white-space:normal}.plan>div{display:flex;justify-content:space-between;align-items:center;font-size:12px}.radio-dot{height:13px;width:13px;border:1px solid #cdd5e2;border-radius:50%}.chosen .radio-dot{border:4px solid #6775e7}.plan strong{display:block;font-size:25px;color:#35455f;margin:18px 0}.plan strong small{display:inline;font-weight:400;margin-left:4px}.plan p{font-size:11px;margin:12px 0 4px}.plan>small{font-size:10px}.field-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.radio-label{display:flex;align-items:flex-start;gap:8px;line-height:1.7}.radio-label input{flex-shrink:0;margin-top:2px}.info-box{background:#f5f7fc;border:1px solid #e9edf6;color:#8692a8;border-radius:6px;padding:14px;font-size:11px;line-height:1.9;margin:18px 0}.order-summary{height:fit-content;position:sticky;top:24px;padding:25px}.order-summary h2{margin:12px 0 28px}dl{display:grid;grid-template-columns:90px 1fr;gap:18px;font-size:12px;margin:24px 0}dt{color:#8e98aa}dd{margin:0;overflow-wrap:anywhere}.total{border-top:1px solid #e9edf3;padding-top:24px;margin-top:26px}.total span{font-size:12px;color:#8c97aa}.total strong{display:block;font-size:31px;margin:10px 0;color:#5968dc}.total small{display:inline;font-size:12px;font-weight:400;margin-left:6px}.credential-toolbar{padding:15px 24px;border-bottom:1px solid #edf0f5}.card-foot{padding:0 24px;font-size:11px;color:#9aa4b3}.empty{text-align:center;padding:40px;color:#a6b0c1;font-size:26px}.empty p{font-size:12px}.account-checks{border:1px solid #e4e9f1;border-radius:7px;padding:8px 15px}.account-checks label{display:flex;align-items:center;gap:10px;margin:12px 0}.account-checks span{margin-left:auto;font-size:10px}.promotion-results{padding:18px 24px;max-height:700px;overflow:auto}.promotion-results>div{padding:15px 0;border-bottom:1px solid #edf0f5}.between{display:flex;justify-content:space-between;align-items:center;gap:15px}pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#8995a8}progress{accent-color:#6b79e7;width:130px;height:6px}.break{max-width:250px;overflow-wrap:anywhere}.alert{border-radius:7px;padding:13px 17px;margin-bottom:18px;font-size:12px;display:flex;justify-content:space-between;gap:15px}.alert.error{background:#fff0ef;color:#bd6064;border:1px solid #f4d8d6}.alert.success{background:#edf8f1;color:#438965;border:1px solid #d9ebdf}footer{font-size:9px;color:#9da7b8;letter-spacing:1px;display:flex;justify-content:space-between;margin-top:35px}.modal-backdrop{position:fixed;inset:0;background:#14203975;backdrop-filter:blur(3px);display:grid;place-items:center;z-index:10;padding:25px}.modal{background:#fff;border-radius:12px;padding:28px;width:460px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 80px #101c3430}.modal.wide{width:800px}.login-screen{min-height:100vh;background:linear-gradient(135deg,#131f32,#263953);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px}.login-brand{color:#fff;font-size:26px;font-weight:700;letter-spacing:2px;margin-bottom:35px;text-align:center}.login-brand span{display:block;font-size:10px;color:#8395b0;margin-top:12px;letter-spacing:3px}.login-card{background:#fff;border-radius:12px;padding:36px;width:420px;max-width:100%;box-shadow:0 20px 70px #0003}.login-card h1{font-size:23px;margin-top:15px}.login-card .primary{margin-top:15px}.login-card>p:last-child{text-align:center;margin-bottom:0}.loading{display:grid;place-items:center;min-height:100vh;color:#8b98ac}@media(max-width:1200px){.create-layout{grid-template-columns:minmax(0,1fr) 260px}main{padding:25px 22px}aside{width:205px}.workspace{margin-left:205px;width:calc(100% - 205px)}.stats>div{padding:18px}.two-columns{grid-template-columns:1fr}.brand{font-size:18px;padding:30px 19px}}@media(max-width:800px){aside{width:64px}.brand{font-size:0;padding:25px 19px}.brand b{font-size:27px}.brand span,nav p,.sidebar-footer{display:none}nav{padding:8px}nav button{font-size:0;padding:14px 10px;gap:0}nav button span{font-size:21px}.workspace{margin-left:64px;width:calc(100% - 64px)}header{padding:0 18px}.header-right{gap:7px}.header-right .environment{display:none}.create-layout{grid-template-columns:1fr}.order-summary{position:static}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.page-title .date{display:none}.demo-banner{display:block;line-height:1.8}.demo-banner span{display:block}.toolbar{flex-wrap:wrap;padding:17px}.actions{flex-wrap:wrap}.credential-toolbar{padding:15px}.page-title h1{font-size:24px}main{padding:20px 14px}.form-card{padding:19px}footer span{display:none}}.stats-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns .table-wrap td,.two-columns .table-wrap th{padding:14px 12px}main{padding:28px 32px;max-width:1600px}.page-title{margin-bottom:24px;gap:20px}.page-title h1{font-size:26px}.stats{gap:20px;margin-bottom:24px}.stats>div{padding:22px 24px;min-height:128px;border-radius:12px;display:flex;flex-direction:column;justify-content:center}.stats strong{font-variant-numeric:tabular-nums;margin-top:10px;line-height:1.25}.stats p{margin-top:8px}.card{border-radius:12px;margin-bottom:24px;border-color:#e5eaf2}.card-heading{padding:20px 24px;min-height:64px;align-items:center}.card-heading h2{line-height:1.5}.two-columns{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.two-columns>.card{min-width:0}.toolbar{padding:20px 24px;min-height:80px;align-items:center;gap:16px}.toolbar .actions{gap:10px;justify-content:flex-end}.toolbar .search{margin-top:0!important;min-height:40px}.toolbar button:not(.link){min-height:40px}.actions{gap:10px}.credential-toolbar{padding:16px 24px}.credential-toolbar .actions{flex-wrap:wrap}table{font-size:12px;table-layout:auto}th{padding:14px 20px;height:48px;vertical-align:middle}td{padding:18px 20px;vertical-align:middle;font-variant-numeric:tabular-nums}td b{line-height:1.6}td small{margin-top:4px;line-height:1.6}td .actions{flex-wrap:wrap;row-gap:8px}td .link{line-height:1.6}td .badge{margin-bottom:2px}.promotion-expiry{white-space:nowrap;font-variant-numeric:tabular-nums;color:#59677d;line-height:1.9}.two-columns .table-wrap th,.two-columns .table-wrap td{padding:14px 12px}.two-columns .table-wrap{width:100%}.overview-art{padding:32px 20px}.summary-row{padding:18px 20px;gap:16px}.summary-row span{white-space:nowrap}.form-card{padding:24px}.form-card h2{min-height:28px;display:flex;align-items:center;margin-bottom:20px}.form-card h2 em{flex-shrink:0}.form-card label{line-height:1.65}.choice-grid,.plan-grid{gap:14px}.choice{min-height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:16px;white-space:normal}.choice b{line-height:1.6;margin-top:10px}.choice small{margin-top:4px}.region-icon{min-width:28px;text-align:center}.plan{min-height:172px;display:flex;flex-direction:column;padding:20px}.plan>div{gap:12px;width:100%;line-height:1.5}.plan strong{margin:16px 0 8px}.plan>small{margin-top:auto;overflow-wrap:anywhere}.create-layout{gap:24px;grid-template-columns:minmax(0,1fr) 300px}.order-summary{padding:24px}.order-summary dl{row-gap:18px}.promotion-results{padding:20px 24px}.promotion-results>div{padding:16px 0}.promotion-results pre{margin:12px 0;line-height:1.7}.card-foot{padding:0 24px;line-height:1.8}.empty{padding:44px 24px}.info-box{border-radius:8px}.modal{padding:28px;border-radius:12px}@media(max-width:1200px){main{padding:24px}.two-columns{grid-template-columns:1fr}.create-layout{grid-template-columns:minmax(0,1fr) 270px}}@media(max-width:800px){main{padding:20px 14px}.stats{gap:12px}.stats>div{padding:18px;min-height:116px}.toolbar{padding:16px;align-items:stretch;flex-wrap:wrap}.toolbar .search{max-width:none;flex:1 1 220px}.toolbar .actions{justify-content:flex-start;flex-wrap:wrap}.card-heading{padding:18px}.form-card{padding:20px}.create-layout{grid-template-columns:1fr}.order-summary{position:static}.credential-toolbar{padding:16px}.choice-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan{padding:16px;min-height:164px}.field-grid{gap:14px}}@media(max-width:480px){.plan-grid{grid-template-columns:1fr}.stats-compact{grid-template-columns:1fr 1fr}.stats strong{font-size:25px}.header-right{font-size:11px}}.toast-stack{position:fixed;top:88px;right:24px;z-index:30;width:420px;max-width:calc(100vw - 96px);display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-stack>.alert{margin:0;padding:14px 16px;border-radius:10px;box-shadow:0 8px 28px #172b4920;pointer-events:auto;align-items:flex-start;overflow-wrap:anywhere;max-height:35vh;overflow:auto}.toast-stack .link{flex-shrink:0;line-height:1.6}@media(max-width:800px){.toast-stack{top:86px;right:14px;width:360px;max-width:calc(100vw - 92px)}}th.credential-column{width:260px;min-width:260px}code.password-slot{display:block;width:220px;min-width:220px;max-width:220px;height:36px;min-height:36px;max-height:36px;box-sizing:border-box;padding:8px 10px;font-family:Cascadia Code,Consolas,monospace;font-size:11px;font-weight:400;line-height:18px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;border:1px solid #e5eaf2;border-radius:6px;margin:0}code.password-slot.password-hidden{background:#f5f7fc;color:#8c97a8;user-select:none}code.password-slot.password{background:#f0f3ff;color:#4454bb;user-select:all}.instance-sort{min-width:98px}.instance-sort .actions{flex-wrap:nowrap;gap:6px}.instance-sort button{width:30px;height:30px;padding:0;font-size:16px;line-height:28px}
