@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap');
@font-face{font-family:RubikTheme;src:url('/static/theme/fonts/rubik-300.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:RubikTheme;src:url('/static/theme/fonts/rubik-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:RubikTheme;src:url('/static/theme/fonts/rubik-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:RubikTheme;src:url('/static/theme/fonts/rubik-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:RubikTheme;src:url('/static/theme/fonts/rubik-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:RubikTheme;src:url('/static/theme/fonts/rubik-800.woff2') format('woff2');font-weight:800;font-display:swap}

:root{
--bg:#f3f8fc;--card:#fff;--line:#dbe7f0;--line2:#edf3f7;--text:#102844;--muted:#8296aa;
--blue:#1689e8;--blue2:#0d7bd2;--blueSoft:#e9f5ff;--orange:#ff7019;--green:#22aa6a;--red:#e95f53;--yellow:#eba720;
--shadow:0 10px 28px rgba(25,75,112,.055)
}
html,body,button,input,select,textarea{font-family:RubikTheme,'Rubik',Arial,sans-serif!important}
html{background:var(--bg)}
body.theme{margin:0;min-width:1000px;background:var(--bg);color:var(--text);font-size:14px;font-weight:400}
*{box-sizing:border-box}a{color:inherit}
.app{display:flex;min-height:100vh}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:218px;z-index:40;display:flex;flex-direction:column;padding:20px 12px 22px;background:#fff;border-right:1px solid var(--line)}
.brand{height:93px;display:flex;align-items:center;padding:0 5px 16px;text-decoration:none}
.brand img{width:178px;height:76px;object-fit:contain;object-position:left center}
.side-nav{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.side-nav a{height:48px;display:flex;align-items:center;gap:13px;padding:0 15px;border-radius:10px;color:#6c8299;font-size:13px;font-weight:500;text-decoration:none}
.side-nav a span{width:20px;text-align:center;font-size:18px}
.side-nav a:hover{background:#f2f8fc;color:#137fd8}.side-nav a.active{background:#e8f4fe;color:#0c7ddd;font-weight:600}
.side-bottom{margin-top:auto}.worker-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f9fcfe}
.worker-head{display:flex;align-items:center;gap:8px;font-size:12px}.worker-head i{width:9px;height:9px;border-radius:50%;background:#27b571;box-shadow:0 0 0 5px #e6f8ef}
.worker-card>span{display:block;margin:4px 0 8px 17px;color:#7f93a7;font-size:10px}.worker-card small{color:#8ea1b3;font-size:9px;line-height:1.5}
.logout{height:46px;display:flex;align-items:center;gap:8px;margin-top:10px;padding:0 13px;color:#bf4d44!important;font-size:12px;font-weight:600;text-decoration:none}
.app-shell{width:calc(100% - 218px);min-height:100vh;margin-left:218px;display:flex;flex-direction:column}
.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#fff;border-bottom:1px solid #e4edf4}
.crumb{display:flex;gap:9px;align-items:center;color:#29415b;font-size:11px;font-weight:500}.profile{display:flex;align-items:center;gap:9px;font-size:11px}.profile .bell{margin-right:16px;color:#7f95aa;font-size:18px}.profile img{width:33px;height:33px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #eef3f6}.profile strong{font-weight:500}
.app-main{padding:0 18px 28px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:23px;margin-bottom:16px}.kicker{display:block;margin-bottom:5px;color:#1684dc;font-size:9px;font-weight:700;letter-spacing:.55px;text-transform:uppercase}.page-head h1{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.7px}.page-head p{margin:6px 0 0;color:var(--muted);font-size:11px}.break{word-break:break-all}
.app-footer{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding:0 26px;border-top:1px solid var(--line);background:#fff;color:#72869a;font-size:9px}.footer-brand{display:flex;align-items:center;gap:8px}.footer-brand img{width:35px;height:35px;object-fit:contain}.footer-brand strong{color:#1a3551;font-size:10px}.app-footer b{color:#ed514b;font-size:14px}.app-footer>a{color:#0b83dc!important;text-decoration:none;font-weight:500}
.hero{position:relative;height:232px;overflow:hidden;border-radius:0 0 14px 14px;background:#eaf7ff}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(234,247,255,.98) 0%,rgba(234,247,255,.92) 30%,rgba(234,247,255,.34) 51%,rgba(234,247,255,0) 66%)}
.hero-copy{position:relative;z-index:3;width:52%;padding:31px 36px}.hero-pill{display:inline-flex;padding:7px 11px;border:1px solid #caddea;border-radius:8px;background:rgba(255,255,255,.66);color:#728ca5;font-size:9px;font-weight:500}.hero h1{margin:12px 0 4px;font-size:34px;letter-spacing:-1px}.hero p{margin:0;color:#698198;font-size:14px;font-weight:500}.hero-actions{display:flex;gap:10px;margin-top:18px}
.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:8px;background:#fff;color:#1d3a56;font-size:11px;font-weight:500;text-decoration:none;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn.orange{background:linear-gradient(135deg,#ff871d,#ff6616);color:#fff!important;box-shadow:0 8px 18px rgba(255,112,24,.16)}.btn.primary{background:linear-gradient(135deg,#168fe9,#117bd1);color:#fff!important}.btn.ghost,.btn.soft{border-color:#cedfea;background:#f9fbfd}.btn.outline{border-color:#62aef0;color:#137bd1!important}.btn.danger{border-color:#efcfcc;background:#fff7f6;color:#c34e46!important}.btn.sm{min-height:36px;padding:0 13px;font-size:10px}.btn.xs{min-height:31px;padding:0 10px;font-size:9px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.metric-grid.second{margin-top:12px}.metric-card{min-height:96px;display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.metric-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:11px;font-style:normal;font-size:20px;font-weight:700}.metric-icon.blue{background:#e9f5ff;color:#1688e8}.metric-icon.yellow{background:#fff4d8;color:#eda51f}.metric-icon.green{background:#e9f8ef;color:#20a766}.metric-icon.red{background:#fff0ee;color:#ea6254}.metric-card span{display:block;color:#768ba1;font-size:10px;font-weight:500}.metric-card strong{display:block;margin:3px 0;color:#102844;font-size:25px;font-weight:600;line-height:1}.metric-card small{color:#98a9b9;font-size:9px}
.panel{margin-top:12px;padding:0 17px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.panel-head{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}.section-title{display:flex;align-items:center;gap:12px}.section-title>i{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:10px;background:#eaf5ff;color:#1789e8;font-style:normal;font-size:17px}.section-title h2{margin:0;font-size:15px;font-weight:600}.section-title p{margin:3px 0 0;color:#8da0b2;font-size:9.5px}.section-title.compact{margin-bottom:18px}
.active-row{min-height:64px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(250px,1.2fr);align-items:center;gap:22px;border-top:1px solid var(--line2);text-decoration:none}.build-main{display:flex;align-items:center;gap:10px;min-width:0}.build-thumb{position:relative;width:62px;height:39px;flex:none;overflow:hidden;border:1px solid #d8e4ed;border-radius:7px;background:#eef5f9}.build-thumb img{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;background:#f8fbfd}.build-thumb>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#7c92a7;font-size:8px;font-weight:700}.build-main strong{display:block;font-size:10.5px}.build-main small{display:block;margin-top:3px;color:#8e9faf;font-size:8.5px}.id{padding:6px 8px;border-radius:6px;background:#edf7ff;color:#147ed9;font-size:9px;font-weight:600}.build-copy{min-width:0}.build-copy a{display:block;overflow:hidden;color:#17324f!important;font-size:10.5px;font-weight:600;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}.build-copy small{display:block;overflow:hidden;max-width:250px;white-space:nowrap;text-overflow:ellipsis}
.progress-group{display:flex;align-items:center;gap:9px}.progress{height:6px;flex:1;overflow:hidden;border-radius:99px;background:#e8f0f6}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168ee8,#1aa0ef)}.progress-group b{width:39px;color:#71869c;font-size:9px;font-weight:500}.progress.big{height:9px}.empty-state{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid var(--line2)}.empty-file{position:relative;width:42px;height:45px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;border-radius:7px;background:#deebf3;color:#7790a5}.empty-file small{position:absolute;right:-8px;bottom:0;padding:1px 4px;border-radius:3px;background:#9bb5c7;color:#fff;font-size:6px}.empty-state strong{font-size:11px}.empty-state>span{margin-top:3px;color:#98a9b9;font-size:9px}
.table-tools{display:flex;gap:8px}.table-tools label{height:35px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #d8e4ed;border-radius:7px;background:#f9fbfd;color:#8297aa}.table-tools label:first-child{width:220px}.table-tools label:last-child{width:137px}.table-tools input,.table-tools select{width:100%;border:0;outline:0;background:transparent;color:#62798f;font-size:9.5px}.table-wrap{overflow-x:auto}.build-table,.data-table{width:100%;border-collapse:collapse}.build-table{table-layout:fixed}.build-table th,.data-table th{padding:8px 0;border-bottom:1px solid #dfe9f1;color:#748a9f;font-size:8px;font-weight:600;text-align:left;text-transform:uppercase}.build-table th:nth-child(1){width:35%}.build-table th:nth-child(2){width:13%}.build-table th:nth-child(3){width:18%}.build-table th:nth-child(4){width:18%}.build-table th:nth-child(5){width:16%}.build-table td,.data-table td{height:53px;padding:5px 0;border-bottom:1px solid var(--line2);color:#60768c;font-size:9px;vertical-align:middle}.data-table td{padding:11px 8px}.data-table th{padding:10px 8px}.data-table a{color:#176eae!important;font-weight:600;text-decoration:none}.data-table code,.selected-line code{padding:4px 7px;border-radius:6px;background:#edf6fd;color:#3b719d;font-size:8.5px}
.status{min-width:78px;height:27px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border-radius:99px;font-size:8.5px;font-weight:600}.status:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}.status.success{background:#e9f8ef;color:#1b9a5e}.status.danger{background:#fff0ee;color:#db5a50}.status.active,.status.ready{background:#eaf5ff;color:#167fd5}.status.muted{background:#f0f3f6;color:#76889a}
.date{color:#8093a6}.row-actions{display:flex;justify-content:flex-end;gap:7px}.more{position:relative}.more summary{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border:1px solid #d8e4ed;border-radius:7px;color:#5b748b;cursor:pointer;list-style:none}.more summary::-webkit-details-marker{display:none}.more>div{position:absolute;z-index:90;right:0;top:36px;width:150px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 15px 30px rgba(32,65,92,.15)}.more a,.more button{width:100%;height:35px;display:flex;align-items:center;padding:0 11px;border:0;background:#fff;color:#526c83!important;font-size:9px;text-align:left;text-decoration:none;cursor:pointer}.more a:hover,.more button:hover{background:#f4f9fc}.more form{margin:0}.more button{color:#c5534b!important}
.two-col{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,.55fr);gap:14px;align-items:start}.form-panel,.side-card{padding:20px}.form-step{display:flex;gap:13px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line2)}.form-step.no-border{border-bottom:0;margin-bottom:0}.step-num{width:39px;height:39px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:10px;background:#eaf5ff;color:#157fd6;font-size:10px;font-weight:700}.step-body{flex:1;min-width:0}.step-title{margin-bottom:13px}.step-title strong{display:block;font-size:13px;font-weight:600}.step-title span{display:block;margin-top:3px;color:#8fa1b2;font-size:9.5px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field.full{grid-column:1/-1}.field{display:block}.field>span{display:block;margin-bottom:6px;color:#2d4b67;font-size:10px;font-weight:500}.field input{width:100%;height:43px;padding:0 12px;border:1px solid #d6e3ed;border-radius:8px;outline:0;background:#fbfdfe;color:#17324f;font-size:11px}.field input:focus{border-color:#70afe7;background:#fff;box-shadow:0 0 0 3px rgba(23,137,232,.08)}.field small{display:block;margin-top:5px;color:#96a7b7;font-size:8.5px}.auto-icon{min-height:72px;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px dashed #c8ddec;border-radius:10px;background:#f8fbfd}.auto-icon>i{width:41px;height:41px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:9px;background:#e8f4ff;color:#1688e3;font-style:normal;font-size:18px}.auto-icon strong{display:block;font-size:10.5px}.auto-icon span{display:block;margin-top:3px;color:#8b9faf;font-size:9px}.auto-icon>b{margin-left:auto;padding:5px 7px;border-radius:99px;background:#e7f4ff;color:#1682d7;font-size:7px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.form-actions.left{justify-content:flex-start}.side-card h2{margin:0;font-size:14px;font-weight:600}.side-card>p{margin:5px 0 15px;color:#8da0b2;font-size:9.5px}.ready-list{display:flex;flex-direction:column;gap:11px}.ready-list span{display:flex;align-items:center;gap:9px;color:#6f8499;font-size:9px}.ready-list i{width:17px;height:17px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e7f8ef;color:#25a96a;font-style:normal}.preview-box{margin-top:18px;padding:14px;border:1px solid #dfe8f0;border-radius:10px;background:#f9fcfe}.preview-box small{color:#8fa1b1;font-size:8px}.preview-box strong{display:block;margin-top:5px;font-size:12px}.preview-box code{display:block;margin-top:6px;color:#4e718f;font-size:9px;word-break:break-all}
.page-select{min-width:270px;height:38px;padding:0 11px;border:1px solid #d7e4ed;border-radius:8px;background:#fff;color:#48637d;outline:0;font-size:10px}.selected-line{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#8498aa;font-size:9.5px}.selected-line strong{color:#29445e}.chart{height:245px;display:flex;align-items:flex-end;gap:7px;padding:18px 3px 6px;overflow-x:auto;overflow-y:hidden}.bar{width:30px;min-width:30px;height:210px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.bar>span{height:18px;color:#6d8398;font-size:8px}.bar>div{width:13px;height:160px;display:flex;align-items:flex-end;overflow:hidden;border-radius:99px;background:#edf3f7}.bar>div i{width:100%;border-radius:99px;background:linear-gradient(180deg,#1795ee,#1885dc)}.bar small{margin-top:7px;color:#91a2b2;font-size:7.5px;white-space:nowrap}
.storage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.storage-grid.counts{margin-top:12px}.storage-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.storage-card span{display:block;color:#7f93a7;font-size:9.5px}.storage-card strong{display:block;margin:5px 0;font-size:22px;font-weight:600}.storage-card small{color:#98a8b8;font-size:8.5px}.disk-card{padding:18px}.disk-head{display:flex;align-items:flex-end;justify-content:space-between}.disk-head>div:last-child{text-align:right}.disk-head span{display:block;color:#8195a8;font-size:9px}.disk-head strong{display:block;margin-top:3px;font-size:14px}.disk-head>div:last-child strong{font-size:21px}.disk-track{height:8px;margin-top:13px;overflow:hidden;border-radius:99px;background:#eaf1f6}.disk-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#198be3,#2ca4f2)}.maintenance{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:18px}.maintenance h2{margin:0;font-size:14px}.maintenance p{max-width:720px;margin:5px 0 0;color:#8799aa;font-size:9.5px;line-height:1.5}.maintenance-actions{display:flex;gap:8px}.timer{display:inline-flex;margin-top:10px;padding:6px 9px;border-radius:99px;background:#eef2f5;color:#718397;font-size:8px;font-weight:600}.timer.on{background:#e8f8ef;color:#23955e}
.info-list{display:flex;flex-direction:column}.info-list>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line2)}.info-list span{color:#8598aa;font-size:9px}.info-list strong{font-size:9.5px;text-align:right}.settings-fields{margin-top:5px}
.notice{margin:12px 0;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:10px}.notice.success{border-color:#cfeadb;background:#effaf4;color:#397956}.notice.danger{border-color:#efcfcc;background:#fff6f5;color:#a84a43}.notice strong{display:block;margin-bottom:3px}.notice small{display:block;margin-top:5px}
.analysis-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-card{display:flex;align-items:center;gap:14px;padding:17px}.summary-card small{color:#899cad;font-size:8.5px}.summary-card strong{display:block;margin:4px 0;font-size:12px}.summary-card p{margin:0;color:#8fa1b2;font-size:8.5px}.build-icon-large{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden;border:1px solid #dbe6ee;border-radius:14px;background:#f2f7fb}.build-icon-large img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}.build-icon-large>span{color:#7890a5;font-size:14px;font-weight:700}.success-circle{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:#e8f8ef;color:#21a568;font-style:normal;font-size:22px}.analysis-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.analysis-metrics article{padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.analysis-metrics span{display:block;color:#8195a8;font-size:9px}.analysis-metrics strong{display:block;margin-top:5px;font-size:18px}.pill{padding:6px 9px;border-radius:99px;background:#eef6fc;color:#48728f;font-size:8px;font-weight:600}.pill.warning{background:#fff1df;color:#af6b24}.pill.live{background:#e9f8ef;color:#1c9660}.binary-details{padding:12px 0}.binary-details summary{color:#56748f;font-size:9px;cursor:pointer}.binary-details div{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.binary-details code{padding:4px 6px;border-radius:5px;background:#f0f5f8;color:#60768b;font-size:7.5px}.confirm-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px}.confirm-card small{color:#8b9eaf;font-size:8.5px}.confirm-card h2{margin:4px 0;font-size:17px}.confirm-card p{margin:0;color:#7e92a5;font-size:9px}.waiting-card{position:relative;display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:20px 20px 28px}.waiting-card small{color:#8b9dae;font-size:8.5px}.waiting-card h2{margin:4px 0;font-size:15px}.waiting-card p{margin:0;color:#8799aa;font-size:9px}.waiting-card>strong{font-size:14px}.spinner{width:38px;height:38px;border:4px solid #e3edf5;border-top-color:#1689e8;border-radius:50%;animation:spin 1s linear infinite}.waiting-progress{position:absolute;left:20px;right:20px;bottom:13px;height:6px;overflow:hidden;border-radius:99px;background:#e8f0f6}.waiting-progress i{display:block;height:100%;background:#1689e8}.error-card{padding:18px}
.build-progress-card{padding:18px}.build-progress-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:11px}.build-progress-head strong{display:block;font-size:12px}.build-progress-head span{display:block;margin-top:3px;color:#879aab;font-size:9px}.build-progress-head>b{font-size:14px}.control-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:14px}.control-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.control-save{display:flex;align-items:flex-end}.icon-control{padding:16px;border:1px solid var(--line2);border-radius:10px;background:#f9fcfe}.icon-control>div:nth-child(2){margin:12px 0}.icon-control small{color:#8c9faf;font-size:8.5px}.icon-control strong{display:block;margin-top:3px;font-size:12px}.icon-control p{margin:4px 0;color:#899cad;font-size:8.5px}.icon-control input[type=file]{width:100%;font-size:8px;margin-bottom:8px}.action-row,.build-actions-bottom{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.last-action{margin-top:12px;color:#8194a7;font-size:9px}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pipeline>div{padding:12px;border:1px solid var(--line2);border-radius:9px;background:#fbfdfe}.pipeline i{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-bottom:7px;border-radius:7px;background:#edf6fd;color:#1685db;font-style:normal;font-size:9px;font-weight:700}.pipeline strong{display:block;font-size:9.5px}.pipeline span{display:block;margin-top:3px;color:#8c9faf;font-size:7.8px}.pipeline>div.done{background:#f2fbf6;border-color:#d7eee1}.pipeline>div.done i{background:#e5f7ed;color:#20a365}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-card{padding:18px}.info-card h2{margin:0 0 8px;font-size:14px}.hash-box{margin-top:11px;padding:10px;border-radius:8px;background:#f4f8fb}.hash-box span{display:block;color:#8296a8;font-size:8px}.hash-box code{display:block;margin-top:4px;color:#4d6e89;font-size:7.5px;word-break:break-all}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.asset-grid article{padding:10px;border:1px solid var(--line2);border-radius:8px;background:#f9fcfe}.asset-grid span{display:block;color:#8396a8;font-size:8px}.asset-grid strong{display:block;margin-top:4px;font-size:14px}.log-card pre{max-height:320px;overflow:auto;margin:0;padding:14px;border-radius:9px;background:#102132;color:#bdd2e2;font-family:ui-monospace,Consolas,monospace!important;font-size:8px;line-height:1.55}.build-actions-bottom{align-items:center}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1300px){.app-sidebar{width:198px}.app-shell{width:calc(100% - 198px);margin-left:198px}.brand img{width:160px}.two-col,.control-grid{grid-template-columns:1fr}.metric-grid,.storage-grid,.analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ===== PIXEL POLISH V2 ===== */
.nav-ico,.logout-ico,.crumb-ico,.bell,.profile-chev,.btn-ico,.btn-arrow,.tool-ico{
  display:inline-flex;align-items:center;justify-content:center;flex:none
}
.nav-ico{width:22px;height:22px}
.nav-ico svg{width:20px;height:20px}
.logout-ico{width:20px;height:20px}.logout-ico svg{width:19px;height:19px}
.crumb-ico{width:17px;height:17px;color:#8098ae}.crumb-ico svg{width:15px;height:15px}
.bell{width:28px;height:28px;margin-right:12px!important}.bell svg{width:19px;height:19px}
.profile-chev{width:18px;height:18px;color:#71879b}.profile-chev svg{width:15px;height:15px}
.btn-ico{width:18px;height:18px}.btn-ico svg{width:17px;height:17px}
.btn-arrow{width:16px;height:16px;margin-left:3px}.btn-arrow svg{width:16px;height:16px}
.tool-ico{width:18px;height:18px}.tool-ico svg{width:16px;height:16px}
.more summary svg{width:17px;height:17px}

body.theme{
  font-size:15px;
}
.app-sidebar{
  width:220px;
  padding:20px 12px 22px;
}
.app-shell{
  width:calc(100% - 220px);
  margin-left:220px;
}
.brand{
  height:100px;
}
.brand img{
  width:181px;
  height:82px;
}
.side-nav{
  gap:7px;
}
.side-nav a{
  height:50px;
  gap:14px;
  padding:0 15px;
  font-size:14px;
  border-radius:11px;
}
.worker-card{
  padding:15px 14px;
}
.worker-head{
  font-size:13px;
}
.worker-card>span{
  font-size:10.5px;
}
.worker-card small{
  font-size:9.5px;
}
.logout{
  font-size:13px;
}
.topbar{
  height:54px;
  padding:0 26px;
}
.crumb{
  font-size:12px;
  gap:10px;
}
.profile{
  gap:10px;
  font-size:12px;
}
.profile img{
  width:35px;
  height:35px;
}
.app-main{
  padding-left:20px;
  padding-right:20px;
}
.hero{
  height:250px;
}
.hero-copy{
  width:54%;
  padding:34px 39px;
}
.hero-pill{
  padding:7px 12px;
  font-size:9.5px;
}
.hero h1{
  margin-top:14px;
  font-size:39px;
  font-weight:700;
}
.hero p{
  font-size:15px;
}
.hero-actions{
  margin-top:20px;
}
.btn{
  min-height:43px;
  padding:0 17px;
  font-size:12px;
}
.btn.sm{min-height:38px;font-size:10.5px}
.btn.xs{min-height:33px;font-size:9.5px}
.metric-card{
  min-height:104px;
  padding:16px 18px;
}
.metric-icon{
  width:50px;height:50px;
}
.metric-card span{font-size:10.5px}
.metric-card strong{font-size:27px}
.metric-card small{font-size:9.5px}
.panel{
  margin-top:13px;
  padding-left:18px;
  padding-right:18px;
}
.panel-head{min-height:70px}
.section-title>i{width:42px;height:42px}
.section-title h2{font-size:16px}
.section-title p{font-size:10px}
.active-row{min-height:68px}
.empty-state{min-height:112px}
.table-tools label{height:38px}
.table-tools label:first-child{width:230px}
.table-tools label:last-child{width:145px}
.table-tools input,.table-tools select{font-size:10px}
.build-table th,.data-table th{font-size:8.5px}
.build-table td,.data-table td{height:56px;font-size:9.5px}
.build-copy a{font-size:11px}
.build-copy small{font-size:9px}
.status{height:29px;font-size:9px}
.date{font-size:9.5px}
.progress-group b{font-size:9.5px}
.app-footer{
  min-height:76px;
  font-size:9.5px;
}

/* Settings should not look miniaturized */
.settings-layout{
  grid-template-columns:minmax(0,1.55fr) minmax(360px,.65fr);
}
.settings-layout .form-panel,
.settings-layout .side-card{
  padding:24px;
}
.settings-layout .section-title h2,
.settings-layout .side-card h2{
  font-size:16px;
}
.settings-layout .section-title p,
.settings-layout .side-card>p{
  font-size:10px;
}
.settings-layout .field>span{
  font-size:11px;
}
.settings-layout .field input{
  height:46px;
  font-size:12px;
}
.settings-layout .field small{
  font-size:9px;
}
.settings-layout .info-list span{
  font-size:9.5px;
}
.settings-layout .info-list strong{
  font-size:10px;
}
.settings-layout .info-list>div{
  padding:13px 0;
}

/* Align to mockup on wide monitors instead of stretching too flat */
@media (min-width:1800px){
  .hero{height:272px}
  .hero h1{font-size:42px}
  .hero p{font-size:16px}
  .metric-card{min-height:112px}
  .panel-head{min-height:74px}
  .empty-state{min-height:130px}
  .build-table td{height:61px}
}


/* ONEST_THEME_BEGIN */
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700;800&display=swap');
@font-face{
    font-family:'OnestLocal';
    src:url('/static/theme/fonts/onest-cyrillic.woff2') format('woff2');
    font-weight:100 900;
    font-style:normal;
    font-display:swap;
}
html,body.theme,body.theme *,body.theme button,body.theme input,body.theme select,body.theme textarea{
    font-family:'OnestLocal','Onest',Arial,sans-serif !important;
}
body.theme pre,body.theme pre *,body.theme .log-card pre{
    font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace !important;
}
/* ONEST_THEME_END */

/* SVG ICON PACK V4 */
.nav-ico svg,.logout-ico svg,.crumb-ico svg,.bell svg,.profile-chev svg,.btn-ico svg,.btn-arrow svg,.tool-ico svg,.more summary svg,.metric-icon svg,.section-title>i.svg-ico svg,.auto-icon>i.svg-ico svg,.ready-list .mini-svg svg,.success-circle.svg-ico svg{width:100%;height:100%;display:block}
.metric-icon svg{width:22px;height:22px}
.section-title>i.svg-ico{color:#1689e8}
.section-title>i.svg-ico.danger{color:#e95f53}
.auto-icon>i.svg-ico{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#eaf5ff;color:#1689e8}
.ready-list .mini-svg{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;color:#22aa6a;vertical-align:-3px}
.success-circle.svg-ico{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eaf8ef;color:#22aa6a;font-size:0}
.success-circle.svg-ico svg{width:24px;height:24px}
.build-actions-bottom .btn-ico,.action-row .btn-ico,.form-actions .btn-ico,.row-actions .btn-ico{width:16px;height:16px}

/* STATS DETAIL V2 BEGIN */
.stats-search{
    width:220px;
    height:36px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 10px;
    border:1px solid #d7e4ed;
    border-radius:8px;
    background:#f9fbfd;
    color:#8095a9;
}
.stats-search.wide{width:290px}
.stats-search svg{width:16px;height:16px;flex:none}
.stats-search input{
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    color:#526b82;
    font-size:9.5px;
}
.remote-only{
    color:#98a8b8;
    font-size:8.5px;
}
.stats-partner-table td code,
.stats-event-table td code{
    display:inline-flex;
    padding:4px 7px;
    border-radius:6px;
    background:#edf6fd;
    color:#3d719d;
    font-size:8.5px;
}
.stats-events-head{
    flex-wrap:wrap;
}
.stats-event-table{
    min-width:1050px;
}
.stats-event-table th:nth-child(1){width:145px}
.stats-event-table th:nth-child(2){width:170px}
.stats-event-table th:nth-child(3){width:120px}
.stats-event-table th:nth-child(4){width:190px}
.stats-event-table th:nth-child(5){width:130px}
.stats-event-table th:nth-child(6){width:105px}
.stats-event-table th:nth-child(7){width:120px}
.event-time{
    color:#6f8498 !important;
    white-space:nowrap;
}
.event-nick{
    color:#17324f;
    font-size:9.5px;
}
.server-address{
    color:#3f617d;
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace !important;
    font-size:8.5px;
    white-space:nowrap;
}
.map-badge{
    display:inline-flex;
    padding:4px 7px;
    border-radius:6px;
    background:#f0f5f8;
    color:#5d7488;
    font-size:8.5px;
}
.source-badge{
    display:inline-flex;
    max-width:150px;
    overflow:hidden;
    padding:4px 7px;
    border-radius:6px;
    background:#f7f3ff;
    color:#725ca5;
    font-size:8px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.stats-events-error{
    margin:0 0 12px;
    padding:11px 13px;
    border:1px solid #efd1cf;
    border-radius:9px;
    background:#fff7f6;
    color:#a34c45;
    font-size:9.5px;
}
.stats-empty-row{
    height:70px !important;
    color:#8ea0b1 !important;
    text-align:center;
}
@media(max-width:1250px){
    .stats-search,
    .stats-search.wide{
        width:240px;
    }
}
/* STATS DETAIL V2 END */

/* SERVER NAME FEED V3 BEGIN */
.server-cell{
    min-width:210px;
}
.server-cell strong{
    display:block;
    max-width:240px;
    overflow:hidden;
    color:#17324f;
    font-size:9.5px;
    font-weight:600;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.server-cell .server-address{
    display:block;
    margin-top:3px;
}
.server-cell small{
    display:block;
    margin-top:3px;
    color:#91a2b2;
    font-size:7.5px;
}
/* SERVER NAME FEED V3 END */

/* STATS TABS + PARTNER MANAGEMENT V4 BEGIN */
.stats-tabs{display:flex;gap:7px;margin:0 0 14px;padding:5px;width:max-content;border:1px solid #dbe7f0;border-radius:11px;background:#fff}
.stats-tab{min-height:37px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:#71879c;font-family:inherit;font-size:10px;font-weight:500;cursor:pointer}
.stats-tab svg{width:16px;height:16px}.stats-tab.active{background:#eaf5ff;color:#147ed8}
.tab-count{min-width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border-radius:99px;background:#eef3f7;font-size:7.5px;font-weight:700}
.tab-count.warning{background:#fff0df;color:#b66b21}
.stats-tab-panel{display:none}.stats-tab-panel.active{display:block}
.partners-panel,.connects-panel{margin-top:0}
.partner-toolbar{display:flex;align-items:center;gap:8px}
.partner-filter{height:36px;padding:0 10px;border:1px solid #d7e4ed;border-radius:8px;background:#f9fbfd;color:#526b82;outline:0;font-family:inherit;font-size:9.5px}
.partner-summary{min-height:49px;display:flex;align-items:center;gap:16px;padding:8px 0 11px;border-top:1px solid #edf3f7;color:#7d91a5;font-size:9px}
.partner-summary>span{display:flex;align-items:center;gap:5px}.partner-summary b{color:#2a435c;font-size:11px}.partner-summary .good b{color:#22965f}.partner-summary .warning b{color:#b97428}.partner-summary .muted b{color:#778b9d}
.partner-bulk-actions{display:flex;gap:7px;margin-left:auto}.partner-bulk-actions form,.partner-row-action form{margin:0}
.stats-partner-table{min-width:1220px}.stats-partner-table th{white-space:nowrap}
.stats-partner-table th button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;cursor:pointer}
.stats-partner-table th button span{color:#9eafbd;font-size:9px}.stats-partner-table th.sorted button{color:#147ed8}.stats-partner-table th.sorted.desc button span{transform:rotate(180deg)}
.activity-time{color:#627a90;font-size:8.5px;white-space:nowrap}
.partner-state{min-width:69px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;font-size:7.5px;font-weight:700}
.partner-state.active{background:#e8f8ef;color:#24935e}.partner-state.inactive{background:#fff1df;color:#ad6b27}.partner-state.hidden{background:#eff2f5;color:#758799}
.tag-action{height:27px;padding:0 9px;border:1px solid;border-radius:7px;background:#fff;font-family:inherit;font-size:7.8px;font-weight:600;white-space:nowrap;cursor:pointer}
.tag-action.delete{border-color:#efcfcc;background:#fff7f6;color:#bf5149}.tag-action.restore{border-color:#c9e3f6;background:#f2f9fe;color:#147ccf}
.partner-row-action{width:115px;text-align:right}
@media(max-width:1250px){.partners-head,.stats-events-head{align-items:flex-start;flex-direction:column}.partner-toolbar{width:100%}.partner-toolbar .stats-search{flex:1}}
/* STATS TABS + PARTNER MANAGEMENT V4 END */

/* LOGIN_PAGE_V2_BEGIN */
html{
    min-height:100%;
}

body.theme.auth-theme{
    min-width:0 !important;
    min-height:100vh;
    margin:0;
    overflow-x:hidden;
    background:#edf5fb;
    color:#102844;
}

.auth-theme .login-shell{
    width:100%;
    min-height:100vh;
    display:grid;
    grid-template-columns:minmax(0,1.32fr) minmax(430px,.68fr);
    background:#edf5fb;
}

.auth-theme .login-art{
    position:relative;
    min-height:100vh;
    overflow:hidden;
    background:
        linear-gradient(135deg,#eaf7ff 0%,#dfeff9 52%,#d6e9f5 100%);
}

.auth-theme .login-hero{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:.92;
}

.auth-theme .login-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(90deg,rgba(239,249,255,.97) 0%,rgba(239,249,255,.90) 35%,rgba(225,240,250,.38) 66%,rgba(12,37,61,.06) 100%),
        linear-gradient(180deg,rgba(255,255,255,.05),rgba(222,239,249,.14));
}

.auth-theme .login-brand{
    position:relative;
    z-index:4;
    width:min(610px,58%);
    padding:58px 0 50px 64px;
}

.auth-theme .login-brand>img{
    display:block;
    width:190px !important;
    height:auto !important;
    max-width:100%;
    object-fit:contain;
}

.auth-theme .login-brand h1{
    margin:88px 0 16px;
    max-width:560px;
    color:#0b2b4c;
    font-size:46px;
    font-weight:650;
    line-height:1.07;
    letter-spacing:-1.6px;
}

.auth-theme .login-brand p{
    max-width:520px;
    margin:0;
    color:#698197;
    font-size:15px;
    line-height:1.65;
}

.auth-theme .login-character{
    position:absolute;
    z-index:3;
    right:-2.5%;
    bottom:-1%;
    width:auto !important;
    height:92% !important;
    max-width:62% !important;
    object-fit:contain;
    object-position:right bottom;
    filter:drop-shadow(0 28px 34px rgba(21,57,87,.18));
    pointer-events:none;
}

.auth-theme .login-side{
    position:relative;
    z-index:5;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:48px 46px;
    background:rgba(255,255,255,.97);
    border-left:1px solid #dbe7f0;
    box-shadow:-18px 0 45px rgba(47,84,111,.035);
}

.auth-theme .login-card{
    width:min(410px,100%);
}

.auth-theme .login-logo{
    display:block;
    width:170px !important;
    height:auto !important;
    max-width:100%;
    margin:0 0 38px;
    object-fit:contain;
}

.auth-theme .login-card .kicker{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    margin:0 0 10px;
    padding:0 9px;
    border:1px solid #cfe1ee;
    border-radius:999px;
    background:#f3f9fd;
    color:#1684dc;
    font-size:9px;
    font-weight:700;
    letter-spacing:.55px;
    text-transform:uppercase;
}

.auth-theme .login-card h2{
    margin:0;
    color:#102844;
    font-size:29px;
    font-weight:650;
    line-height:1.15;
    letter-spacing:-.75px;
}

.auth-theme .login-card>p{
    margin:8px 0 0;
    color:#8296aa;
    font-size:12px;
    line-height:1.55;
}

.auth-theme .login-card .notice{
    margin:18px 0 0;
}

.auth-theme .login-form{
    display:flex;
    flex-direction:column;
    gap:15px;
    margin-top:28px;
}

.auth-theme .login-form .field{
    display:block;
    width:100%;
}

.auth-theme .login-form .field>span{
    display:block;
    margin-bottom:7px;
    color:#5f768d;
    font-size:11px;
    font-weight:550;
}

.auth-theme .login-form input[type="text"],
.auth-theme .login-form input[type="password"]{
    width:100%;
    height:48px;
    padding:0 14px;
    border:1px solid #d8e5ee;
    border-radius:10px;
    outline:none;
    background:#f9fcfe;
    color:#18344f;
    font:inherit;
    font-size:12px;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.auth-theme .login-form input[type="text"]:focus,
.auth-theme .login-form input[type="password"]:focus{
    border-color:#72b8ed;
    background:#fff;
    box-shadow:0 0 0 4px rgba(22,137,232,.08);
}

.auth-theme .login-form input::placeholder{
    color:#9aabb9;
}

.auth-theme .password-wrap{
    position:relative;
    width:100%;
}

.auth-theme .password-wrap input{
    padding-right:48px !important;
}

.auth-theme .password-wrap button{
    position:absolute;
    top:50%;
    right:7px;
    width:35px;
    height:35px;
    padding:0;
    transform:translateY(-50%);
    border:0;
    border-radius:8px;
    background:transparent;
    color:#7890a5;
    cursor:pointer;
}

.auth-theme .password-wrap button:hover{
    background:#eaf5fd;
}

.auth-theme #caps-warning{
    margin-top:7px;
    color:#ae7429;
    font-size:10px;
}

.auth-theme .remember{
    display:flex;
    align-items:center;
    gap:8px;
    margin:1px 0 2px;
    color:#6e8498;
    font-size:11px;
    cursor:pointer;
}

.auth-theme .remember input{
    width:16px;
    height:16px;
    margin:0;
    accent-color:#1689e8;
}

.auth-theme .login-submit{
    width:100%;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:2px;
    padding:0 16px;
    border:0;
    border-radius:10px;
    background:linear-gradient(135deg,#168fe9,#0e79cf);
    color:#fff !important;
    box-shadow:0 9px 20px rgba(22,137,232,.18);
    font-size:12px;
    font-weight:600;
    cursor:pointer;
}

.auth-theme .login-submit:hover{
    transform:translateY(-1px);
    box-shadow:0 12px 24px rgba(22,137,232,.22);
}

.auth-theme .login-submit b{
    font-size:17px;
    font-weight:400;
}

@media (max-width:1200px){
    .auth-theme .login-shell{
        grid-template-columns:minmax(0,1fr) 430px;
    }

    .auth-theme .login-brand{
        width:66%;
        padding-left:42px;
    }

    .auth-theme .login-brand h1{
        font-size:38px;
    }

    .auth-theme .login-character{
        right:-8%;
        max-width:66% !important;
    }
}

@media (max-width:920px){
    .auth-theme .login-shell{
        display:block;
    }

    .auth-theme .login-art{
        display:none;
    }

    .auth-theme .login-side{
        min-height:100vh;
        border-left:0;
        padding:32px 22px;
        background:
            radial-gradient(circle at 20% 10%,rgba(22,137,232,.10),transparent 26rem),
            #edf5fb;
    }

    .auth-theme .login-card{
        padding:30px;
        border:1px solid #dbe7f0;
        border-radius:20px;
        background:#fff;
        box-shadow:0 20px 55px rgba(33,74,105,.10);
    }

    .auth-theme .login-logo{
        width:150px !important;
        margin-bottom:30px;
    }
}
/* LOGIN_PAGE_V2_END */

/* BUILD PERFORMANCE + COMPRESSION V1 BEGIN */
.compression-picker{margin-top:16px}
.compression-title{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:10px}
.compression-title>span{color:#536d84;font-size:11px;font-weight:600}
.compression-title>small{color:#91a2b2;font-size:9px}
.compression-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.compression-option{position:relative;min-height:76px;display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid #d9e6ef;border-radius:11px;background:#fbfdff;cursor:pointer;transition:.18s ease}
.compression-option:hover{border-color:#9dcbed;background:#f5fbff;transform:translateY(-1px)}
.compression-option input{width:15px;height:15px;margin:2px 0 0;accent-color:#1689e8}
.compression-option span{display:flex;flex-direction:column;gap:4px}
.compression-option b{color:#213d57;font-size:10.5px}
.compression-option small{color:#8da0b2;font-size:8.5px;line-height:1.45}
.compression-option em{position:absolute;top:8px;right:8px;padding:3px 6px;border-radius:999px;background:#e7f5ff;color:#1683d8;font-size:7px;font-style:normal;font-weight:700}
.compression-option:has(input:checked){border-color:#72b8ea;background:#f0f9ff;box-shadow:0 0 0 3px rgba(22,137,232,.06)}
.compression-field select{width:100%;height:42px;padding:0 11px;border:1px solid #d8e5ee;border-radius:9px;outline:0;background:#fbfdff;color:#526b82;font-family:inherit;font-size:10px}
.compression-field small{display:block;margin-top:6px;color:#91a2b2;font-size:8px}
.performance-panel{margin-top:13px}
.compression-current{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #cfe4f3;border-radius:999px;background:#f1f9fe;color:#397cae;font-size:8px;font-weight:700}
.performance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding-bottom:4px}
.performance-grid article{min-height:87px;padding:14px;border:1px solid #e0e9f0;border-radius:11px;background:#fbfdff}
.performance-grid article>span{display:block;color:#7c90a3;font-size:8.5px}
.performance-grid article>strong{display:block;margin-top:6px;color:#173752;font-size:18px;font-weight:650}
.performance-grid article>small{display:block;margin-top:5px;color:#9aa9b7;font-size:7.5px}
.performance-grid .setup-performance{border-color:#cfe4f3;background:#f4faff}
.performance-grid .setup-performance>strong{color:#1683d8}
.performance-grid .total-performance{border-color:#d2eadc;background:#f5fbf7}
.performance-grid .total-performance>strong{color:#258b59}
@media(max-width:1150px){.compression-options{grid-template-columns:1fr}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.total-performance{grid-column:span 2}}
@media(max-width:650px){.performance-grid{grid-template-columns:1fr}.total-performance{grid-column:auto}.compression-title{align-items:flex-start;flex-direction:column}}
/* BUILD PERFORMANCE + COMPRESSION V1 END */