.resource-control-page{display:grid;grid-template-columns:292px minmax(560px,1fr) 340px;grid-template-rows:auto minmax(700px,1fr);gap:14px;width:min(1500px,calc(100% - 48px));margin:0 auto;padding:20px 0 26px;min-height:calc(100vh - 80px)}
.resource-sidebar,.resource-main{display:contents}
.resource-control-page .panel{min-width:0;padding:0;clip-path:none;border:1px solid rgba(48,135,190,.52);border-radius:24px;background:linear-gradient(145deg,rgba(4,17,38,.96),rgba(7,27,53,.92));box-shadow:0 18px 50px rgba(0,0,0,.34),inset 0 0 34px rgba(30,154,220,.035)}
.resource-control-page .panel-title{display:flex;align-items:center;min-height:60px;margin:0;padding:15px 18px;border-bottom:1px solid rgba(53,144,197,.28);background:rgba(3,15,34,.34)}
.resource-control-page .panel-title h2{margin:0;font-size:17px;text-transform:none;letter-spacing:0}
.resource-control-page .panel-title h2:before{content:'';display:inline-block;width:30px;height:30px;margin-right:10px;border-radius:10px;background:url('../images/control-device.svg') center/19px 19px no-repeat,linear-gradient(135deg,#155786,#4d35a3);vertical-align:middle;box-shadow:inset 0 0 0 1px rgba(111,211,255,.12)}

.program-summary-card{position:relative;grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:76px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;min-height:116px;padding:17px 24px!important;border-radius:27px!important;background:linear-gradient(105deg,rgba(5,28,58,.97),rgba(18,27,73,.92))!important;overflow:hidden!important}
.program-summary-card:after{content:'';position:absolute;inset:-100px -30px auto 46%;height:240px;background:radial-gradient(circle,rgba(49,197,255,.2),transparent 66%);pointer-events:none}
.program-summary-card>img{position:relative;z-index:1;grid-column:1;grid-row:1/3;width:68px;height:68px;padding:5px;border:1px solid #39d2ff;border-radius:22px;background:linear-gradient(145deg,#0a2f58,#181b58);filter:drop-shadow(0 0 18px rgba(55,214,255,.26))}
.program-summary-card h1{position:relative;z-index:1;grid-column:2;grid-row:1;margin:0 18px 2px;font-size:29px;line-height:1.1}
.program-summary-card h1:before{content:'AGEGAME SOFTWARE · ПАНЕЛЬ УПРАВЛЕНИЯ';display:block;margin-bottom:5px;color:#54d9ff;font-size:11px;font-weight:900;letter-spacing:.15em}
html[lang="en"] .program-summary-card h1:before{content:'AGEGAME SOFTWARE · CONTROL PANEL'}
.program-summary-card p{position:relative;z-index:1;grid-column:2;grid-row:2;margin:0 18px;color:#9eb2c9;font-size:13px}
.program-summary-card dl{position:relative;z-index:1;grid-column:3;grid-row:1/3;display:flex;gap:10px;margin:0}
.program-summary-card dl>div{display:flex;gap:7px;align-items:center;padding:9px 13px;border:1px solid rgba(55,219,170,.34);border-radius:16px;background:rgba(7,54,54,.44)}
.program-summary-card dt{color:#7ebba9;font-size:11px}.program-summary-card dd{margin:0;color:#66e7b2;font-size:12px;font-weight:800}

.mobile-device-card{grid-column:1;grid-row:2;align-self:stretch;display:grid;align-content:start;gap:12px;padding:0 16px 18px!important}
.mobile-device-card>.panel-title{margin:0 -16px 3px}
.mobile-device-card>label{display:grid;gap:7px;color:#9eb3c9;font-size:11px;font-weight:800;text-transform:uppercase}
.resource-control-page .input{height:42px;padding:0 13px;border:1px solid #286182;border-radius:13px;background:rgba(2,10,25,.9);color:#fff;outline:none}
.resource-control-page .input:focus{border-color:#4bdcff;box-shadow:0 0 0 3px rgba(48,202,255,.12)}
.device-status{padding:12px 13px;border:1px solid rgba(49,221,157,.3);border-radius:14px;background:rgba(7,53,51,.44);color:#87a9bd;font-size:11px;line-height:1.55}
.device-status:before{content:'';float:left;width:9px;height:9px;margin:7px 9px 0 0;border-radius:50%;background:#48e49d;box-shadow:0 0 12px #48e49d}.device-status.offline{border-color:rgba(255,89,111,.38);background:rgba(65,15,31,.42)}.device-status.offline:before{background:#ff596f;box-shadow:0 0 12px #ff596f}
.device-status strong{color:#fff;font-size:12px}.device-status .update-required{color:#ffc846;font-weight:800}
.device-rename{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:7px}
.device-rename label{display:grid;gap:6px;color:#9eb3c9;font-size:10px;font-weight:800;text-transform:uppercase}
.device-rename .button{display:grid;place-items:center;width:44px;min-width:44px;height:42px;min-height:42px;padding:0;border:1px solid #8068f3;border-radius:13px;clip-path:none;background:rgba(35,29,97,.86);font-size:0}.device-rename .button:before{content:'';position:static;display:block;width:22px;height:22px;margin:0;border:0;background:url('../images/control-check.svg') center/contain no-repeat;clip-path:none}
.device-limit-summary{display:flex;justify-content:space-between;gap:8px;padding:10px 11px;border:0;border-radius:13px;background:rgba(2,11,27,.74);color:#8fa7be;font-size:11px}
.device-limit-summary strong{color:#55ddff}.mobile-device-card>.button,.device-download{width:100%;min-height:43px;border-radius:14px;clip-path:none;text-transform:none}
.mobile-device-card>[data-device-limit-open]{border-color:#2a8fbe;background:rgba(4,42,70,.77);color:#67ddff}
.device-download{border-color:#8067ef;background:rgba(38,28,99,.76);color:#c8baff}
.device-delete{order:8;border-color:#c34163!important;background:rgba(77,16,38,.62)!important;color:#ff91a2!important}
.mobile-device-card>small{color:#66829a;font-size:10px;text-align:center}
.emulator-guides{display:grid;gap:8px;margin-top:3px;padding-top:12px;border-top:1px solid rgba(44,120,165,.24)}.emulator-guides>span{color:#7894aa;font-size:10px;font-weight:800;text-transform:uppercase}.emulator-guides>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.emulator-guides button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:7px;border:1px solid rgba(66,169,220,.42);border-radius:13px;background:rgba(5,35,64,.7);color:#d6f6ff;font-weight:800;cursor:pointer}.emulator-guides img{width:25px;height:25px}.emulator-guides button:hover{border-color:#62ddff;background:rgba(9,54,91,.88)}

.resource-settings-card{position:relative;grid-column:2;grid-row:2;align-self:stretch;display:flex;flex-direction:column;overflow:visible!important;padding:0 18px 16px!important}
.resource-settings-card>.panel-title{margin:0 -18px 0}.resource-settings-card>.panel-title h2:before{content:'';background-image:url('../images/control-sliders.svg'),linear-gradient(135deg,#155786,#4d35a3)}
.resource-toolbar{position:absolute;z-index:3;right:18px;top:10px;display:block;margin:0}
.resource-toolbar label{display:flex;align-items:center;gap:9px;color:#86a2b9;font-size:11px}.resource-toolbar .input{width:72px;height:40px}
.march-editor{display:grid;gap:8px;margin-top:10px}
.march-row{display:grid;grid-template-columns:48px minmax(200px,1fr) 132px;align-items:end;gap:10px;padding:9px 10px;border:1px solid rgba(46,123,169,.4);border-left:1px solid rgba(46,123,169,.4);border-radius:16px;background:rgba(2,12,29,.75)}
.march-row[hidden]{display:none}.march-row>strong{align-self:center;display:grid;place-items:center;width:36px;height:36px;border:1px solid #36ccf4;border-radius:12px;background:linear-gradient(145deg,#0a3557,#182153);color:#63ddff;font-size:0}
.march-row>strong:after{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;transform:none}.march-row:nth-child(1)>strong:after{content:'1';font-size:16px}.march-row:nth-child(2)>strong:after{content:'2';font-size:16px}.march-row:nth-child(3)>strong:after{content:'3';font-size:16px}.march-row:nth-child(4)>strong:after{content:'4';font-size:16px}.march-row:nth-child(5)>strong:after{content:'5';font-size:16px}
.march-row label{display:grid;gap:4px;color:#7894aa;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.march-row .input{height:36px;border-radius:11px;font-size:12px}
.resource-hint{margin:11px 0;padding:9px 11px;border-radius:12px;background:rgba(21,42,81,.54);color:#8199b2;font-size:10px;line-height:1.4}
.resource-actions{display:flex;gap:9px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(44,120,165,.24)}
.resource-actions .button{flex:1;min-height:46px;border-radius:14px;clip-path:none;text-transform:none;font-size:14px}
.resource-actions .button:before{content:'';position:static;display:block;width:20px;height:20px;margin:0;border:0;clip-path:none;background:center/contain no-repeat}.resource-actions [data-resource-toggle]:before{background-image:url('../images/control-play.svg')}.resource-actions [data-resource-return]:before{background-image:url('../images/control-return.svg')}.resource-actions .button-primary{background:linear-gradient(110deg,#24c9f2,#347de7 56%,#7458ff);border:0}.resource-actions .button-secondary{border:1px solid #7e62e8;background:rgba(37,27,98,.75)}
.resource-actions .button-danger{border:1px solid #d64e68;background:rgba(80,17,38,.75);color:#ffacb5}
.resource-actions button:disabled{opacity:.55;cursor:default}.resource-feedback{min-height:20px;margin-top:7px;color:#52e3a6;font-size:11px}.resource-feedback.error{color:#ff8e9a}

.resource-timer{position:absolute;z-index:4;left:calc(100% + 14px);top:0;width:340px;min-height:205px;display:grid;grid-template-columns:1fr 112px;align-items:end;gap:10px;padding:68px 16px 14px;border:1px solid rgba(48,135,190,.52);border-radius:24px;background:linear-gradient(145deg,rgba(4,17,38,.97),rgba(8,28,55,.94));box-shadow:0 18px 50px rgba(0,0,0,.34)}
.resource-timer:before{content:'Таймер повторного сбора';position:absolute;left:0;right:0;top:0;height:60px;display:flex;align-items:center;padding:0 18px 0 58px;border-bottom:1px solid rgba(53,144,197,.28);background:url('../images/control-timer.svg') 19px center/25px 25px no-repeat;font-size:15px;font-weight:800}
html[lang="en"] .resource-timer:before{content:'Recurring gathering timer'}
.resource-timer>label{display:grid;gap:6px;color:#8ca6bd;font-size:10px;font-weight:800;text-transform:uppercase}.timer-switch{position:absolute;top:77px;left:16px;right:16px;display:flex!important;align-items:center;justify-content:space-between;min-height:30px;color:#fff!important;font-size:12px!important;text-transform:none!important}
.timer-switch input{appearance:none;width:46px;height:26px;margin:0;border-radius:16px;background:#193853;box-shadow:inset 0 0 0 1px #2b5f80;cursor:pointer}.timer-switch input:checked{background:linear-gradient(90deg,#26c7eb,#755cf3)}.timer-switch input:after{content:'';display:block;width:20px;height:20px;margin:3px;border-radius:50%;background:#fff;transition:.2s}.timer-switch input:checked:after{transform:translateX(20px)}
.timer-minutes-editor{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:end;gap:8px;margin-top:44px}.timer-minutes-editor label{display:grid;gap:6px;color:#8ca6bd;font-size:10px;font-weight:800;text-transform:uppercase}.resource-timer .input{height:40px}.timer-save{display:grid;place-items:center;width:42px;min-width:42px;height:40px;min-height:40px;padding:0;border:0;border-radius:13px;clip-path:none;background:transparent;box-shadow:none;font-size:0}.timer-save:hover{background:rgba(52,40,125,.45);box-shadow:none}.timer-save:before{content:'';display:block;width:23px;height:23px;margin:0;background:url('../images/control-check.svg') center/contain no-repeat}.timer-status{grid-column:1/-1;min-height:16px;color:#53dfa5;font-size:10px}.timer-status.error{color:#ff8e9a}

.run-status-card{grid-column:3;grid-row:2;align-self:stretch;width:100%;max-width:100%;min-width:0;margin-top:219px;min-height:0;padding-bottom:14px!important;overflow:hidden!important}.run-status-card>.panel-title h2:before{content:'';background-image:url('../images/control-check.svg'),linear-gradient(135deg,#155786,#4d35a3)}.run-status-card>[data-run-status]{min-width:0;margin:15px 17px 10px;color:#fff;font-size:16px;font-weight:800;overflow-wrap:anywhere}.march-status-list{display:grid;gap:7px;min-width:0;max-width:100%;margin:0;padding:0 14px}.march-state{min-width:0;max-width:100%;padding:10px 11px;border:0;border-radius:12px;background:rgba(2,11,27,.76);color:#a9bed1;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.march-state.state-dispatched,.march-state.state-gathering,.march-state.state-completed{box-shadow:inset 3px 0 #45dda4}.march-state.state-failed{box-shadow:inset 3px 0 #ff6472}

.device-limit-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(1,4,13,.82);backdrop-filter:blur(7px)}.device-limit-modal[hidden]{display:none}.device-limit-dialog{position:relative;width:min(580px,100%);padding:30px;border:1px solid #437fa8;border-radius:24px;background:linear-gradient(145deg,#071326,#101b43);box-shadow:0 24px 70px #000b}.device-limit-dialog h2{margin:0 40px 8px 0}.device-limit-dialog>p{color:#91a7bd}.device-limit-close{position:absolute;right:15px;top:11px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.device-limit-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.device-limit-option{display:grid;gap:8px;padding:18px 10px;border:1px solid #7564e7;border-radius:16px;background:#121e51;color:#fff;cursor:pointer}.device-limit-option span{color:#7cddff}
.emulator-guide-modal{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:20px;background:rgba(1,4,13,.86);backdrop-filter:blur(8px)}.emulator-guide-modal[hidden]{display:none}.emulator-guide-dialog{position:relative;width:min(760px,100%);max-height:min(820px,calc(100vh - 40px));overflow:auto;padding:30px;border:1px solid #437fa8;border-radius:24px;background:linear-gradient(145deg,#071326,#101b43);box-shadow:0 24px 70px #000b}.emulator-guide-dialog section[hidden]{display:none}.emulator-guide-dialog h2{margin:0 42px 18px 0;color:#69e1ff}.emulator-guide-dialog ol{display:grid;gap:11px;margin:0;padding-left:23px;color:#aac0d5;font-size:13px;line-height:1.55}.emulator-guide-dialog li::marker{color:#67e5ff;font-weight:900}.emulator-guide-dialog strong{color:#fff}.emulator-guide-close{position:absolute;right:16px;top:11px;border:0;background:transparent;color:#fff;font-size:31px;cursor:pointer}.emulator-support-note{margin:22px 0 0;padding:14px 16px;border:1px solid rgba(112,93,239,.45);border-radius:15px;background:rgba(45,32,112,.35);color:#c9c3ff;font-size:12px;line-height:1.55}

@media(max-width:1180px){.resource-control-page{grid-template-columns:275px minmax(0,1fr);grid-template-rows:auto auto auto;width:min(1080px,calc(100% - 36px))}.program-summary-card{grid-column:1/-1}.mobile-device-card{grid-column:1;grid-row:2}.resource-settings-card{grid-column:2;grid-row:2}.resource-timer{position:relative;left:auto;right:auto;top:auto;width:100%;max-width:100%;min-width:0;min-height:0;box-sizing:border-box;margin:12px 0 2px;padding-top:68px;order:1}.march-editor{order:2}.resource-hint{order:3}.resource-actions{order:4}.resource-feedback{order:5}.run-status-card{grid-column:1/-1;grid-row:3;margin:0;min-height:180px}}
@media(max-width:760px){.resource-control-page{display:grid;grid-template-columns:minmax(0,1fr);width:calc(100% - 28px);max-width:calc(100% - 28px);padding-top:14px}.resource-sidebar,.resource-main{display:contents}.program-summary-card,.mobile-device-card,.resource-settings-card,.run-status-card{grid-column:1;grid-row:auto;width:100%;max-width:100%;min-width:0}.program-summary-card{grid-template-columns:62px minmax(0,1fr);padding:15px!important}.program-summary-card>img{width:54px;height:54px;border-radius:17px}.program-summary-card h1{min-width:0;margin-left:12px;font-size:23px;overflow-wrap:anywhere}.program-summary-card h1:before{font-size:8px}.program-summary-card p{grid-column:1/-1;min-width:0;margin:10px 0 0;overflow-wrap:anywhere}.program-summary-card dl{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0;margin-top:11px}.program-summary-card dl>div{min-width:0;justify-content:center;padding:8px;overflow:hidden}.program-summary-card dt,.program-summary-card dd{min-width:0;font-size:10px;white-space:nowrap}.march-row{grid-template-columns:42px minmax(0,1fr)}.march-row label:last-child{grid-column:2}.resource-toolbar{position:static;margin:10px 0 0}.resource-toolbar label{justify-content:space-between}.resource-settings-card>.panel-title{margin-bottom:0}.resource-actions{display:grid;grid-template-columns:1fr}.device-limit-options{grid-template-columns:1fr}}
.google-play-connection-block {
  display: grid;
  gap: 9px;
  margin: 14px 0;
  padding: 13px;
  border: 1px solid rgba(117, 231, 255, .28);
  border-radius: 19px;
  background: linear-gradient(135deg, rgba(27, 38, 74, .78), rgba(54, 31, 91, .68));
}
.google-play-connection-block>h3 {
  margin: 0 2px 3px;
  color: #78ddf7;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.google-play-cities-option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 12px 13px;
  border: 1px solid rgba(117, 231, 255, .18);
  border-radius: 15px;
  background: rgba(4, 16, 39, .52);
  cursor: pointer;
}
.google-play-switch-option input {
  grid-column: 2;
  grid-row: 1;
  appearance: none;
  width: 46px;
  height: 26px;
  margin: 0;
  border: 0;
  border-radius: 16px;
  background: #193853;
  box-shadow: inset 0 0 0 1px #2b5f80;
  cursor: pointer;
}
.google-play-switch-option input:after { content: ''; display: block; width: 20px; height: 20px; margin: 3px; border-radius: 50%; background: #fff; transition: .2s; }
.google-play-switch-option input:checked { background: linear-gradient(90deg, #26c7eb, #755cf3); }
.google-play-switch-option input:checked:after { transform: translateX(20px); }
.google-play-switch-option input:disabled { cursor: not-allowed; }
.google-play-cities-option span { grid-column: 1; grid-row: 1; display: grid; gap: 4px; min-width: 0; }
.google-play-cities-option strong { color: #eef8ff; font-size: 12px; line-height: 1.35; }
.google-play-cities-option small { color: var(--muted, #aeb8d7); line-height: 1.4; }
.google-play-accounts-option.is-disabled { cursor: not-allowed; opacity: .62; }
.google-play-accounts-option em { color: #ff9ea9; font-size: 12px; font-style: normal; line-height: 1.35; }
.google-play-accounts-option.has-error { border-color: rgba(255, 112, 132, .7); }
.city-progress-list { display: grid; gap: 8px; min-width: 0; max-width: 100%; margin: 14px 14px 0; }
.city-progress-row {
  position: relative;
  min-width: 0;
  max-width: 100%;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(14, 23, 48, .72);
  border: 1px solid rgba(130, 154, 216, .2);
  overflow-wrap: anywhere;
}
.city-progress-summary {
  display: block;
  min-height: 28px;
  padding: 0 34px 10px 0;
  color: #edf5ff;
  cursor: pointer;
  list-style: none;
  line-height: 1.45;
}
.city-progress-summary::-webkit-details-marker { display: none; }
.city-progress-summary::after {
  content: '';
  position: absolute;
  right: 11px;
  bottom: 9px;
  width: 9px;
  height: 9px;
  border-right: 2px solid #8ee8ff;
  border-bottom: 2px solid #8ee8ff;
  transform: rotate(45deg);
  transition: transform .2s ease, border-color .2s ease;
}
.city-progress-row[open] > .city-progress-summary::after {
  transform: rotate(225deg) translate(-2px, -2px);
  border-color: #a998ff;
}
.city-progress-row:not([open]) > .city-march-results { display: none; }
.city-progress-row.state-completed { border-color: rgba(80, 225, 156, .45); }
.city-progress-row.state-partial { border-color: rgba(116, 220, 173, .62); }
.city-progress-row.state-failed,
.city-progress-row.state-skipped { border-color: rgba(255, 170, 90, .5); }
.city-march-results { display:grid; gap:6px; margin-top:2px; padding:9px 30px 1px 0; border-top:1px solid rgba(130,154,216,.16); }
.city-march-result { padding-left:0; border-left:0; box-shadow:none; color:#aebbd2; font-size:11px; line-height:1.4; }
.city-march-result.state-dispatched,
.city-march-result.state-gathering { color:#8fe0bd; }
.city-march-result.state-failed { color:#ff9ca8; }
.city-march-result.state-skipped { color:#e7bc82; }
.account-progress-group{display:grid;gap:7px;min-width:0;max-width:100%;padding:11px;border:1px solid rgba(130,154,216,.28);border-radius:16px;background:rgba(6,14,34,.7);overflow-wrap:anywhere}
.account-progress-group.state-completed{border-color:rgba(80,225,156,.35)}
.account-progress-group.state-failed{border-color:rgba(255,100,114,.5)}
.account-progress-heading{color:#f1f7ff;font-size:13px}
.account-progress-message{color:#9eb2c7;font-size:11px;line-height:1.4}
.account-city-progress-list{display:grid;gap:7px;min-width:0;max-width:100%;padding-left:0;border-left:0}