.up-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}
.up-config{padding:18px;position:sticky;top:16px}
.up-panel-heading,.up-status-heading,.up-table-heading,.up-pagination,.up-input-footer,.up-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.up-panel-heading{margin-bottom:13px}.up-panel-heading>span{font-size:10px;color:#87a7c6}
#up-accounts{display:block;width:100%;height:218px;min-height:130px;font-size:11px;padding:11px;resize:vertical}
.up-import-actions{display:flex;gap:7px;margin-top:10px}.up-import-actions>*{flex:1}.up-import-actions .button{min-height:32px;padding:6px 7px;font-size:10px}
.up-file-picker{cursor:pointer}.up-file-picker input{display:none}.up-input-footer{font-size:9px;color:#6f87a7;margin-top:10px}.up-input-footer>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.up-input-footer button{font-size:9px;white-space:nowrap}
.up-config-title{font-size:9px;color:#89a4c7;letter-spacing:1.2px;border-top:1px solid #2a3a4d;padding-top:19px;margin:20px 0 15px}
.up-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.up-config .field-label{font-size:10px;margin-bottom:13px;gap:6px}.up-config input:not([type=file]),.up-config select{height:34px;font-size:11px;padding:0 9px}
.up-mode-note{font-size:9px;line-height:1.8;color:#859cb9;margin:-5px 0 15px}.up-run-actions{margin-top:22px;padding-top:18px;border-top:1px solid #29394e}.up-run-actions>.button{width:100%;min-height:40px}.up-start{background:#0b8877;border-color:#119a88;color:#efffff}.up-start:hover{background:#11a08c}.up-run-actions>div{display:flex;gap:7px;margin-top:8px}.up-run-actions>div .button{flex:1;font-size:10px;padding:7px 9px;min-height:34px}
.up-runtime{min-width:0}.up-status-card{padding:17px 15px;margin-bottom:16px}.up-status-heading{font-size:10px;color:#91a9cb;align-items:flex-start}.up-status-heading>span:first-child{max-width:70%;line-height:1.8}.up-status-heading>span:last-child{white-space:nowrap;font-size:9px}.up-status-heading strong{font-weight:500}
.up-counters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:14px 0 14px}.up-counters button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;line-height:1.5;border:1px solid #2e415c;background:#101c2e;color:#9db1ce;min-height:51px;padding:7px 2px;border-radius:5px}.up-counters strong{font-size:14px;font-weight:600;color:#d3e5fd}.up-counters button.selected{background:#1b607c;border-color:#3585a5;color:#f0faff}.up-counters button.selected strong{color:white}.up-counters [data-up-filter=done] strong{color:#6bdeb4}.up-counters [data-up-filter=error] strong,.up-counters [data-up-filter=invalid] strong{color:#f09aa9}.up-progress-caption{font-size:9px;text-align:right;margin-top:8px;color:#8cb8a7}
.up-table-card{padding:17px 14px 0;overflow:hidden}.up-table-heading{margin-bottom:16px}.up-table-heading h2{font-size:11px;white-space:nowrap}.up-table-heading input{max-width:220px;height:32px!important;font-size:10px}.up-table-scroll{overflow:auto;min-height:410px;max-height:610px;border:1px solid #2c405b;border-radius:6px;background:#0c1523;scrollbar-color:#3e546e #101c2c}.up-table{border-collapse:collapse;width:100%;font-size:10px;white-space:nowrap}.up-table th{position:sticky;top:0;text-align:left;background:#1c304e;color:#bfcfe6;padding:11px 10px;border-bottom:1px solid #3a5071;font-size:9px;font-weight:650;z-index:1}.up-table td{padding:10px;border-bottom:1px solid #203149;color:#9db3d2;vertical-align:top}.up-table td:nth-child(2){font-weight:600;color:#d4e2f6}.up-table td:last-child{min-width:270px;max-width:410px;white-space:normal;line-height:1.7}.up-table tr[data-phase=done] td{color:#78cfac}.up-table tr[data-phase=error] td,.up-table tr[data-phase=invalid] td{color:#dc99a9}.up-table tr[data-phase=stopped] td{color:#af9d75}.up-table tr:hover td{background:#142338}.up-table-empty{text-align:center!important;padding:90px 20px!important;color:#58718f!important;white-space:normal!important}.up-pagination{padding:12px 0;font-size:9px;color:#7a92b4}.up-pagination>div{display:flex;gap:7px}.up-pagination .button{font-size:9px;min-height:27px;padding:4px 10px}.up-bottom-actions{font-size:9px;color:#647e9f;margin-top:12px;align-items:flex-start}.up-bottom-actions .button{font-size:9px;white-space:normal;text-align:center;min-height:29px;padding:5px 9px}.up-extra-input{width:100%;height:210px;font-size:11px}.up-file-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.up-file-grid button{display:flex;justify-content:space-between;align-items:center;text-align:left;background:#16263b;border:1px solid #304766;color:#bfd6ef;border-radius:7px;padding:13px 12px;font-size:11px}.up-file-grid button:hover{background:#213b58;border-color:#5d82ac}.up-file-grid button small{display:block;font-size:9px;margin-top:4px;color:#7292b7}.up-file-grid button>strong{font-size:16px;color:#75d1ba}
@media(min-width:1600px){.up-layout{grid-template-columns:295px minmax(0,1fr)}.up-table-scroll{min-height:510px}.up-table{font-size:11px}.up-counters button{font-size:10px}.up-config .field-label{font-size:11px}}
@media(max-width:1150px){.up-layout{grid-template-columns:230px minmax(0,1fr);gap:12px}.up-config{padding:14px}.up-status-heading{flex-direction:column;gap:6px}.up-status-heading>span:first-child{max-width:none}.up-counters{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.up-counters button{min-height:45px}.up-table-heading{flex-wrap:wrap}.up-table-heading input{max-width:none}.up-bottom-actions{flex-direction:column}}
@media(max-width:700px){.up-layout{grid-template-columns:1fr}.up-config{position:static;padding:17px}#up-accounts{height:160px}.up-status-heading{flex-direction:row;align-items:flex-start}.up-counters{grid-template-columns:repeat(4,minmax(0,1fr))}.up-table-scroll{min-height:330px}.up-config .field-label{font-size:11px}.up-import-actions .button{font-size:11px}.up-run-actions>div .button{font-size:11px}.up-fields{gap:14px}.up-file-grid button{font-size:10px}}

/* Service page reference: dark grid, cyan packages and full-width order form. */
.up-service-active .workspace{background-color:#080b10;background-image:linear-gradient(#00c8e90b 1px,transparent 1px),linear-gradient(90deg,#00c8e90b 1px,transparent 1px);background-size:40px 40px}
.up-service{padding-bottom:15px}.up-service-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.up-service-heading h1{font-size:clamp(20px,2.1vw,29px);line-height:1.4;letter-spacing:.6px;margin:0 0 4px;color:#00d8f3;text-shadow:0 0 16px #00daf327;font-weight:800}.up-service-heading p{font-size:10px;line-height:1.9;color:#8d9eb9;margin:0}.up-service-heading p>span{margin-left:4px}.up-service-heading p strong{color:#f9d900;font-weight:600}.up-topup-link{background:none;border:0;padding:0 2px;color:#00d9ef;text-decoration:underline;font-size:10px}.up-service-tools{display:flex;gap:7px;padding-top:5px}.up-service-tools .button{font-size:9px;min-height:29px;border-color:#2b3f52;color:#90b6cb;background:#10182299;white-space:nowrap}
.up-service-banner{border:1px solid #ba8700;border-radius:12px;padding:17px 20px;text-align:center;font-size:12px;line-height:1.7;font-weight:650;color:#ffd02f;background:#bd87001a;margin-bottom:18px}
.up-order-panel{padding:22px 20px 24px;border:1px solid #1d2834;border-radius:14px;background:#141923;margin-bottom:18px}.up-order-heading,.up-entry-heading,.up-upload-summary,.up-progress-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.up-order-heading{margin-bottom:13px}.up-order-panel h2,.up-progress-section h2{font-size:12px;font-weight:750;color:#f1f4f9;margin:0}.up-order-heading>span{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:650;color:#00d9ef}.up-order-heading i{width:6px;height:6px;background:#00e5f5;box-shadow:0 0 7px #00eaff;border-radius:50%;flex-shrink:0}
.up-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.up-package{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:150px;padding:16px 15px;background:#0b0f16;border:1px solid #4a4e55;border-radius:11px;transition:border-color .18s,box-shadow .18s,background .18s}.up-package strong{font-size:25px;line-height:1.3;color:#00d5f0;font-weight:800;white-space:nowrap}.up-package b{font-size:14px;line-height:1.5;color:#ffdd00;margin:2px 0 4px}.up-package>span{font-size:9px;line-height:1.8;color:#97a8c5}.up-package em{font-size:9px;color:#f0b579;line-height:1.7;font-style:normal}.up-package small{display:inline-flex;padding:3px 8px;font-size:8px;line-height:1.4;color:#28e684;border:1px solid #167849;background:#16432b40;border-radius:15px;margin-top:7px;white-space:nowrap}.up-package.selected{border-color:#00687a;box-shadow:0 0 20px #00d7f026,inset 0 0 0 1px #00b9d30a}.up-package:hover:not(:disabled){border-color:#00cfe8;background:#0e1821}.up-package:disabled{opacity:.7}.up-package.selected:disabled{opacity:1}
.up-entry-heading{margin-bottom:10px}.up-entry-heading>div{display:flex;gap:15px}.up-entry-heading .text-button{font-size:9px;color:#8aaac1}.up-entry-heading .danger-text{color:#b38b94}
.up-service #up-accounts{height:150px;min-height:130px;max-height:420px;width:100%;background:#0a0e15;border:1px solid #4a4e55;border-radius:8px;font-size:11px;line-height:1.6;padding:11px;color:#d1e3ed;resize:vertical}.up-service #up-accounts:focus{border-color:#00bedb!important;box-shadow:0 0 0 2px #00d5ee13}
.up-upload-summary{justify-content:flex-start;flex-wrap:wrap;margin-top:13px;margin-bottom:13px;font-size:11px}.up-upload-summary>.up-file-picker{display:inline-flex;align-items:center;justify-content:center;border:1px dashed #00d9f5;border-radius:9px;padding:9px 13px;color:#00ddf4;background:#00c9f00b;font-size:11px;font-weight:700;cursor:pointer}.up-upload-summary>span strong{font-weight:500;color:#bccce0}.up-upload-summary>span span{font-weight:750;color:#ffe000}.up-upload-summary>small{font-size:9px;color:#7589a8;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-price-tag{margin-left:auto;color:#bba875!important;font-size:9px!important;white-space:nowrap}
.up-service .up-advanced{position:static;border:1px solid #293343;background:#0f1620;border-radius:8px;padding:0;margin:14px 0;box-shadow:none;overflow:hidden}.up-advanced>summary{cursor:pointer;padding:10px 13px;color:#a4b8d2;font-size:10px;font-weight:600;list-style-position:inside}.up-advanced>summary>span{float:right;font-size:9px;font-weight:400;color:#6d92ae}.up-advanced-body{padding:16px 14px 14px;border-top:1px solid #273446;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.up-advanced-body .up-fields{gap:12px}.up-advanced-body .field-label{margin-bottom:14px}.up-advanced-body>.up-mode-note{grid-column:1 / -1;margin-top:0}.up-advanced-body>.up-import-actions{margin:0 0 14px}.up-advanced-body>.button{font-size:10px;min-height:33px;align-self:start}
.up-order-start{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:39px;background:linear-gradient(105deg,#00cee7 0%,#6495d4 43%,#fa008c 100%);border:0;border-radius:8px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.3px;padding:10px 14px;margin-top:12px;transition:filter .2s}.up-order-start:hover:not(:disabled){background:linear-gradient(105deg,#00cee7 0%,#6495d4 43%,#fa008c 100%);filter:brightness(1.12)}.up-order-start:disabled{filter:saturate(.5);opacity:.65}
.up-service-notes{list-style:none;padding:0;margin:10px 0 0;color:#8fa2bf;font-size:9px;line-height:1.9}.up-service-notes li:before{content:"• ";color:#658ba6}.up-service-notes code{font-size:9px;color:#bac8db}.up-service-notes strong{color:#ffdb00;font-weight:600}.up-service-notes li:last-child span{color:#66c9a0}
.up-progress-section{padding:20px;border:1px solid #1d2834;border-radius:14px;background:#141923}.up-progress-section-heading{margin-bottom:14px}.up-progress-section-heading>.button{font-size:10px;min-height:29px}.up-service-empty{border:1px dashed #444d5b;border-radius:12px;padding:29px 20px;text-align:center;color:#91a2bb;font-size:11px}.up-service-empty strong{font-weight:500}.up-service-empty p{font-size:9px;line-height:1.8;margin:5px 0 0;color:#758ca9}.up-progress-section .up-status-card{border:1px solid #29394a;background:#101923;margin-bottom:14px;padding:14px}.up-progress-section .up-table-card{padding:14px 0 0;border:0;border-radius:0;box-shadow:none;background:none}.up-progress-section .up-table-scroll{min-height:260px;max-height:520px}.up-progress-section .up-counters{grid-template-columns:repeat(7,minmax(0,1fr))}.up-progress-section .up-table th{background:#1b293b}.up-progress-section .up-table-empty{padding:55px 20px!important}
@media(min-width:1600px){.up-service-heading h1{font-size:28px}.up-order-panel{padding:24px 22px}.up-package{min-height:150px;padding:17px}.up-package strong{font-size:26px}.up-package>span,.up-package em{font-size:10px}.up-package small{font-size:9px}.up-service #up-accounts{height:150px}}
@media(max-width:1100px){.up-package{padding:14px 11px}.up-package strong{font-size:21px}.up-package small{font-size:7px;padding:3px 5px}.up-service-heading{flex-wrap:wrap}.up-service-tools{padding:0}.up-package>span,.up-package em{font-size:8px}.up-order-panel{padding:18px 15px}.up-advanced-body{gap:0 14px}.up-order-heading>span{font-size:8px}.up-price-tag{margin-left:0}}
@media(max-width:600px){.up-service-heading h1{font-size:20px;line-height:1.5}.up-service-heading p{font-size:9px}.up-service-banner{padding:13px 12px;font-size:10px}.up-packages{grid-template-columns:1fr;gap:9px}.up-package{min-height:0;position:relative;padding:14px 15px}.up-package strong{font-size:24px}.up-package b{position:absolute;right:15px;top:17px;font-size:13px}.up-package>span,.up-package em{font-size:10px}.up-package small{font-size:9px;margin-top:5px}.up-order-heading{align-items:flex-start}.up-order-heading>span{max-width:135px;text-align:right;line-height:1.7;align-items:flex-start}.up-order-heading i{margin-top:4px}.up-order-panel h2,.up-progress-section h2{font-size:11px}.up-entry-heading{align-items:flex-start;flex-direction:column;gap:8px}.up-entry-heading>div{align-self:flex-end}.up-service #up-accounts{height:150px;font-size:11px}.up-upload-summary{gap:9px;font-size:10px}.up-upload-summary>.up-file-picker{font-size:10px;padding:8px 10px}.up-price-tag{flex-basis:100%;font-size:9px!important}.up-advanced>summary>span{float:none;display:block;margin:4px 0 0 13px}.up-advanced-body{grid-template-columns:1fr;gap:0}.up-progress-section{padding:16px 12px}.up-progress-section .up-counters{grid-template-columns:repeat(4,minmax(0,1fr))}.up-service-notes{font-size:8px}.up-order-start{font-size:12px}.up-service-empty{padding:25px 13px}.up-service-tools .button{font-size:9px}}