:root{color:#f5f7ff;font-synthesis:none;background:#070b18;font-family:Manrope,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#070b18;min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}h1,h2,h3,p{margin:0}.mini-app{background:radial-gradient(circle at 90% -5%,#875bff38,#0000 30%),radial-gradient(circle at 5% 30%,#19d9ff1c,#0000 32%),#070b18;max-width:720px;min-height:100vh;margin:auto;padding:18px 16px 100px}.app-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand img,.gate__logo{object-fit:contain;border-radius:13px;width:44px;height:44px}.brand span,.brand strong{display:block}.brand span,.page-title span,.hero>span{color:#19d9ff;letter-spacing:.15em;font-size:10px;font-weight:800}.brand strong{margin-top:2px;font-size:14px}.round-button{color:#dfe7ff;background:#121d3dd9;border:1px solid #7da0ff2e;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.page{gap:16px;display:grid}.hero{padding:8px 4px 10px}.hero h1,.page-title h1{letter-spacing:-.05em;margin-top:7px;font-size:30px;line-height:1.08}.hero p{color:#9ba8c7;margin-top:10px;font-size:13px}.page-title{padding:2px 3px 6px}.metrics{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.metric{background:linear-gradient(145deg,#192a53f0,#0d1732eb);border:1px solid #7da0ff2e;border-radius:17px;min-height:125px;padding:13px}.metric__icon{color:#19d9ff;background:#19d9ff1a;border-radius:10px;place-items:center;width:31px;height:31px;margin-bottom:16px;display:grid}.metric span,.metric strong,.metric small{display:block}.metric span{color:#9ba8c7;font-size:10px}.metric strong{letter-spacing:-.04em;margin-top:5px;font-size:16px}.metric small{color:#7583a8;margin-top:5px;font-size:9px}.surface{background:#0e1630e0;border:1px solid #7da0ff2e;border-radius:20px;padding:17px;box-shadow:0 18px 45px #00000029}.surface h2{letter-spacing:-.03em;margin-bottom:12px;font-size:15px}.status-line{color:#aeb9d5;border-bottom:1px solid #7da0ff1c;justify-content:space-between;gap:12px;padding:12px 0;font-size:12px;display:flex}.status-line strong{color:#f5f7ff;font-size:11px}.status-line strong.ok{color:#34d399}.status-line i{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.wide-action{color:#03111a;background:linear-gradient(105deg,#19d9ff,#368bff);border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:45px;margin-top:16px;font-size:12px;font-weight:800;display:flex}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title button,.text-action{color:#19d9ff;background:0 0;border:0;padding:0;font-size:11px;font-weight:800}.customer{border-bottom:1px solid #7da0ff1c;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;display:flex}.customer strong,.customer span{display:block}.customer strong{font-size:12px}.customer div span,.customer>span{color:#8492b2;margin-top:4px;font-size:10px}.empty{color:#8290b0;text-align:center;padding:15px 0;font-size:12px}.form{gap:10px;display:grid}.form h2{margin-bottom:3px}.form input,.form textarea,.search{color:#f5f7ff;background:#050a1bb8;border:1px solid #7da0ff33;border-radius:12px;outline:none;width:100%;padding:12px;font-size:12px}.form textarea{resize:vertical}.form input:focus,.form textarea:focus,.search:focus{border-color:#19d9ff;box-shadow:0 0 0 3px #19d9ff1a}.two{grid-template-columns:1fr 1fr;gap:9px;display:grid}.form .wide-action{margin-top:3px}.hint{color:#8795b6;font-size:10px;line-height:1.55}.hint code{color:#19d9ff;word-break:break-all}.stack{gap:10px;display:grid}.plan-card,.customer-card,.bot-card,.payout{background:#0e1630b8;border:1px solid #7da0ff29;border-radius:17px;justify-content:space-between;align-items:center;gap:12px;padding:15px;display:flex}.plan-card h3{margin:8px 0 4px;font-size:14px}.plan-card strong{font-size:18px}.plan-card p,.customer-card span,.customer-card small,.bot-card span,.payout span{color:#8e9cbb;margin:4px 0 0;font-size:10px}.pill{color:#fbbf24;background:#fbbf241a;border-radius:99px;width:fit-content;padding:4px 7px;font-size:9px;font-weight:800;display:inline-flex}.pill--ok{color:#34d399;background:#34d3991a}.search{margin-top:-4px}.customer-card{justify-content:flex-start}.avatar{color:#07101f;background:linear-gradient(145deg,#19d9ff,#875bff);border-radius:12px;flex:none;place-items:center;width:37px;height:37px;font-weight:800;display:grid}.customer-card strong,.customer-card span,.customer-card small,.bot-card strong,.bot-card span,.payout strong,.payout span{display:block}.customer-card strong,.bot-card strong,.payout strong{font-size:12px}.bot-card>svg{color:#19d9ff}.bot-card>div{flex:1}.ok{color:#34d399}.segmented{background:#0e1630e0;border:1px solid #7da0ff29;border-radius:14px;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:5px;display:grid}.segmented button{color:#8593b4;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:10px 3px;font-size:10px;display:flex}.segmented button.active{color:#06101d;background:#19d9ff;font-weight:800}.bottom-nav{z-index:10;width:min(720px,100%);padding:9px 15px max(9px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#070b18f0;border-top:1px solid #7da0ff29;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#8290b0;background:0 0;border:0;justify-items:center;gap:4px;padding:5px;font-size:9px;display:grid}.bottom-nav button.active{color:#19d9ff}.toast{z-index:50;background:#123e5c;border:1px solid #19d9ff;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;width:min(100% - 32px,500px);padding:12px 14px;font-size:11px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #0000004d}.toast--error{background:#542238;border-color:#fb7185}.toast button{color:#fff;background:0 0;border:0}.gate{text-align:center;background:radial-gradient(circle at 50% 35%,#19d9ff29,#0000 30%),#070b18;align-content:center;justify-items:center;min-height:100vh;padding:30px;display:grid}.gate__logo{width:80px;height:80px;margin-bottom:22px}.gate h1{letter-spacing:-.045em;font-size:25px}.gate p{color:#9ba8c7;max-width:350px;margin-top:12px;font-size:13px;line-height:1.6}.prime-orbit{opacity:.75;border:2px solid #19d9ff;border-color:#19d9ff #875bff #0000 #0000;border-radius:50%;width:110px;height:110px;animation:1.1s linear infinite spin;position:absolute}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=560px){.mini-app{padding:28px 25px 105px}.metric{min-height:135px;padding:18px}.hero h1,.page-title h1{font-size:35px}}.quick-actions{gap:9px;display:grid}.outline-action{color:#bcefff;background:#19d9ff0f;border:1px solid #19d9ff66;border-radius:13px;width:100%;min-height:43px;font-size:12px;font-weight:700}.search-wrap{color:#8e9cbb;background:#050a1bb8;border:1px solid #7da0ff33;border-radius:12px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-wrap .search{background:0 0;border:0;margin:0;padding-left:0}.filter-note{color:#8795b6;font-size:11px;line-height:1.45}.field-label{color:#cbd5ef;gap:6px;font-size:11px;font-weight:700;display:grid}.field-label textarea{font-weight:400}.hint{align-items:flex-start;gap:6px;display:flex}.hint svg{color:#fbbf24;flex:none;margin-top:1px}.preview-card{color:#eaf4ff;background:radial-gradient(circle at 100% 0,#875bff2e,#0000 45%),#060d20cc;border:1px dashed #19d9ff6b;border-radius:15px;gap:10px;padding:14px;font-size:12px;line-height:1.5;display:grid}.preview-card__top{color:#19d9ff;align-items:center;gap:7px;font-size:11px;display:flex}.preview-card button{color:#05111d;background:linear-gradient(105deg,#19d9ff,#368bff);border:0;border-radius:10px;justify-self:start;padding:9px 12px;font-size:11px;font-weight:800}.preview-card small{color:#9ba8c7}tg-emoji{font-family:inherit}.bot-card{flex-wrap:wrap}.bot-card__actions{border-top:1px solid #7da0ff1c;gap:6px;width:100%;padding-top:9px;display:flex}.bot-card__actions button{color:#bcd2ff;background:#050a1b8c;border:1px solid #7da0ff2e;border-radius:9px;place-items:center;width:31px;height:30px;display:grid}.bot-card small{color:#7583a8;margin-top:4px;font-size:9px;display:block}.restore-button{justify-content:center;align-items:center;gap:6px;min-height:28px;display:inline-flex}
