.login-box{width:min(420px,calc(100vw - 40px));margin:12vh auto;padding:30px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.login-box>.logo{margin-bottom:23px}.login-box h1{font-size:25px}.login-box p{color:var(--muted);margin:12px 0 22px;font-size:13px}.login-box label{display:flex;flex-direction:column;gap:8px;margin:17px 0;color:#acbad2;font-size:12px}.login-box input{padding:12px;background:#0e1420;border:1px solid #3b465c;color:var(--text);border-radius:7px}.login-box button{width:100%}.login-box small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:20px}.live-state{font-size:10px;color:#9bd4e1}.catalog-grid{display:grid;grid-template-columns:220px 1fr;gap:18px}.catalog-navigation{display:flex;flex-direction:column;gap:7px}.catalog-navigation button{text-align:left;justify-content:flex-start}.catalog-list article{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;border-bottom:1px solid var(--border)}.catalog-list article p{word-break:break-word;font-size:12px}.catalog-list article small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.demo-choice{padding:10px 13px;border:1px solid #7661b33d;border-radius:6px;background:#7661b310;color:#b8acd8;font-size:10px;margin-bottom:13px}.catalog-list .mono{font-size:11px}.save-state.error{color:var(--red)}@media(max-width:650px){.catalog-grid{grid-template-columns:1fr}.catalog-navigation{flex-direction:row;overflow:auto;padding-bottom:5px}.catalog-navigation button{white-space:nowrap;font-size:10px;flex:none}.catalog-list article{padding:13px;gap:10px}}

.bot-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bot-switch{display:flex;align-items:center;gap:14px;padding:18px 20px;margin-bottom:22px;border:1px solid #344058;background:linear-gradient(120deg,#202838,#131a26);border-radius:15px}.bot-switch-icon{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border:1px solid #52607c;border-radius:13px;color:#b7bbff;background:#30354a}.bot-switch-copy{display:flex;flex:1;flex-direction:column;gap:5px}.bot-switch-copy strong{font-size:14px}.bot-switch-copy span{font-size:12px;color:#c4cde0}.bot-switch-copy small{font-size:10px;color:#94a1bb}.bot-switch.is-off{border-color:#714554;background:linear-gradient(120deg,#30232d,#1a1721)}.bot-switch.is-off .bot-switch-icon{color:#ffb3bd;border-color:#764955;background:#462b36}@media(max-width:1000px){.bot-switch-grid{grid-template-columns:1fr}}@media(max-width:560px){.bot-switch{padding:15px;gap:10px}.bot-switch-copy small{display:none}.bot-switch .btn{padding:10px;font-size:12px}}

.offer-drag-ghost{position:fixed!important;z-index:10000;pointer-events:none;border:1px solid #aaa6ff;border-radius:10px;background:#222836;box-shadow:0 18px 50px #0008;opacity:.98;transform:rotate(.3deg);table-layout:fixed}.offer-drag-ghost td{border:0!important}.offer-drag-slot{background:#9890ff12!important;outline:1px dashed #aaa6ff88}.offer-drag-slot>*{opacity:.13}.grip{touch-action:none;cursor:grab}.grip:active{cursor:grabbing}

.offer-drag-ghost,.offer-drag-ghost *{pointer-events:none!important}.format-toolbar{flex-wrap:wrap}.activity-table td{vertical-align:top}

.history-tools{flex-wrap:wrap;gap:12px}.history-periods{display:flex;flex-wrap:wrap;gap:6px;width:100%}.history-tools input[type=date]{padding:7px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.unified-history-table td{padding:10px 13px;vertical-align:top;font-size:11px}.unified-history-table th{white-space:nowrap}.unified-history-table td:first-child{min-width:120px;white-space:nowrap}.unified-history-table td:nth-child(2){min-width:230px;max-width:370px}.unified-history-table td:nth-child(3){min-width:240px;max-width:350px}.history-link{display:block;color:#86ccdf;overflow-wrap:anywhere;font-size:11px;margin:2px 0}.map-model-list{margin-top:12px}.map-model-list>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px}.map-model-list span{font-size:10px;color:var(--muted);text-align:right}@media(max-width:650px){.map-model-list>div{flex-direction:column;gap:5px}.map-model-list span{text-align:left}.history-periods{flex-wrap:nowrap;overflow:auto}}