:root{font-family:Inter,"Segoe UI","Microsoft YaHei UI",sans-serif;color:#20242b;background:#f5f5f6;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:3px solid #81b9ff;outline-offset:2px}
.topbar{height:65px;background:#fff;border-bottom:1px solid #e7e8eb;display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:9px;font-size:16px}.brand-mark{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#0e8bf3;color:white;font-size:13px}.top-right{display:flex;align-items:center;gap:12px}.mode-badge,.local-badge,.section-tag{border-radius:100px;padding:5px 10px;font-size:11px;font-weight:650;background:#edf6ff;color:#1681d9}.local-badge{background:#eef8f3;color:#278f67}
.layout{display:flex;min-height:calc(100vh - 65px)}.sidebar{width:206px;flex:none;background:#fafafa;border-right:1px solid #e4e5e7;padding:24px 10px;display:flex;flex-direction:column;position:sticky;top:65px;height:calc(100vh - 65px)}.sidebar>small{padding:0 12px;color:#90949b;font-size:11px;margin-bottom:10px}.sidebar nav{display:grid;gap:5px}.nav{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:600;color:#3d4650}.nav:hover{background:#eef4fb}.nav.active{background:#1189ed;color:white;box-shadow:0 3px 8px #1488ed33}.nav-icon{width:23px;text-align:center;font-size:19px}.ec2-icon,.light-icon{color:#f49119}.nav.active .nav-icon{color:white}.side-bottom{margin-top:auto;border-top:1px solid #e5e8eb;padding:17px 8px 0}.side-bottom strong,.side-bottom small,.side-bottom span{display:block}.side-bottom strong{font-size:12px}.side-bottom small{font-size:11px;color:#77818f;margin-top:5px}.side-bottom span{font-size:10px;color:#a0a7b0;margin-top:14px}
.main{flex:1;min-width:0}.content{max-width:1440px;margin:auto;padding:26px 22px 34px}.demo-banner{border-radius:11px;background:#fff9e9;border:1px solid #f5dfa7;padding:11px 15px;color:#9a6a0b;font-size:12px;margin-bottom:16px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px}.page-heading h1{margin:3px 0 4px;font-size:23px;letter-spacing:-.3px}.page-heading p{font-size:12px;color:#8a919b;margin:0}.eyebrow{font-size:10px;color:#1685e1;font-weight:800;letter-spacing:1.4px}
.button{border:0;border-radius:100px;padding:10px 16px;font-size:12px;font-weight:700;white-space:nowrap}.button.primary{background:#0c8df2;color:#fff}.button.primary:hover{background:#0879d6}.button.secondary{background:#eef0f2;color:#424953}.button.secondary:hover{background:#e2e5e8}.button:disabled{opacity:.5}.loading{opacity:.6}
.card{background:#fff;border:1px solid #e8e9ec;border-radius:20px;box-shadow:0 2px 3px #202d3908;margin-bottom:16px;overflow:hidden;scroll-margin-top:82px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 16px}.card-heading h2{margin:0 0 4px;font-size:17px}.card-heading p{margin:0;font-size:11px;color:#9299a2}.account-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(160px,.7fr);gap:16px;padding:0 20px 17px}.account-grid label,.account-id{display:grid;gap:7px}.account-grid label span,.account-id span{font-size:11px;font-weight:650}.account-grid select{width:100%;min-width:0;height:39px;border:1px solid #d9dde2;border-radius:10px;background:#fff;padding:0 11px;color:#283440;box-shadow:0 1px 3px #0000000c;font-size:12px}.account-id{padding:5px 0}.account-id strong{font-size:13px;color:#253445}.service-status{border-top:1px solid #eff0f1;padding:12px 20px;font-size:11px;color:#586b7c;background:#fcfdff;line-height:1.6}
.service-title{display:flex;align-items:center;gap:11px}.service-logo{height:35px;width:35px;display:grid;place-items:center;border-radius:8px;color:#fff;font-size:19px}.ec2-logo,.light-logo{background:#f29318}.updated{font-size:11px;color:#9ca4ad}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 20px 17px}.stats>div{background:#f8f9fb;border:1px solid #edf0f2;border-radius:12px;padding:12px 14px}.stats small,.stats strong{display:block}.stats small{font-size:10px;color:#8f98a4}.stats strong{font-size:20px;margin-top:4px;color:#243342}.stats>div:nth-child(2) strong{color:#15966d}.stats>div:nth-child(3) strong{color:#677485}.stats>div:nth-child(4) strong{color:#d39023}
.toolbar{display:flex;justify-content:space-between;gap:12px;padding:0 20px 16px}.search-wrap{position:relative;display:block;min-width:180px;max-width:360px;flex:1}.search-wrap span{position:absolute;left:12px;top:4px;font-size:22px;color:#919aa5}.search-wrap input{width:100%;height:37px;border:1px solid #d9dde2;border-radius:10px;padding:0 12px 0 36px;font-size:12px;box-shadow:0 1px 3px #0000000c}.filters{display:flex;gap:5px;background:#f0f1f2;border-radius:100px;padding:4px}.filter{border:0;background:transparent;color:#777f89;padding:6px 13px;border-radius:100px;font-size:11px}.filter.active{background:#fff;color:#1d7fcd;box-shadow:0 1px 3px #00000014}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}thead{background:#f0f1f3}th{text-align:left;padding:11px 16px;color:#79818b;font-size:10px;font-weight:600}td{padding:13px 16px;border-bottom:1px solid #eff0f2;color:#5b6672;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}.instance-cell{display:flex;gap:10px;align-items:center}.server-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#ef8c12;background:#fff2e3;flex:none}.instance-cell strong,.instance-cell code{display:block}.instance-cell strong{color:#273443;margin-bottom:3px}.instance-cell code,td code{font-family:Consolas,monospace;color:#88939f;font-size:10px}.status{display:inline-flex;align-items:center;gap:5px;background:#f1f3f5;color:#74808d;border-radius:100px;padding:5px 8px;font-size:10px;font-weight:700;white-space:nowrap}.status.running{background:#e7f8ef;color:#129565}.status.stopped{background:#eff1f4;color:#6f7d8a}.status.pending{background:#fff4de;color:#b78120}.status.other{background:#f6ebf4;color:#916886}.status-dot{width:6px;height:6px;background:currentColor;border-radius:50%}.row-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}.text-button,.start-button{font-size:10px;border-radius:100px;padding:6px 10px;border:0;background:#f0f1f3;color:#465361}.text-button:hover{background:#e5eaf0}.start-button{background:#e4f3ff;color:#087fdd;font-weight:700}.start-button:hover{background:#d5ebff}.empty{text-align:center;padding:32px;color:#939ba5}.error-text{color:#c7444f}.card-footer{border-top:1px solid #f0f1f2;display:flex;justify-content:space-between;padding:12px 20px;font-size:10px;color:#959da8}.resource-content{min-height:70px}.resource-table{min-width:610px}.resource-table td strong,.resource-table td small{display:block}.resource-table td strong{color:#283748}.resource-table td small{color:#a1aab4;margin-top:3px}.resource-empty{padding:25px 20px;color:#919aa5;font-size:11px}
.history-card summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;list-style:none;font-size:11px;color:#7b8793}.history-card summary::-webkit-details-marker{display:none}.history-card summary strong,.history-card summary small{display:block}.history-card summary strong{font-size:15px;color:#27323f}.history-card summary small{margin-top:3px}.history-card[open] summary{border-bottom:1px solid #eff0f2}.footer-note{text-align:center;font-size:10px;color:#a0a8b1;margin:18px 0}
dialog{border:0;border-radius:19px;box-shadow:0 24px 70px #10192555;padding:25px;max-width:calc(100vw - 28px);width:470px;color:#263341}dialog::backdrop{background:#0d152488}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{font-size:18px;margin:7px 0 12px}.icon-button{background:#f0f1f3;border:0;border-radius:100px;width:26px;height:26px;font-size:18px;color:#7d8792}.details-dialog{width:590px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-item{padding:11px;background:#f8f9fb;border:1px solid #eff0f2;border-radius:10px;min-width:0}.detail-item span,.detail-item strong{display:block}.detail-item span{color:#919ba6;font-size:10px;margin-bottom:5px}.detail-item strong{font-size:11px;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.confirm-dialog>p{font-size:12px;color:#71808f;line-height:1.5}.confirm-target{background:#f7f9fb;border:1px solid #e9edf1;border-radius:11px;padding:14px;margin:14px 0}.confirm-target>*{display:block}.confirm-target strong{font-size:13px}.confirm-target code{font-size:11px;color:#87929d;margin-top:4px}.confirm-target span{font-size:10px;color:#84909d;margin-top:5px}.confirm-label{display:block;font-size:11px;font-weight:700;margin:17px 0 7px}.confirm-dialog input{width:100%;height:40px;border:1px solid #d8dce2;border-radius:10px;padding:0 10px;font-family:Consolas,monospace;font-size:12px}.toast{position:fixed;right:20px;bottom:20px;z-index:10;padding:12px 16px;border-radius:10px;background:#263d56;color:white;box-shadow:0 8px 28px #0003;font-size:12px}.toast.error{background:#ac454f}
@media(max-width:850px){.account-grid{grid-template-columns:1fr 1fr}.account-id{grid-column:1/-1}.sidebar{width:170px}.content{padding:18px 14px}}@media(max-width:650px){.topbar{height:56px;padding:0 14px}.layout{display:block}.sidebar{position:static;width:100%;height:auto;padding:8px 12px;border-right:0;border-bottom:1px solid #e4e5e7}.sidebar>small,.side-bottom{display:none}.sidebar nav{display:flex}.nav{padding:8px 10px;font-size:11px}.nav-icon{font-size:15px;width:17px}.content{padding:16px 12px}.page-heading h1{font-size:20px}.page-heading p{max-width:230px}.card{border-radius:16px}.account-grid{grid-template-columns:1fr}.account-id{grid-column:auto}.stats{gap:5px}.stats>div{padding:9px}.stats strong{font-size:16px}.toolbar{flex-wrap:wrap}.search-wrap{max-width:none;flex-basis:100%}.detail-grid{grid-template-columns:1fr}.updated{display:none}}
.account-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px}.account-heading h2{margin:0 0 6px;font-size:18px}.account-heading p{margin:0;color:#969da7;font-size:11px}.account-tools{display:flex;align-items:center;gap:10px}.account-search{position:relative;display:block;width:260px}.account-search span{position:absolute;left:12px;top:5px;color:#959da7;font-size:20px}.account-search input{width:100%;height:38px;padding:0 12px 0 35px;border:1px solid #dce0e5;border-radius:11px;box-shadow:0 1px 3px #0000000d;font-size:12px}.account-table{min-width:650px}.account-table th,.account-table td{padding-inline:20px}.account-table tr.selected{background:#f3f9ff}.account-name{font-weight:700;color:#273747}.account-meta{display:block;margin-top:3px;font-size:10px;color:#9da6af}.account-context{display:flex;align-items:end;gap:25px;padding:16px 20px;background:#fcfcfd;border-top:1px solid #eef0f2}.account-context label,.account-context>div{display:grid;gap:7px}.account-context span{font-size:10px;color:#8c96a1}.account-context select{min-width:220px;height:38px;border:1px solid #d9dde2;border-radius:9px;background:white;padding:0 10px;color:#2d3a47;font-size:12px}.account-context strong{font-size:12px;color:#2d3a47;padding-bottom:10px}.account-dialog>p{font-size:12px;color:#73808e}.account-dialog form{display:grid;gap:13px}.account-dialog form label{display:grid;gap:6px;font-size:11px;font-weight:650}.account-dialog form input{height:40px;border:1px solid #d9dee4;border-radius:10px;padding:0 11px;font-size:12px}.account-dialog .dialog-actions{margin-top:9px}
@media(max-width:850px){.account-search{width:190px}}@media(max-width:650px){.account-heading{align-items:stretch;flex-direction:column;padding:16px}.account-tools{width:100%}.account-search{flex:1;width:auto}.account-context{align-items:start;flex-direction:column;gap:11px}.account-context label{width:100%}.account-context select{width:100%}.account-context strong{padding:0}}
.workspace-context .account-context{border-top:0;background:#fff}.workspace-context .service-status{border-top:1px solid #eff0f1}
.heading-actions,.batch-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.batch-bar{padding:0 20px 14px}.batch-bar span{font-size:11px;color:#71808d;margin-right:5px}.query-errors{padding:12px 20px;color:#a94550;background:#fff7f7;font-size:11px}td small,td code,td strong{display:block}td small{font-size:10px;color:#9ca6b0;margin-top:4px;max-width:220px;overflow-wrap:anywhere}td strong{color:#273747}.muted{color:#a2aab2;font-size:11px}.status.failed,.status.timeout{background:#ffeded;color:#b84650}.status.completed{background:#e6f8ef;color:#0b905f}.status.submitted{background:#e8f3ff;color:#217abc}.status.skipped{background:#fff4df;color:#a9781c}
.wide-dialog{width:min(850px,calc(100vw - 24px));max-height:90vh;overflow:auto}.wide-dialog h3{font-size:14px;margin:18px 0 8px}.wide-dialog p{font-size:11px;color:#77838f;line-height:1.5}.wide-dialog label{font-size:11px;font-weight:650;display:grid;gap:6px;color:#485766}.wide-dialog input,.wide-dialog select,.wide-dialog textarea,.toolbar select{width:100%;min-width:0;border:1px solid #d9dfe5;border-radius:10px;background:#fff;padding:9px 10px;color:#253445;font:inherit;font-size:12px}.wide-dialog textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.inline-check{display:flex!important;align-items:center;gap:7px}.inline-check input{width:auto!important}.disk-row{background:#f8fafc;border:1px solid #e5ebf1;border-radius:11px;padding:10px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.disk-row>strong{font-size:11px}.review-card{border:1px solid #dbe6f0;border-radius:13px;background:#f8fbff;padding:15px;margin-top:18px}.review-card pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;overflow:auto;background:#fff;border:1px solid #e2eaf1;border-radius:9px;padding:12px;font-size:11px}.review-card input{margin:8px 0 12px}.review-card strong{color:#176db1}.wide-dialog .dialog-actions{position:sticky;bottom:-25px;background:#fff;padding:12px 0}.account-table td .status{white-space:normal;max-width:230px;line-height:1.35}.toolbar select{width:auto}.card-heading .button{flex:none}
@media(max-width:650px){.heading-actions{justify-content:flex-end}.batch-bar{padding:0 14px 13px}.batch-bar .button{padding:8px 10px}.wide-dialog{padding:16px}.form-grid{grid-template-columns:1fr}.disk-row{grid-template-columns:1fr 1fr}.card-heading{align-items:flex-start}.account-table{min-width:800px}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.form-section{margin:18px 0;padding:14px;border:1px solid #e1e8ef;border-radius:8px;background:#fafcfe}.form-section h3{margin:0 0 6px}.form-section .form-grid{margin:10px 0}.form-section>.inline-check{margin:12px 0}.form-hint,.wide-dialog .form-hint{display:block;color:#667787;font-size:11px;line-height:1.5;font-weight:400}.form-buttons{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.form-buttons .button{min-width:88px}.form-section #c-public-key{font-family:Consolas,monospace}.form-section #c-import-key{margin:6px 10px 0 0}
.topbar{height:58px;padding-inline:22px}.sidebar{width:190px;padding-top:20px}.content{padding-top:22px}
.card{border-radius:8px;box-shadow:0 1px 2px #202d3908;border-color:#e2e6ea}
.button{border-radius:6px}.button.primary{background:#087fca}.button.primary:hover{background:#066eaf}
.account-heading{padding:16px 18px}.account-heading h2{font-size:16px}.account-heading p{color:#7d8792}.account-tools{gap:8px}.account-search{width:240px}.account-search input,.search-wrap input,.account-context select,.wide-dialog input,.wide-dialog select,.wide-dialog textarea,.toolbar select{border-radius:6px;box-shadow:none}
.account-table{min-width:760px}.account-table th{padding-block:9px;background:#f5f7f9;color:#65717d;font-size:10px}.account-table td{padding-block:11px;color:#46515c}.account-table th:first-child,.account-table td:first-child{min-width:185px}.account-table th:last-child,.account-table td:last-child{min-width:125px}.account-table tbody tr.selected{background:#f3f8fc;box-shadow:inset 3px 0 #1384cf}.account-table tbody tr:hover{background:#f8fafc}.account-table tbody tr.selected:hover{background:#edf5fb}.account-table td .status{padding:4px 8px;font-size:10px}.account-name{display:block;color:#253442;font-size:12px;font-weight:650;overflow-wrap:anywhere}.account-meta{display:block;margin-top:4px;color:#89939e;font-size:10px}.account-table td code{font-size:10px;color:#465b6c}.account-current{display:inline-flex;align-items:center;gap:6px;color:#167b55;font-size:10px;font-weight:700;white-space:nowrap}.account-current>span{width:6px;height:6px;border-radius:50%;background:#1b9b6c}.account-table .start-button{padding:7px 10px;border-radius:5px;font-size:10px}
.account-row-actions{display:flex;align-items:center;gap:8px}.account-row-actions .text-button{padding:6px 8px;color:#b34343}.quota-summary{font-size:11px;color:#465b6c;line-height:1.5}.security-warning{margin:16px 0;padding:12px 14px;border-left:3px solid #c84747;background:#fff3f1;color:#8d3333;font-size:12px;line-height:1.55}.security-warning code{font-family:Consolas,monospace}.batch-bar [data-start-stopped]{font-weight:700;color:#087fdd}
@media(max-width:650px){.account-row-actions{align-items:flex-start;flex-direction:column;gap:5px}.quota-summary{max-width:100%;overflow-wrap:anywhere}}
.workspace-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.workspace-context .account-context{gap:20px;padding:13px 18px}.workspace-context .account-context select{min-width:205px;height:35px}.workspace-context .account-context strong{padding-bottom:8px;font-variant-numeric:tabular-nums}.workspace-context .service-status{max-width:480px;border-top:0;border-left:1px solid #eff0f1;padding:12px 18px;font-size:10px}
.service-card{border-radius:8px}.stats>div{border-radius:7px}.filters{border-radius:7px}.filter{border-radius:5px}.search-wrap input{height:35px}.toolbar select{height:35px}
@media(max-width:850px){.workspace-context{grid-template-columns:1fr}.workspace-context .service-status{max-width:none;border-left:0;border-top:1px solid #eff0f1}.account-search{width:200px}}
@media(max-width:650px){.topbar{height:54px;padding-inline:13px}.sidebar{width:auto;padding:7px 12px}.content{padding-top:14px}.account-heading{padding:14px}.account-tools{align-items:stretch}.account-tools>.button{padding-inline:11px}.account-search{width:auto;min-width:0;flex:1}.account-table{min-width:760px}.workspace-context .account-context{padding:13px 14px}.workspace-context .account-context select{min-width:0}.workspace-context .service-status{padding:11px 14px}.service-card{border-radius:8px}}
.status.warning{background:#fff4df;color:#a9781c}
.content{display:flex;flex-direction:column}.content>.demo-banner{order:0}.content>.page-heading{order:1}.content>#account-panel{order:2}.content>.workspace-context{order:3}.content>#lightsail{order:4}.content>#instances{order:5}.content>#operations{order:6}.content>.footer-note{order:7}
.create-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e8edf2;margin-top:10px;padding-top:4px}.create-submit-bar>span{font-size:11px;color:#72808d}.create-submit-bar .dialog-actions{margin:8px 0}
.ip-copy{display:inline-flex;align-items:center;gap:5px;max-width:100%}.ip-copy code{display:inline!important;overflow-wrap:anywhere}.copy-ip{width:23px;height:23px;border:0;border-radius:5px;background:#f1f3f5;color:#566474;cursor:pointer;flex:none}.copy-ip:hover{background:#e4eff8;color:#087fca}.row-actions{gap:5px}.row-actions .text-button,.row-actions .start-button{padding:6px 8px}.danger-action:hover{background:#ffe0e0;color:#a6313c}
@media(max-width:650px){.create-submit-bar{align-items:stretch;flex-direction:column}.create-submit-bar .dialog-actions{margin-top:0}}
.quota-dialog{width:580px;max-width:calc(100vw - 28px)}.quota-list{max-height:55vh;overflow:auto;margin-top:12px;border-top:1px solid #e5e9ed}.quota-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 2px;border-bottom:1px solid #e5e9ed;font-size:11px}.quota-row>span:first-child{overflow-wrap:anywhere}.quota-badge{flex:none;background:#e7f8ef;color:#15825a;border-radius:100px;padding:5px 9px;font-weight:700}.quota-badge.error{background:#ffeded;color:#b84650}.quota-badge.loading{background:#eef4fa;color:#63788c}.quota-result{display:flex;align-items:center;gap:7px}.quota-result small{color:#7c8c9d;font-size:10px}
.danger-action{color:#b84650;background:#ffeded}
.query-errors{padding:9px 18px;background:#fff9ee;color:#916725;font-size:11px;border-top:1px solid #f2e6ca}.query-errors summary{cursor:pointer;font-weight:650}.error-details{display:grid;gap:7px;margin-top:10px}.error-details>div{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(180px,1fr) auto;align-items:center;gap:10px;padding:8px 10px;background:white;border:1px solid #efe5d1;border-radius:6px}.error-details>div span{color:#76818d;overflow-wrap:anywhere}.error-details .text-button{cursor:pointer}
#resource-content{overflow-x:auto}#resource-content table{min-width:1120px}#instances .table-scroll table{min-width:1040px}#resource-content .ip-copy code{white-space:nowrap;overflow-wrap:normal}.row-actions{min-width:max-content;flex-wrap:nowrap}
/* Resource workspace: consistent hierarchy and immediate interaction feedback. */
:root{background:#f4f6f9;color:#243449}html{scroll-padding-top:80px}
.topbar{height:58px}.sidebar{top:58px;height:calc(100vh - 58px);width:168px;background:#fff;padding-inline:12px}
.brand-mark{background:#087fca}.nav{border-radius:7px;padding:11px 12px}.nav.active{background:#e9f3fc;color:#086eae;box-shadow:none}.nav.active .nav-icon{color:#087fca}
.content{max-width:1560px;padding:24px}.card{border-radius:10px;border-color:#dde4eb;margin-bottom:18px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:25px}.page-heading p{color:#65758a;font-size:13px;margin-top:7px}
.eyebrow{letter-spacing:.6px;color:#688299;font-size:11px}.page-heading .eyebrow{color:#087fca}.card-heading{padding:18px 20px}.card-heading h2,.account-heading h2{font-size:17px}.card-heading p{color:#728197}
.workspace-context{grid-template-columns:1fr}.workspace-context .account-context{align-items:center;flex-wrap:wrap;gap:18px 28px;padding:16px 20px}.workspace-context .account-context strong{padding:0;overflow-wrap:anywhere}.workspace-context .account-context select{width:280px;max-width:100%}.workspace-context .service-status{max-width:none;border-left:0;border-top:1px solid #edf1f5;background:#fafbfd;padding:9px 20px;color:#718197;font-size:11px}.quota-summary{margin-left:auto;max-width:240px}
.account-meta{display:block;font-size:10px;color:#8b99aa}.account-table td{padding-block:14px}.account-table td code{font-size:11px}.account-row-actions{gap:5px;flex-wrap:wrap}.account-row-actions .text-button{color:#42627f;background:#eef3f8;border-radius:5px}.account-row-actions [data-delete-account]{color:#a84c53;background:transparent}.account-current{margin-right:5px}.account-table th{font-size:11px}.status{font-weight:600}.unchecked{color:#8390a1;background:#f0f3f7}
.batch-bar{border-top:1px solid #f0f3f6;padding:10px 20px;background:#fafbfd;gap:7px}.batch-bar .button{font-size:11px;padding:7px 10px}.button{min-height:34px;transition:background-color .12s,box-shadow .12s}.button:active,.text-button:active{transform:translateY(1px)}.button.primary{box-shadow:0 1px 2px #08669a18}.toolbar{padding-bottom:14px}.row-actions{gap:4px;flex-wrap:wrap;min-width:175px;max-width:225px}.row-actions .text-button,.row-actions .start-button{border-radius:5px}td{font-size:12px;padding:14px 12px}th{font-size:11px;padding:11px 12px}td code{font-size:11px}td small{font-size:10px}
#resource-content table{min-width:990px}#instances .table-scroll table{min-width:990px}.query-errors{background:#fffaf0;color:#94702c}.empty{padding:42px 20px}.history-card{box-shadow:none}.footer-note{font-size:11px}
dialog{border:1px solid #dfe6ef;border-radius:14px;padding:24px;box-shadow:0 24px 80px #17283b35}dialog::backdrop{background:#17283b66}.wide-dialog{width:min(880px,calc(100vw - 32px));max-height:92vh;scrollbar-gutter:stable}.dialog-head{position:sticky;top:-24px;background:white;padding:8px 0 12px;border-bottom:1px solid #edf1f5;z-index:2}.dialog-head h2{margin:5px 0 0;font-size:21px}.icon-button{width:30px;height:30px;flex:none}.create-context{padding:16px;background:#f5f8fc;border:1px solid #e4ebf3;border-radius:8px;margin:18px 0 10px}.wide-dialog label{font-size:12px}.wide-dialog input,.wide-dialog select{min-height:40px}.wide-dialog input:disabled{color:#52667a;background:#edf2f8}.wide-dialog .form-hint{font-size:12px;line-height:1.65}.form-section{background:white;padding:16px;margin:16px 0;border-color:#e2e9f1}.form-step{padding:7px 0;border-bottom:1px solid #edf1f5}.security-warning{background:#fffaf0;border-left-color:#e4b052;color:#846529;font-size:12px;padding:10px 13px}.form-section h3{font-size:14px}.create-submit-bar{position:sticky;bottom:-24px;background:white;padding:12px 0;margin-top:16px;z-index:1}.wide-dialog .create-submit-bar .dialog-actions{position:static;padding:0;margin:0}.create-submit-bar>span{max-width:380px;font-size:12px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#78879a;font-size:11px;min-height:32px}.catalog-loading{min-height:270px;padding:20px 4px}.catalog-loading h3{font-size:17px;margin:8px 0}.catalog-loading p{font-size:12px}.catalog-progress{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.catalog-progress>div{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid #e5ecf4;border-radius:7px;font-size:12px;background:#fafcfe}.catalog-notice{padding:12px;border-radius:6px;background:#fff7e8;color:#946520;font-size:12px}.advanced-fields{margin:18px 0;border:1px solid #e2e9f1;border-radius:8px;padding:14px 16px}.advanced-fields summary{cursor:pointer;font-size:13px;font-weight:600}.advanced-fields summary span{font-size:11px;color:#8895a4;font-weight:400;margin-left:12px}.busy-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:750px){.sidebar{width:140px}.content{padding:18px 12px}.quota-summary{margin-left:0;max-width:none}.account-tools{flex-wrap:wrap}.account-search{width:170px}.workspace-context .account-context select{width:100%}}
@media(max-width:650px){.sidebar{width:100%;height:auto;top:0}.content{padding:16px 10px}.page-heading h1{font-size:22px}.page-heading p{font-size:11px}.catalog-progress{grid-template-columns:1fr}.wide-dialog{padding:16px}.dialog-head{top:-16px}.create-submit-bar{bottom:-16px}.workspace-context .account-context{align-items:stretch}.account-table{min-width:840px}.create-context{padding:12px}}
@media(max-width:650px){
  .account-table{display:block;min-width:0}.account-table thead{display:none}.account-table tbody{display:grid;gap:10px;padding:0 12px 12px}
  .account-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e2e9f1;border-radius:8px;padding:10px;gap:10px 6px}
  .account-table td{border:0;padding:0;min-width:0!important}.account-table td:first-child,.account-table td:nth-child(2),.account-table td:last-child{grid-column:1/-1}
  .account-table td:nth-child(2){display:flex;align-items:center;gap:8px}.account-table td:nth-child(2)::before{content:'AWS 账户 ID';font-size:10px;color:#8190a1}
  .account-table td:nth-child(3)::before{content:'身份验证';display:block}.account-table td:nth-child(4)::before{content:'EC2 读取';display:block}.account-table td:nth-child(5)::before{content:'Lightsail 读取';display:block}
  .account-table td:nth-child(n+3):nth-child(-n+5)::before{font-size:10px;color:#8190a1;margin-bottom:5px}
  .account-table td:last-child{border-top:1px solid #e7edf4;padding-top:10px}.account-row-actions{flex-direction:row;align-items:center;gap:6px}.account-current{width:100%;margin:0 0 3px}
}
.action-menu{font-size:11px;min-width:70px}.action-menu>summary{cursor:pointer;list-style:none;padding:7px 9px;background:#edf2f7;border-radius:5px;color:#42627f}.action-menu>div{display:grid;gap:5px;background:#fff;border:1px solid #dfe7f0;border-radius:7px;padding:8px;margin-top:5px;min-width:150px}.action-menu[open]{flex-basis:100%}.action-menu[open]>summary{background:#dcecf9}.row-actions{align-items:flex-start;max-width:195px;min-width:160px}.details-dialog{width:680px;max-height:90vh;overflow:auto}.detail-grid>p{grid-column:1/-1}.insight-table{min-width:490px}.template-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:16px 0 8px}.template-toolbar input,.template-toolbar select{width:180px;min-height:34px}.workspace-context #account{max-width:340px}.heading-actions{justify-content:flex-end}.service-card[hidden],.account-panel[hidden],.workspace-context[hidden]{display:none!important}
@media(max-width:650px){.card-heading{flex-direction:column;gap:14px}.heading-actions{width:100%;justify-content:flex-start}.heading-actions .button{font-size:11px;padding:7px 9px}.template-toolbar input,.template-toolbar select{width:100%}.template-toolbar .text-button{min-height:32px}.details-dialog{max-width:calc(100vw - 18px)}}
/* Keep IPs and actions reachable without horizontal scrolling on smaller workspaces. */
.template-section{margin:12px 0;border:1px solid #e4ebf3;border-radius:7px;padding:10px 12px}.template-section>summary{font-size:12px;color:#62768b;cursor:pointer}.template-section .template-toolbar{margin-bottom:3px}
.wide-dialog .form-hint.error-text{color:#a66b25}
#insight-body>.button{margin-top:12px;margin-right:8px}
@media(max-width:1100px){
  #resource-content table,#instances .table-scroll table{display:block;min-width:0;width:100%}
  #resource-content thead,#instances .table-scroll thead{display:none}
  #resource-content tbody,#instances .table-scroll tbody{display:grid;gap:12px;padding:14px}
  #resource-content tbody>tr,#instances .table-scroll tbody>tr{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;border:1px solid #e2e9f1;border-radius:9px;padding:14px;background:#fff;min-width:0}
  #resource-content td,#instances .table-scroll td{border:0;padding:0;min-width:0;overflow-wrap:anywhere}
  #resource-content td:first-child,#instances .table-scroll td:first-child{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;align-items:center;color:#8290a1;font-size:10px}
  #resource-content td:first-child:has(input)::after,#instances .table-scroll td:first-child:has(input)::after{content:'选择实例'}
  #resource-content td:nth-child(2),#instances .table-scroll td:nth-child(2),#resource-content td:nth-child(6),#instances .table-scroll td:nth-child(6),#resource-content td:last-child,#instances .table-scroll td:last-child{grid-column:1/-1}
  #resource-content td small,#instances .table-scroll td small{max-width:none;line-height:1.65}
  #resource-content td:nth-child(3)::before,#instances .table-scroll td:nth-child(3)::before{content:'状态';display:block;margin-bottom:5px;color:#8290a1;font-size:10px}
  #resource-content td:nth-child(4)::before,#instances .table-scroll td:nth-child(4)::before{content:'系统 / 配置';display:block;margin-bottom:5px;color:#8290a1;font-size:10px}
  #resource-content td:nth-child(5)::before,#instances .table-scroll td:nth-child(5)::before{content:'可用区';display:block;margin-bottom:5px;color:#8290a1;font-size:10px}
  #resource-content td:last-child,#instances .table-scroll td:last-child{border-top:1px solid #edf1f5;padding-top:12px}
  #resource-content .ip-copy code,#instances .ip-copy code{white-space:normal;overflow-wrap:anywhere}.row-actions{min-width:0;max-width:none;gap:8px}.row-actions .text-button,.row-actions .start-button,.action-menu>summary{padding:8px 12px}
  .service-card .card-heading{align-items:flex-start;flex-direction:column;gap:14px}.service-card .heading-actions{justify-content:flex-start;width:100%}
}
/* Combined workspace: accounts stay in view; routine actions need no menu. */
.compact-workspace .layout{display:block}.compact-workspace .sidebar{position:static;width:auto;min-height:0;padding:0 28px;background:#fff;border-bottom:1px solid #e3e9f0;display:flex;align-items:center}.compact-workspace .sidebar>small,.compact-workspace .side-bottom{display:none}.compact-workspace .sidebar nav{display:flex;gap:6px;padding:6px 0}.compact-workspace .sidebar .nav{margin:0;padding:10px 22px;border-radius:7px}.compact-workspace .content{max-width:1600px;padding:20px 28px;gap:16px}.compact-workspace .content>.card,.compact-workspace .page-heading{margin:0}.compact-workspace .page-heading h1{font-size:22px}.compact-workspace .page-heading .eyebrow{display:none}.compact-workspace .account-heading{padding:16px 20px}.compact-workspace .account-table td{padding:10px 16px}.compact-workspace .account-table th{padding:9px 16px}.compact-workspace .account-row-actions{flex-wrap:wrap;gap:5px}.compact-workspace .account-row-actions .text-button{color:#42627f}.compact-workspace .account-row-actions [data-delete-account]{color:#b34343}.compact-workspace .workspace-context{padding:12px 20px}.compact-workspace .account-context{gap:20px}.compact-workspace .row-actions{display:flex;flex-wrap:wrap;max-width:240px;min-width:190px;white-space:normal;gap:6px}.compact-workspace .row-actions button{border-radius:5px;padding:6px 8px;font-size:11px}.compact-workspace .danger-action{color:#ba3948;background:#fff0f1}.account-pagination{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-top:1px solid #edf0f4;font-size:12px;color:#6a788a}.account-pagination>div{display:flex;gap:8px}.account-pagination[hidden]{display:none}.history-heading{display:flex;gap:14px;align-items:center;padding:16px 20px;border-bottom:1px solid #edf0f4}.history-heading small{color:#7b8798}.compact-workspace .template-section{padding:10px 14px;background:#f7f9fc;border:1px solid #e5ebf2;border-radius:8px}.compact-workspace .template-section .form-step{margin:0}.compact-workspace .template-toolbar{margin:8px 0 0}.compact-workspace .advanced-fields{padding:0;border:0}.compact-workspace .service-card .card-heading{padding:16px 20px}.compact-workspace .batch-bar{padding-top:8px;padding-bottom:8px}
@media(max-width:650px){.compact-workspace .content{padding:14px 12px;gap:12px}.compact-workspace .sidebar{padding:0 12px}.compact-workspace .sidebar nav{width:100%}.compact-workspace .sidebar .nav{flex:1;text-align:center}.compact-workspace .account-heading{align-items:flex-start;gap:10px;flex-direction:column}.compact-workspace .account-tools{width:100%}.compact-workspace .account-search{flex:1;min-width:0}.compact-workspace .account-search input{width:100%}.compact-workspace .page-heading p{max-width:210px;line-height:1.6}.compact-workspace .page-heading #refresh{font-size:11px;padding:8px}.compact-workspace .row-actions{max-width:none;min-width:0}.compact-workspace .account-row-actions{flex-direction:row}.compact-workspace .workspace-context{padding:12px}.compact-workspace .account-context{gap:10px}.compact-workspace .history-heading{align-items:flex-start;flex-direction:column;gap:4px}}
.compact-workspace .sidebar{height:auto;flex-direction:row;justify-content:flex-start}.compact-workspace .workspace-context .account-context{padding:0 0 10px}.compact-workspace .account-table th{white-space:nowrap}.compact-workspace .account-name{overflow-wrap:anywhere}.compact-workspace .account-table td:first-child{min-width:210px}
@media(min-width:651px) and (max-width:1100px){.compact-workspace #resource-content tbody>tr,.compact-workspace #instances .table-scroll tbody>tr{grid-template-columns:1fr 1fr 1fr;gap:10px 16px;position:relative;padding:14px}.compact-workspace #resource-content td:first-child,.compact-workspace #instances .table-scroll td:first-child{position:absolute;right:14px;top:14px}.compact-workspace #resource-content td:nth-child(2),.compact-workspace #instances .table-scroll td:nth-child(2){padding-right:90px}.compact-workspace .row-actions{max-width:none}.compact-workspace .service-card .card-heading{flex-direction:row;align-items:center;gap:10px}.compact-workspace .service-card .heading-actions{width:auto;gap:6px}.compact-workspace .heading-actions .button{padding:9px 10px;font-size:11px}}
#operations>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;margin:0;border:0;padding:14px 20px}#operations>summary::-webkit-details-marker{display:none}#operations .history-toggle{margin-left:auto;color:#087fca;font-size:12px}#operations .history-toggle::after{content:' ▾'}#operations[open] .history-toggle::after{content:' ▴'}#operations[open]>summary{border-bottom:1px solid #edf0f4}#operations .table-scroll{max-height:440px;overflow:auto}#operations .table-scroll table{min-width:650px}#operations th{position:sticky;top:0;background:#f3f6fa;z-index:1}#operation-pagination[hidden]{display:none!important}@media(max-width:650px){#operations>summary{flex-direction:row;flex-wrap:wrap;gap:8px}#operations>summary small{font-size:11px}#operations .table-scroll{max-height:360px}}
.inline-create{padding:20px;border-bottom:1px solid #e4eaf2;background:#fff}.inline-create>h2{margin:0 0 14px;font-size:18px}.inline-create>p{color:#7b8798;font-size:12px}.inline-create #create-body input,.inline-create #create-body select,.inline-create #create-body textarea{width:100%;min-height:38px;border:1px solid #dce3ed;border-radius:6px;padding:8px 10px;box-sizing:border-box}.inline-create #create-body input[type=checkbox]{width:auto;min-height:0}.inline-create .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.inline-create label{display:grid;gap:6px;font-size:12px;color:#42536a}.inline-create .inline-check{display:flex;align-items:center;gap:7px;margin:10px 0}.inline-create .create-submit-bar{position:static;background:transparent;border-top:1px solid #e4eaf2;margin-top:16px;padding:14px 0 0}.inline-create .template-section{margin:12px 0}.inline-create .template-toolbar input,.inline-create .template-toolbar select{width:auto!important}.create-tabs{display:flex;gap:8px;margin:16px 0;border-bottom:1px solid #e4eaf2}.create-tabs button{padding:10px 16px;background:none;border:0;border-bottom:2px solid transparent;color:#65748a;cursor:pointer}.create-tabs button[aria-selected=true]{border-color:#0987dc;color:#087fca;font-weight:700}#create-basic[hidden],#create-advanced[hidden]{display:none!important}.inline-create .form-section{margin-top:16px}.inline-create .security-warning{font-size:11px;margin:10px 0;padding:9px 12px}#create-lightsail[hidden]{display:none!important}@media(max-width:650px){.inline-create{padding:16px}.inline-create .form-grid{grid-template-columns:1fr}.inline-create .create-submit-bar{display:block}}
.inline-create:has(#create-body)>p{display:none}.inline-create #create-basic>.form-step{display:none}.inline-create .template-section .form-step{font-size:13px}.inline-create .template-section{padding:10px 12px}.inline-create .create-context{padding:12px}.inline-create .form-step{font-size:14px}
/* Dense creation layout: one configuration grid and a compact login row. */
.compact-workspace .inline-create{padding:16px 20px}.inline-create>h2{font-size:16px;margin-bottom:10px}.inline-create .create-context{background:transparent;border:0;padding:0;gap:10px}.inline-create .template-section{display:flex;align-items:center;gap:12px;margin:10px 0;padding:8px 10px}.inline-create .template-section .form-step{flex:none;margin:0;border:0;padding:0;font-size:12px}.inline-create .template-toolbar{margin:0;gap:6px;flex:1}.inline-create .template-toolbar input,.inline-create .template-toolbar select{max-width:190px;flex:1;min-width:90px;min-height:30px!important;font-size:12px}.inline-create .catalog-toolbar{margin:6px 0;font-size:11px}.inline-create .create-tabs{margin:8px 0 12px;gap:4px}.inline-create .create-tabs button{padding:8px 12px;font-size:12px}.inline-create #create-body input,.inline-create #create-body select{min-height:34px;padding:6px 9px;font-size:12px}.inline-create #create-basic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}.inline-create #create-basic>.form-grid{display:contents}.inline-create #create-basic>.security-warning{grid-column:1/-1;order:3;margin:0;font-size:11px;padding:7px 10px}.inline-create #create-basic>.form-section{grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid #e4eaf2;border-radius:7px;background:#fafbfd}.inline-create #create-basic>.form-section h3{display:none}.inline-create #create-basic .form-hint{font-size:11px;line-height:1.5;margin:0}.inline-create #c-password-hint{margin-bottom:6px!important}.inline-create #c-password-fields{grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.inline-create .form-buttons{margin:0;display:flex;gap:6px;align-items:center}.inline-create .form-buttons .button{padding:8px 10px;font-size:11px;white-space:nowrap}.inline-create .inline-check{margin:6px 0;font-size:11px}.inline-create .create-submit-bar{margin-top:10px;padding-top:10px;min-height:0;gap:12px}.inline-create .create-submit-bar>span{font-size:11px}.inline-create .create-submit-bar .dialog-actions{margin:0}.inline-create .create-submit-bar .button{padding:9px 20px}.compact-workspace .content{gap:12px}.compact-workspace .page-heading p{font-size:11px}.compact-workspace .workspace-context{padding:10px 16px}.compact-workspace .service-card .toolbar{padding-top:8px;padding-bottom:8px}
@media(max-width:1000px){.inline-create #create-basic{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-create #c-password-fields{grid-template-columns:1fr 1fr}.inline-create .form-buttons{grid-column:1/-1}.inline-create .template-section{gap:8px}.inline-create .template-toolbar{flex-wrap:wrap}}
@media(max-width:650px){.compact-workspace .inline-create{padding:14px}.inline-create .template-section{display:block}.inline-create .template-toolbar{margin-top:6px}.inline-create #create-basic{grid-template-columns:1fr}.inline-create #c-password-fields{grid-template-columns:1fr}.inline-create .form-buttons{grid-column:auto}.inline-create .create-submit-bar{display:flex;align-items:center;flex-wrap:wrap}.inline-create .create-submit-bar>span{flex:1;min-width:160px}}
.compact-workspace .account-table tr.selected{background:#eaf5ff;box-shadow:inset 4px 0 #087fdb}.compact-workspace .account-table tr.selected .account-name{color:#066ab7}.compact-workspace .account-current{display:inline-flex;align-items:center;gap:6px;background:#087fca;color:#fff!important;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:700;white-space:nowrap;width:auto;margin:0}.compact-workspace .account-current>span{display:inline;background:none!important;color:#fff;width:auto;height:auto}.inline-create .create-context label:first-child input{background:#eaf5ff!important;border-color:#9bc9ef!important;color:#075e9f;font-weight:700}.inline-create #create-region{border-color:#9bc9ef;background:#f7fbff}
.scope-context{font-size:12px;font-weight:700;color:#166697;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#create-result{padding:10px 12px;background:#eaf8ef;color:#187441;border-radius:6px;font-size:12px}.account-note{display:block;color:#68788c;font-size:11px;margin-top:4px}#create-error{flex-basis:100%;font-size:12px}@media(max-width:650px){.scope-context{max-width:140px;font-size:10px}}
.ec2-entry{font-size:12px;color:#708095;padding:10px}.ec2-entry>summary{cursor:pointer}.ec2-entry .nav{margin-top:6px}.quota-mark{display:inline-block;background:#e6f7ed;color:#16835a;padding:5px 10px;border-radius:20px;font-weight:700}.compact-workspace .workspace-context[hidden]{display:none!important}#account-settings select{min-height:38px;border:1px solid #dce3ed;border-radius:6px;padding:6px}.account-table td:nth-child(3){max-width:210px}@media(max-width:650px){.account-table td:nth-child(3)::before{content:"常用地区"}.account-table td:nth-child(4)::before{content:"配额标记"}.account-table td:nth-child(5)::before{content:"连接"}}
.deploy-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;background:#f2f8fe;border:1px solid #c8dff3;border-radius:6px;padding:4px 9px;font-size:12px}.deploy-summary[hidden],#create-region[hidden]{display:none!important}
.compact-workspace .account-table td:nth-child(4),.compact-workspace .account-table td:nth-child(5){white-space:nowrap;min-width:74px}.compact-workspace .quota-mark,.compact-workspace .account-table .status{white-space:nowrap;word-break:normal}.compact-workspace .account-table td:nth-child(3){min-width:145px}
.quota-mark{border:0;cursor:pointer;font-size:12px}.quota-mark:hover{background:#cdeedc}.quota-mark:focus-visible{outline:2px solid #1689db;outline-offset:2px}
/* Lightsail-only workspace: no empty service navigation. */
.compact-workspace .sidebar,.compact-workspace .page-heading{display:none!important}.compact-workspace .content{padding-top:16px}.account-id-inline{display:block;color:#8793a2;font-size:10px;margin-top:3px}.quota-mark.zero-quota{background:#eef0f3;color:#738092}.compact-workspace .account-table td:nth-child(2){min-width:140px}.compact-workspace .account-table td:nth-child(3){min-width:85px}.compact-workspace .account-table td:nth-child(4){min-width:70px}.compact-workspace #resource-content th:nth-child(5),.compact-workspace #resource-content td:nth-child(5){display:none}.compact-workspace .inline-create .template-section{padding:6px 10px;background:#fafbfd}.compact-workspace .inline-create .catalog-toolbar{margin:4px 0}.compact-workspace .inline-create .create-submit-bar{align-items:center}.compact-workspace .inline-create .form-section{padding:8px 10px}#account-settings{width:460px}#account-settings form{gap:10px}@media(max-width:650px){.account-table td:nth-child(2)::before{content:'常用地区';display:block;font-size:10px;color:#8190a1}.account-table td:nth-child(3)::before{content:'EC2 配额'}.account-table td:nth-child(4)::before{content:'连接'}.account-table td:last-child::before{content:none}.compact-workspace .account-table td:nth-child(2){min-width:0}}
.content>.service-switch{order:3}.service-switch{display:flex;gap:4px;align-self:flex-start;padding:3px;border:1px solid #dce5ef;border-radius:8px;background:#eef3f8;margin:0}.service-switch a{display:block;padding:8px 22px;border-radius:5px;color:#617188;font-size:13px;text-decoration:none;font-weight:600}.service-switch a.active{background:#fff;color:#087fca;box-shadow:0 1px 4px #1e3c5a18}.service-switch a:focus-visible{outline:2px solid #1689db;outline-offset:2px}
.login-page{min-height:100vh;display:grid;place-items:center;background:#f2f6fb;margin:0}.login-card{width:min(400px,90vw);padding:32px;background:white;border:1px solid #e1e8f1;border-radius:14px;box-shadow:0 12px 40px #17365a12}.login-card h1{font-size:22px}.login-card p,.login-card small{font-size:12px;color:#6c7b8f}.login-card form,.login-card label{display:grid;gap:10px}.login-card form{margin:24px 0}.login-card input{height:40px;border:1px solid #ccd8e6;border-radius:6px;padding:0 10px}.login-card label{font-size:13px}.login-card [hidden]{display:none}.login-card #login-error{color:#b63748}

/* DigitalOcean creation workspace */
:is(#digitalocean,#linode)[hidden]{display:none!important}:is(#digitalocean,#linode){display:grid;gap:20px}:is(#digitalocean,#linode) .card-heading{margin:0}.do-account-bar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.do-account-bar>label{min-width:240px;max-width:360px;flex:1}.do-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.do-panel{border:1px solid var(--border,#d9e2e5);border-radius:10px;padding:20px;min-width:0;background:white}.do-panel h3{margin:0 0 18px;font-size:16px}:is(#digitalocean,#linode) label,.do-dialog label{display:grid;gap:7px;font-size:13px;margin:0 0 14px}:is(#digitalocean,#linode) input:not([type=checkbox]),:is(#digitalocean,#linode) select,.do-dialog input,.do-dialog textarea{width:100%;height:40px;padding:8px 10px;box-sizing:border-box;border:1px solid #c6d3d7;border-radius:6px;background:#fff;font:inherit;min-width:0}.do-dialog textarea{height:auto}:is(#digitalocean,#linode) .do-check{display:flex;align-items:center;gap:8px}.do-check input{width:15px;height:15px}.do-cost{padding:16px;background:#eaf4ef;border-radius:8px;font-weight:600;font-size:14px;line-height:1.7;margin:16px 0}.do-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.do-dialog{width:min(600px,92vw);max-height:90dvh;border:0;border-radius:12px;padding:24px;box-sizing:border-box}.do-dialog::backdrop{background:#152d2766}.do-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.do-dialog-head h2{font-size:18px;margin:0}.do-dialog-error,.do-message.error{color:#b42318}.do-message{font-size:13px;line-height:1.6}:is(#digitalocean,#linode) small{display:block;color:#667879;font-size:12px;margin-top:4px}:is(#digitalocean,#linode) td{overflow-wrap:anywhere}:is(#digitalocean,#linode) .muted,.do-dialog .muted{font-size:12px;color:#667879;line-height:1.7}@media(max-width:760px){.do-grid{grid-template-columns:1fr}.do-panel{padding:14px}.do-account-bar>label{max-width:none;width:100%}.do-dialog{padding:18px}:is(#digitalocean,#linode) table{min-width:620px}}

.content>:is(#digitalocean,#linode){order:4;padding:20px;box-sizing:border-box}:is(#digitalocean,#linode)>.card-heading{padding:0!important}.do-account-bar>label{margin-bottom:0!important}.do-workspace #operations,.do-workspace .footer-note{display:none!important}.do-workspace .content>.service-switch{order:-1}.do-workspace .service-switch{max-width:100%;box-sizing:border-box;flex-wrap:wrap}.do-workspace .do-account-bar{align-items:end}.do-workspace :is(#digitalocean,#linode) .do-grid{align-items:stretch}@media(max-width:760px){.content>:is(#digitalocean,#linode){padding:14px;gap:16px}.do-account-bar>label{flex-basis:100%;min-width:0}.do-workspace .service-switch a{padding:8px 14px}.do-workspace .topbar .scope-context,.do-workspace .topbar .local-badge{display:none}.do-workspace .brand{white-space:nowrap}.do-workspace .top-right{gap:6px}}

/* Separate platform workspaces with a persistent left navigation. */
.compact-workspace .layout{display:grid;grid-template-columns:208px minmax(0,1fr);align-items:start}.compact-workspace .sidebar{display:flex!important;position:sticky;top:58px;width:auto;height:calc(100dvh - 58px);box-sizing:border-box;min-height:0;flex-direction:column;align-items:stretch;gap:16px;padding:24px 12px;background:#fff;border-right:1px solid #e2e9f0;border-bottom:0;overflow:auto}.compact-workspace .sidebar>.platform-menu-title{display:block;color:#8290a2;font-size:11px;padding:0 14px;text-transform:uppercase}.compact-workspace .sidebar .platform-navigation{display:grid;gap:8px;padding:0}.compact-workspace .sidebar .nav{display:flex;gap:11px;align-items:center;padding:12px 14px;margin:0;font-size:14px;border-radius:8px;color:#52677c;text-decoration:none}.compact-workspace .sidebar .nav.active{background:#e8f3fc;color:#087fca;font-weight:700}.platform-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid #dbe5ee;border-radius:7px;font-size:12px;background:#f5f8fb}.nav.active .platform-icon{background:#087fca;border-color:#087fca;color:white}.compact-workspace .page-heading{display:flex!important;order:-2}.compact-workspace .content{max-width:1600px;padding:24px;min-width:0}.compact-workspace .content>.service-switch{order:3}.service-switch[hidden]{display:none!important}.do-workspace .content>.service-switch{display:none!important}.content>:is(#digitalocean,#linode){padding:0;border:0;background:transparent;box-shadow:none;gap:18px;order:4}.do-account-card,.do-create-card{padding:20px}.do-account-card>.card-heading{padding:0!important;margin-bottom:16px!important}.do-account-card .do-message{margin:0 0 14px}.do-create-card>h2{font-size:17px;margin:0 0 18px}.do-workspace :is(#digitalocean,#linode) .do-panel{box-shadow:none}.do-workspace :is(#digitalocean,#linode)>.do-panel{margin:0}.compact-workspace .topbar{position:sticky;top:0;z-index:100}.do-workspace .page-heading h1{font-size:22px}
@media(max-width:850px){.compact-workspace .layout{display:block}.compact-workspace .sidebar{position:sticky;top:58px;height:auto;overflow:visible;padding:8px 12px;border-right:0;border-bottom:1px solid #e2e9f0;z-index:90;gap:0}.compact-workspace .sidebar>.platform-menu-title{display:none}.compact-workspace .sidebar .platform-navigation{display:flex;gap:8px}.compact-workspace .sidebar .nav{flex:1;padding:8px 12px;justify-content:center;font-size:13px}.compact-workspace .sidebar .platform-icon{width:22px;height:22px}.compact-workspace .content{padding:16px 12px}.do-account-card,.do-create-card{padding:14px}.compact-workspace .page-heading h1{font-size:20px}.compact-workspace .page-heading p{font-size:12px}.compact-workspace .topbar .scope-context,.compact-workspace .topbar .local-badge{display:none}.compact-workspace .brand{white-space:nowrap}.compact-workspace .top-right{gap:6px}}

#do-password-fields[hidden],#do-key-fields[hidden]{display:none!important}.do-password-actions{display:flex;gap:12px;align-items:center;margin-top:8px}.do-password-actions>.do-check{margin:0!important}

.do-instance-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:160px}.do-instance-actions>.do-danger{color:#b42318;background:#fff0ee}.do-instance-actions button:disabled{opacity:.4;cursor:not-allowed}.copy-ip{width:auto;min-width:36px;padding:2px 6px;white-space:nowrap;font-size:11px}.do-workspace :is(#digitalocean,#linode) .ip-copy{white-space:nowrap}#do-instances table{min-width:780px}

#user-management-nav[hidden],#user-management[hidden]{display:none!important}.user-management{display:grid;gap:20px;min-width:0}.users-create-card,.users-list-card{padding:22px}.users-create-form{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,1fr) auto;align-items:end;gap:16px}.users-create-form label{display:grid;gap:8px}.users-create-form input{width:100%;padding:10px;border:1px solid #cdd7d1;border-radius:6px}.users-row-actions{display:flex;gap:8px;flex-wrap:wrap}.users-list-card table{min-width:660px}.user-management .card-heading p{max-width:800px;line-height:1.7}@media(max-width:700px){.users-create-form{grid-template-columns:1fr}.users-create-card,.users-list-card{padding:16px}.user-management .card-heading{align-items:flex-start;gap:12px}}

.users-workspace #operations,.users-workspace .footer-note{display:none!important}@media(max-width:850px){.compact-workspace .sidebar .nav{white-space:nowrap;font-size:12px;gap:6px;padding:8px 7px}.compact-workspace .sidebar .platform-icon{width:20px;height:20px;flex-shrink:0}}
.account-group-badge{display:inline-block;padding:3px 8px;margin:4px 8px 4px 0;background:#e8f4ed;color:#206144;border-radius:5px;font-size:12px;overflow-wrap:anywhere}.account-tools{flex-wrap:wrap}.account-tools #account-group-filter{width:150px;max-width:100%}.group-create,.account-group-row{display:flex;gap:10px;align-items:center;margin:14px 0}.group-create input,.account-group-row input{min-width:0;flex:1}.account-group-row small{white-space:nowrap}.account-group-row button{flex-shrink:0}@media(max-width:600px){.account-tools{width:100%}.account-group-row{flex-wrap:wrap}.account-group-row input{flex-basis:55%}}
.account-ak{display:block;margin:5px 0;color:#42627a;font-size:12px;overflow-wrap:anywhere}.account-ak code{user-select:all}#credits-content table small{display:block;max-width:300px;white-space:normal;overflow-wrap:anywhere}#credits-redeem-form{border-top:1px solid #e2e8ed;padding-top:18px;margin-top:20px}#credits-content{min-height:100px}#credits-content td{vertical-align:top}

.do-account-list-tools{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:14px 20px}.do-account-list-tools label{max-width:280px}.do-account-list-tools small{color:#6c7d8d}.do-check-details{max-width:420px;margin-top:8px;white-space:normal}.do-check-details summary{cursor:pointer;color:#2875a0}.do-check-details p{margin:8px 0;overflow-wrap:anywhere}.do-check-details small{display:block}.do-account-list td{vertical-align:top}.do-account-list .account-meta{overflow-wrap:anywhere;white-space:normal}@media(max-width:650px){.do-account-list-tools{align-items:stretch;flex-direction:column}}

#account-panel .account-table{min-width:1320px}#account-panel .account-table th:first-child{width:54%}.aws-account-inline{display:flex;align-items:center;gap:10px;white-space:nowrap;max-width:760px}.aws-account-inline .account-name{display:inline-block;flex:0 1 150px;min-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aws-account-inline .account-ak{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;margin:0;white-space:nowrap}.aws-account-inline .account-id-inline{display:inline-block;margin:0;white-space:nowrap;flex-shrink:0}.aws-account-inline .account-note{display:inline-block;max-width:100px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aws-account-inline .account-meta{display:inline-block;margin:0;font-size:11px;white-space:nowrap}.aws-account-group-line{margin-top:5px}.aws-account-group-line .account-group-badge{margin:0}

#linode{display:grid;gap:20px;border:0;background:transparent;padding:0}#linode[hidden]{display:none}#linode .do-account-card{padding-bottom:16px}#linode .do-create-card{padding:20px}#linode .do-panel{min-width:0}#linode .account-table{min-width:720px}#linode .table-scroll{max-width:100%}#linode table small{overflow-wrap:anywhere}#linode td{white-space:normal;overflow-wrap:anywhere}#linode .do-instance-card,#linode .do-jobs-card{overflow:hidden}@media(max-width:650px){#linode .do-grid{grid-template-columns:1fr}#linode .do-create-card{padding:14px}.platform-navigation{flex-wrap:wrap}}

#linode textarea{width:100%;min-height:100px;padding:10px;border:1px solid #c6d3d7;border-radius:6px;box-sizing:border-box;font:inherit}#linode .do-panel label{display:grid;gap:7px;margin-bottom:14px}