/* =================================================================== AVANTURA · LIQUID GLASS (15.09) — визуальный слой поверх style.css. Дизайн-код: логотип ASN (фиолетовое стекло, розовый рим снизу, синий блик сверху-слева, оранжевая точка = «новое / требует внимания»). Доска UI-кита и листы иконок сгенерированы владельцем, иконки нарезаны в /static/glass. Правила слоя: • только тёмная тема — владелец решил: тёмная основная, светлая «допустимая», поэтому всё ниже под ; • кнопки/чипы/карточки — CSS (масштаб, hover, disabled), картинки — только иконки навигации, шапки, статусов и крупные акценты; • ничего не переименовываем: те же классы, что в style.css, другие значения. =================================================================== */ :root{ --page:#0d0a17; --surface:#16112b; --surface-2:#1e1738; --surface-3:#281f4a; --card:#16112b; --card-2:#120e24; --ink:#f6f3ff; --ink-2:#cdc4ea; --muted:#8f86b3; --line:rgba(167,123,255,.16); --grid:rgba(167,123,255,.08); --ring:rgba(167,123,255,.2); --s1:#a77bff; --s1-strong:#7c4dff; --s1-dim:#6b3bff; --s1-soft:rgba(140,100,255,.14); --pink:#ff5fd2; --gold:#ffb23f; --good:#3ddc97; --warn:#ffb23f; --serious:#ff8a5b; --crit:#ff4d6d; --rim-blue:#6fa8ff; --amber:#ffb23f; --glass:rgba(140,100,255,.10); --glass-2:rgba(140,100,255,.16); --glass-line:rgba(167,123,255,.22); --grad:linear-gradient(135deg,#7c4dff 0%,#b06bff 55%,#ff5fd2 130%); --grad-brand:linear-gradient(135deg,#7c4dff,#ff5fd2); --grad-fire:linear-gradient(135deg,#ff8a5b,#ff4d6d); --grad-gold:linear-gradient(135deg,#ffd76a,#ffb23f); --glow:0 10px 30px rgba(124,77,255,.40), 0 2px 0 rgba(255,95,210,.35); --shadow:0 10px 30px rgba(0,0,0,.45); --shadow-soft:0 4px 14px rgba(0,0,0,.35); --hud-bg:linear-gradient(160deg,rgba(124,77,255,.28),rgba(22,17,43,.6) 60%); --sticky-bg:linear-gradient(135deg,#2c1f60,#1e1738); --side-bg:linear-gradient(180deg,#130f26 0%,#0d0a17 100%); --nav-bg:rgba(13,10,23,.82); --mnav-bg:rgba(20,14,38,.72); --r:18px; --r-sm:14px; /* стеклянная поверхность: полупрозрачный фиолет, синий блик сверху-слева, розовый рим снизу */ --glass-edge:inset 0 1px 0 rgba(111,168,255,.28), inset 1px 0 0 rgba(111,168,255,.10), inset 0 -1px 0 rgba(255,95,210,.28), 0 1px 0 rgba(255,95,210,.10); } body{ background: radial-gradient(900px 500px at 85% -10%, rgba(124,77,255,.22), transparent 60%), radial-gradient(700px 500px at -10% 100%, rgba(255,95,210,.10), transparent 60%), var(--page); background-attachment:fixed; } /* ---- стеклянные поверхности ---- */ .card, .gq, .tgl, .note, .pdet>div, .sheet{ background:linear-gradient(180deg,rgba(140,100,255,.13),rgba(140,100,255,.06)); border:1px solid var(--glass-line); box-shadow:var(--glass-edge), var(--shadow-soft); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); } .tgr{border-bottom-color:rgba(167,123,255,.12)} .tgr:hover{background:rgba(140,100,255,.10)} .tgr:active{background:rgba(140,100,255,.18)} /* строка списка: розовая полоска слева — как в UI-ките */ .tgl>.tgr{position:relative} .tgl>.tgr::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#ff5fd2,#7c4dff);opacity:0;transition:.15s} .tgl>.tgr:hover::before, .tgl>.tgr.on::before{opacity:1} /* ---- кнопки: пилюли из стекла ---- */ button, .btn{ background:linear-gradient(90deg,#7c4dff,#b06bff); border-radius:999px;color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(255,95,210,.55), 0 8px 22px rgba(124,77,255,.35); border:1px solid rgba(255,255,255,.14); } button:hover, .btn:hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.4), inset 0 -2px 0 rgba(255,95,210,.7), 0 12px 30px rgba(176,107,255,.45)} button:active, .btn:active{filter:brightness(.94);transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(0,0,0,.35), 0 4px 12px rgba(124,77,255,.3)} button:disabled{background:rgba(140,100,255,.16);color:rgba(246,243,255,.45);box-shadow:none;border-color:var(--glass-line)} button.ghost, .btn.ghost{ background:linear-gradient(180deg,rgba(140,100,255,.16),rgba(140,100,255,.07)); color:var(--ink);border:1px solid var(--glass-line); box-shadow:var(--glass-edge); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } button.ghost:hover, .btn.ghost:hover{background:linear-gradient(180deg,rgba(140,100,255,.24),rgba(140,100,255,.12));border-color:rgba(167,123,255,.4);box-shadow:var(--glass-edge),0 6px 18px rgba(124,77,255,.25)} button.danger, .btn.danger, button.del, .btn.del{background:linear-gradient(90deg,#c9245e,#ff4d6d);box-shadow:inset 0 1px 0 rgba(255,255,255,.3), inset 0 -2px 0 rgba(255,95,210,.6), 0 8px 22px rgba(255,77,109,.3)} /* ---- чипы и пилюли ---- */ .pill, .hpill, .gchip, .chip{ backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.2); } .pill.alive,.pill.sc-ok,.hpill.ok{color:#5df0b0;background:rgba(61,220,151,.14);border-color:rgba(61,220,151,.35)} .pill.limited,.pill.sc-watch,.hpill.warn{color:#ffc46b;background:rgba(255,178,63,.14);border-color:rgba(255,178,63,.38)} .pill.banned,.pill.dead,.pill.sc-bad,.hpill.bad{color:#ff7a90;background:rgba(255,77,109,.14);border-color:rgba(255,77,109,.38)} .pill.purchased,.pill.newreg_dpn{color:#c9b0ff;background:rgba(167,123,255,.16);border-color:rgba(167,123,255,.4)} /* ---- поля ввода ---- */ input, select, textarea{ background:linear-gradient(180deg,rgba(140,100,255,.10),rgba(140,100,255,.05)); border:1px solid var(--glass-line);border-radius:999px; box-shadow:var(--glass-edge); } textarea{border-radius:var(--r-sm)} input:focus, select:focus, textarea:focus{border-color:rgba(255,95,210,.6);box-shadow:var(--glass-edge),0 0 0 3px rgba(255,95,210,.18)} input[type=checkbox], input[type=radio]{border-radius:6px;box-shadow:none} input[type=date],input[type=number]{border-radius:var(--r-sm)} /* ---- HUD «Сегодня»: стеклянная плита с розовым свечением ---- */ .hud{ background:linear-gradient(160deg,rgba(124,77,255,.30),rgba(255,95,210,.10) 55%,rgba(22,17,43,.5)); border:1px solid rgba(167,123,255,.35); box-shadow:var(--glass-edge),0 14px 40px rgba(124,77,255,.28); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); } .hud .b{background:rgba(13,10,23,.35);border:1px solid rgba(167,123,255,.18);box-shadow:inset 0 1px 0 rgba(111,168,255,.2)} .hud .b b.g{color:#5df0b0;text-shadow:0 0 14px rgba(61,220,151,.5)} .hud .b b.y{color:#ffc46b;text-shadow:0 0 14px rgba(255,178,63,.45)} .pav,.tga{box-shadow:inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(0,0,0,.25), 0 4px 12px rgba(0,0,0,.35)} /* ---- дела на «Сегодня» ---- */ .tdq,a.tdq{background:rgba(13,10,23,.32);border:1px solid rgba(167,123,255,.14);box-shadow:inset 0 1px 0 rgba(111,168,255,.14)} .tdq .ck{border-color:rgba(167,123,255,.55);background:rgba(140,100,255,.08)} .tdq.on .ck{background:linear-gradient(135deg,#3ddc97,#1fb37a);border-color:transparent;box-shadow:0 0 12px rgba(61,220,151,.5)} .tdq.qc{background:rgba(255,178,63,.12);border-color:rgba(255,178,63,.3)} .tdq.over{background:rgba(255,77,109,.12);border-color:rgba(255,77,109,.3)} .deadline{background:rgba(255,178,63,.10);border-color:rgba(255,178,63,.35);border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)} .deadline.closed{background:rgba(255,77,109,.10);border-color:rgba(255,77,109,.35)} /* ---- сайдбар владельца ---- */ .side{border-right:1px solid rgba(167,123,255,.12)} .side a.nav-item{border-radius:14px;gap:12px;padding:8px 10px} .side a.nav-item.on{background:linear-gradient(90deg,rgba(124,77,255,.35),rgba(255,95,210,.10));box-shadow:var(--glass-edge)} .side a.nav-item.on::before{background:linear-gradient(180deg,#ff5fd2,#7c4dff);box-shadow:0 0 14px rgba(255,95,210,.7)} .side .brand span{color:#ff5fd2} /* ---- шапка: колокольчик и период ---- */ .bell, .pdet summary{background:linear-gradient(180deg,rgba(140,100,255,.18),rgba(140,100,255,.08));border:1px solid var(--glass-line);box-shadow:var(--glass-edge);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .bell .badge{background:#ffb23f;color:#3a2400;box-shadow:0 0 10px rgba(255,178,63,.8)} .bell .badge.crit{background:#ff4d6d;color:#fff;box-shadow:0 0 10px rgba(255,77,109,.8)} /* ---- нижняя панель фармера ---- */ .mnav{ background:linear-gradient(180deg,rgba(30,22,58,.94),rgba(13,10,23,.97)); border-top:1px solid rgba(167,123,255,.25); box-shadow:inset 0 1px 0 rgba(111,168,255,.25), 0 -8px 30px rgba(124,77,255,.18); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); } .mnav .mi.on::after{background:linear-gradient(90deg,#7c4dff,#ff5fd2);box-shadow:0 0 12px rgba(255,95,210,.8)} .mnav .mi .mbdg{background:#ffb23f;color:#3a2400;box-shadow:0 0 10px rgba(255,178,63,.8)} .mtop{border-bottom-color:rgba(167,123,255,.14)} .mtop .mbrand span{color:#ff5fd2} /* ---- стеклянные иконки (нарезка листов) ---- .gi — картинка вместо эмодзи: font-size:0 прячет эмодзи, фон рисует webp. Эмодзи остаётся в разметке — текстовые браузеры и копирование видят его. */ .gi{display:inline-block;font-size:0!important;line-height:0;background:center/contain no-repeat;vertical-align:middle} .side a.nav-item .gi{width:26px;height:26px;opacity:1;filter:saturate(.85) brightness(.9)} .side a.nav-item.on .gi,.side a.nav-item:hover .gi{filter:none} .mnav .mi .ic.gi{width:30px;height:30px;font-size:0!important} .mtop .bell .ico.gi,.mtop .pdet summary.gi{font-size:0!important} .bell .ico.gi{width:26px;height:26px;display:block} .pdet summary.gi-calendar{background-image:url(/static/glass/hd-calendar.webp),linear-gradient(180deg,rgba(140,100,255,.18),rgba(140,100,255,.08));background-size:24px 24px,100% 100%;background-position:center;background-repeat:no-repeat} .gi-overview{background-image:url(/static/glass/nav-overview.webp)} .gi-girls{background-image:url(/static/glass/nav-girls.webp)} .gi-accounts{background-image:url(/static/glass/nav-accounts.webp)} .gi-team{background-image:url(/static/glass/nav-team.webp)} .gi-money{background-image:url(/static/glass/nav-money.webp)} .gi-content{background-image:url(/static/glass/nav-content.webp)} .gi-settings{background-image:url(/static/glass/nav-settings.webp)} .gi-profile{background-image:url(/static/glass/nav-profile.webp)} .gi-logout{background-image:url(/static/glass/nav-logout.webp)} .gi-bell{background-image:url(/static/glass/hd-bell.webp)} .gi-bell-on{background-image:url(/static/glass/hd-bell-on.webp)} .gi-calendar{background-image:url(/static/glass/hd-calendar.webp)} .gi-search{background-image:url(/static/glass/hd-search.webp)} .gi-more{background-image:url(/static/glass/hd-more.webp)} .gi-refresh{background-image:url(/static/glass/hd-refresh.webp)} .gi-tab-today{background-image:url(/static/glass/tab-today.webp)} .gi-tab-report{background-image:url(/static/glass/tab-report.webp)} .gi-tab-accounts{background-image:url(/static/glass/tab-accounts.webp)} .gi-tab-arena{background-image:url(/static/glass/tab-arena.webp)} .gi-tab-balance{background-image:url(/static/glass/tab-balance.webp)} .mi.on .gi-tab-today{background-image:url(/static/glass/tab-today-on.webp)} .mi.on .gi-tab-report{background-image:url(/static/glass/tab-report-on.webp)} .mi.on .gi-tab-accounts{background-image:url(/static/glass/tab-accounts-on.webp)} .mi.on .gi-tab-arena{background-image:url(/static/glass/tab-arena-on.webp)} .mi.on .gi-tab-balance{background-image:url(/static/glass/tab-balance-on.webp)} .mi.on .gi{filter:drop-shadow(0 0 10px rgba(255,95,210,.6))} /* статусы акков */ .gs{display:inline-block;width:34px;height:34px;background:center/contain no-repeat;flex:none} .gs.big{width:72px;height:72px} .gs-alive{background-image:url(/static/glass/st-alive.webp)} .gs-warming{background-image:url(/static/glass/st-warming.webp)} .gs-warmdone{background-image:url(/static/glass/st-warmdone.webp)} .gs-storage{background-image:url(/static/glass/st-storage.webp)} .gs-taken{background-image:url(/static/glass/st-taken.webp)} .gs-limited{background-image:url(/static/glass/st-limited.webp)} .gs-banned{background-image:url(/static/glass/st-banned.webp)} .gs-dead{background-image:url(/static/glass/st-dead.webp)} .gs-archived{background-image:url(/static/glass/st-archived.webp)} /* заголовки секций — чуть больше воздуха и тонкая стеклянная черта */ .qh span,.tgh{color:var(--muted)} h1{text-shadow:0 0 30px rgba(124,77,255,.25)} /* элементы, которые в стекле заменены картинкой */ .lg-hide{display:none!important} /* Бейдж на табе «Сегодня» (15.09, владелец: «жёлтое уведомление — колхозно»). Вместо кружка с цифрой — фирменная оранжевая точка из лого ASN: светится, когда есть несделанные дела, только на НЕактивном табе (у активной иконки точка уже в самой картинке). Цифру видно на самом экране «Сегодня». */ .mnav .mi .mbdg{ font-size:0;width:9px;height:9px;min-width:0;padding:0;border-radius:50%; top:5px;right:31%;background:radial-gradient(circle at 35% 35%,#ffd58a,#ffb23f 60%,#e08a1a); box-shadow:0 0 0 2px rgba(13,10,23,.9),0 0 10px rgba(255,178,63,.9),0 0 18px rgba(255,178,63,.5)} .mnav .mi.on .mbdg{display:none} /* ---- .gx — стеклянная иконка в строке текста (раунд 2). Рядом всегда лежит эмодзи: показываем картинку, эмодзи спрятан (обе темы). Размеры: sm 1em, обычная 1.35em, lg 1.7em, xl 2.2em. ---- */ .gx{display:none;width:1.35em;height:1.35em;vertical-align:-.3em;background:center/contain no-repeat;flex:none} .gx.sm{width:1em;height:1em;vertical-align:-.15em} .gx.lg{width:1.7em;height:1.7em;vertical-align:-.4em} .gx.xl{width:2.2em;height:2.2em;vertical-align:-.5em} .gx{display:inline-block} .em{display:none} /* иллюстрации пустых состояний */ .gill{display:none;width:120px;height:120px;background:center/contain no-repeat;margin:0 auto 6px} .gill{display:block} .gempty{text-align:center;padding:18px 14px} .gill-em-clear{background-image:url(/static/glass/em-clear.webp)} .gill-em-empty{background-image:url(/static/glass/em-empty.webp)} .gill-em-error{background-image:url(/static/glass/em-error.webp)} .gill-em-loading{background-image:url(/static/glass/em-loading.webp)} .pd .medal{top:-18px} .pd .medal .gx{filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))} .gx-sg-crit{background-image:url(/static/glass/sg-crit.webp)} .gx-sg-warn{background-image:url(/static/glass/sg-warn.webp)} .gx-sg-ok{background-image:url(/static/glass/sg-ok.webp)} .gx-sg-siren{background-image:url(/static/glass/sg-siren.webp)} .gx-sg-rocket{background-image:url(/static/glass/sg-rocket.webp)} .gx-sg-drop{background-image:url(/static/glass/sg-drop.webp)} .gx-sg-funnel{background-image:url(/static/glass/sg-funnel.webp)} .gx-sg-dead{background-image:url(/static/glass/sg-dead.webp)} .gx-sg-silent{background-image:url(/static/glass/sg-silent.webp)} .gx-qc-queue{background-image:url(/static/glass/qc-queue.webp)} .gx-qc-ok{background-image:url(/static/glass/qc-ok.webp)} .gx-qc-rejected{background-image:url(/static/glass/qc-rejected.webp)} .gx-qc-pending{background-image:url(/static/glass/qc-pending.webp)} .gx-qc-dispute{background-image:url(/static/glass/qc-dispute.webp)} .gx-qc-revise{background-image:url(/static/glass/qc-revise.webp)} .gx-qc-late{background-image:url(/static/glass/qc-late.webp)} .gx-qc-audit{background-image:url(/static/glass/qc-audit.webp)} .gx-qc-rules{background-image:url(/static/glass/qc-rules.webp)} .gx-mn-stars{background-image:url(/static/glass/mn-stars.webp)} .gx-mn-rub{background-image:url(/static/glass/mn-rub.webp)} .gx-mn-usdt{background-image:url(/static/glass/mn-usdt.webp)} .gx-mn-usd{background-image:url(/static/glass/mn-usd.webp)} .gx-mn-payout{background-image:url(/static/glass/mn-payout.webp)} .gx-mn-scales{background-image:url(/static/glass/mn-scales.webp)} .gx-mn-sheet{background-image:url(/static/glass/mn-sheet.webp)} .gx-mn-cash{background-image:url(/static/glass/mn-cash.webp)} .gx-mn-pnl{background-image:url(/static/glass/mn-pnl.webp)} .gx-ct-video{background-image:url(/static/glass/ct-video.webp)} .gx-ct-photo{background-image:url(/static/glass/ct-photo.webp)} .gx-ct-reels{background-image:url(/static/glass/ct-reels.webp)} .gx-ct-cards{background-image:url(/static/glass/ct-cards.webp)} .gx-ct-private{background-image:url(/static/glass/ct-private.webp)} .gx-ct-tg{background-image:url(/static/glass/ct-tg.webp)} .gx-ct-joins{background-image:url(/static/glass/ct-joins.webp)} .gx-ct-funnel{background-image:url(/static/glass/ct-funnel.webp)} .gx-ct-link{background-image:url(/static/glass/ct-link.webp)} .gx-ar-emblem{background-image:url(/static/glass/ar-emblem.webp)} .gx-ar-podium{background-image:url(/static/glass/ar-podium.webp)} .gx-ar-gold{background-image:url(/static/glass/ar-gold.webp)} .gx-ar-silver{background-image:url(/static/glass/ar-silver.webp)} .gx-ar-bronze{background-image:url(/static/glass/ar-bronze.webp)} .gx-ar-crown{background-image:url(/static/glass/ar-crown.webp)} .gx-ar-crown-month{background-image:url(/static/glass/ar-crown-month.webp)} .gx-ar-joins{background-image:url(/static/glass/ar-joins.webp)} .gx-ar-reach{background-image:url(/static/glass/ar-reach.webp)} .gx-st-alive{background-image:url(/static/glass/st-alive.webp)} .gx-st-warming{background-image:url(/static/glass/st-warming.webp)} .gx-st-warmdone{background-image:url(/static/glass/st-warmdone.webp)} .gx-st-storage{background-image:url(/static/glass/st-storage.webp)} .gx-st-taken{background-image:url(/static/glass/st-taken.webp)} .gx-st-limited{background-image:url(/static/glass/st-limited.webp)} .gx-st-banned{background-image:url(/static/glass/st-banned.webp)} .gx-st-dead{background-image:url(/static/glass/st-dead.webp)} .gx-st-archived{background-image:url(/static/glass/st-archived.webp)} .gx-tab-report-on{background-image:url(/static/glass/tab-report-on.webp)} .gx-tab-today-on{background-image:url(/static/glass/tab-today-on.webp)} /* заголовки групп «Сегодня»: иконка + текст слева, счётчик справа (h2.qh — flex space-between) */ h2.qh{justify-content:flex-start;align-items:center} h2.qh>span:last-child{margin-left:auto} h2.qh .gx{width:1.9em;height:1.9em;vertical-align:middle;margin-right:2px} /* ---- SVG-глифы для мелких служебных эмодзи (LG-3, ava/glassify) ---- */ .gx[class*=' gx-g-'],.gx[class^='gx-g-']{width:1.1em;height:1.1em;vertical-align:-.18em;filter:drop-shadow(0 0 4px rgba(167,123,255,.45))} .gx-g-check{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%233ddc97%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012.5l4.5%204.5L19%207%22%2F%3E%3C%2Fsvg%3E")} .gx-g-cross{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ff4d6d%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206l12%2012M18%206L6%2018%22%2F%3E%3C%2Fsvg%3E")} .gx-g-warn{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb23f%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204l9%2016H3z%22%2F%3E%3Cpath%20d%3D%22M12%2010v4.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2217.6%22%20r%3D%22.8%22%20fill%3D%22%23ffb23f%22%2F%3E%3C%2Fsvg%3E")} .gx-g-ext{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a77bff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2017L17%207M9%207h8v8%22%2F%3E%3C%2Fsvg%3E")} .gx-g-back{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a77bff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%207l-5%205%205%205M4%2012h11a5%205%200%200%201%200%2010%22%2F%3E%3C%2Fsvg%3E")} .gx-g-plus{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ff5fd2%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E")} .gx-g-trash{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ff4d6d%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M9%207V4h6v3M6%207l1%2013h10l1-13M10%2011v6M14%2011v6%22%2F%3E%3C%2Fsvg%3E")} .gx-g-play{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a77bff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%204l13%208-13%208z%22%20fill%3D%22%23a77bff%22%2F%3E%3C%2Fsvg%3E")} .gx-g-edit{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a77bff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020h4l11-11-4-4L4%2016z%22%2F%3E%3C%2Fsvg%3E")} .gx-g-key{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb23f%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M11%2012l9-9M16%207l3%203M18%205l3%203%22%2F%3E%3C%2Fsvg%3E")} .gx-g-mail{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a77bff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%208l9%206%209-6%22%2F%3E%3C%2Fsvg%3E")} .gx-g-dot-g{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c9b0ff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%20fill%3D%22%233ddc97%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")} .gx-g-dot-y{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c9b0ff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%20fill%3D%22%23ffb23f%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")} .gx-g-dot-r{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c9b0ff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%20fill%3D%22%23ff4d6d%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")} .gx-g-dot-w{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c9b0ff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%20fill%3D%22%23cdc4ea%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")} .gx-g-dot-p{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c9b0ff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%20fill%3D%22%23a77bff%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")} .gx-g-sun{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb23f%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%202v3M12%2019v3M2%2012h3M19%2012h3M4.9%204.9l2.1%202.1M17%2017l2.1%202.1M4.9%2019.1L7%2017M17%207l2.1-2.1%22%2F%3E%3C%2Fsvg%3E")} .gx-g-moon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a77bff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2014.5A8%208%200%200%201%209.5%204a8%208%200%201%200%2010.5%2010.5z%22%2F%3E%3C%2Fsvg%3E")} /* ---- Ритм отступов на телефоне (владелец: «каша из инфы»). База 8px: поле страницы 16, между разделами 24, между карточками 12, внутри карточки 8. Заголовок раздела прижат к своему содержимому (снизу 8), отделён от чужого (сверху 24). ---- */ @media (max-width:820px){ .main .wrap{padding:12px 16px calc(84px + env(safe-area-inset-bottom))} .main h1{font-size:22px;margin:4px 0 12px;line-height:1.2} .main h2:not(.qh){font-size:17px;margin:24px 0 10px} .main h2.qh{margin:24px 0 8px} .main h2.qh:first-child,.main .hud+.qh{margin-top:16px} .main .card,.main .gq, .main .tgsec,.main .note{margin-bottom:12px} .main .card+.card{margin-top:0} .main .card{padding:14px} .main .gq{padding:12px} .main .hud{margin-bottom:16px} .main .deadline{margin:0 0 20px} .main .sub{line-height:1.45} .main p.sub,.main .axis-note{margin:8px 0 16px} .main .tds{display:flex;flex-direction:column;gap:8px;margin-top:10px} .main .btn,.main button{min-height:44px} .main .gchips{gap:8px;margin-top:12px} .main .tgh{margin:0 6px 8px} .main .stats3{gap:8px;margin:12px 0 20px} } .gx-g-clock{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a77bff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3.5%202%22%2F%3E%3C%2Fsvg%3E")} .gx-g-bolt{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb23f%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%202L5%2013h6l-1%209%208-11h-6z%22%20fill%3D%22%23ffb23f%22%2F%3E%3C%2Fsvg%3E")} .gx-g-dot-b{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c9b0ff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%20fill%3D%22%236fa8ff%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")} /* ---- LG-4: десктоп владельца — таблицы, вкладки, плитки ---- */ th{color:var(--muted);font-family:var(--disp);font-size:10.5px;letter-spacing:.08em;font-weight:700;border-bottom:1px solid rgba(167,123,255,.22);background:rgba(140,100,255,.06)} th:first-child{border-top-left-radius:12px} th:last-child{border-top-right-radius:12px} td{border-bottom:1px solid rgba(167,123,255,.10)} tbody tr:hover td{background:rgba(140,100,255,.07)} tr:last-child td{border-bottom:0} .card table{margin:-4px 0} /* вкладки и подменю — сегментированный контроль из UI-кита: одна активная стеклянная пилюля */ .subnav{border-bottom:0;padding:4px;gap:4px;background:rgba(140,100,255,.08);border:1px solid var(--glass-line);border-radius:999px;display:inline-flex;box-shadow:var(--glass-edge)} .subnav a{border:0;background:transparent;color:var(--ink-2);padding:7px 14px} .subnav a:hover{color:var(--ink);background:rgba(140,100,255,.12)} .subnav a.on{background:linear-gradient(90deg,#7c4dff,#b06bff);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(255,95,210,.5),0 4px 14px rgba(124,77,255,.35)} .tabs{gap:4px} .tabs a,.tabs .tab{border-radius:999px} /* плитки цифр: число крупно шрифтом дисплея, подпись мелко, тонкое стекло */ .tile .value{font-size:30px;text-shadow:0 0 24px rgba(167,123,255,.25)} .tile .label{font-family:var(--disp);font-size:10.5px;letter-spacing:.08em} .tile:hover{border-color:rgba(255,95,210,.45);box-shadow:var(--glass-edge),0 10px 30px rgba(124,77,255,.28)} /* кнопка-строка «карточка акка» в таблице — не primary, а тихое стекло */ .accbtn{background:linear-gradient(180deg,rgba(140,100,255,.14),rgba(140,100,255,.06));color:var(--ink-2);box-shadow:var(--glass-edge);border:1px solid var(--glass-line);border-radius:12px;padding:5px 8px} .accbtn:hover{filter:none;background:rgba(140,100,255,.18)} .accbtn .mini{color:var(--muted)} dialog,.accdlg{background:linear-gradient(180deg,#221a45,#16112b);border:1px solid rgba(167,123,255,.35);border-radius:20px;box-shadow:var(--glass-edge),0 30px 80px rgba(0,0,0,.6);color:var(--ink)} dialog::backdrop{background:rgba(13,10,23,.7);backdrop-filter:blur(6px)} /* аватары-буквы в списках владельца — стеклянные */ .av,.gav,.fav{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.25),0 4px 12px rgba(0,0,0,.35)} /* details-выпадашки и спойлеры */ details.dd>div,.dd>div{background:linear-gradient(180deg,#221a45,#16112b);border:1px solid rgba(167,123,255,.3);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.5)} summary{color:var(--ink-2)} /* сайдбар: активный пункт с розовой полоской, брэнд */ .side .brand{font-size:16px;letter-spacing:.06em} .side input{border-radius:999px} /* кнопки-строки списков (Телеграм-логика) — не пилюли: строка как строка */ button.tgr,button.tdq,a.tdq{border-radius:14px;color:var(--ink)} button.tgr{background:none;border:0;border-bottom:1px solid rgba(167,123,255,.12);border-radius:0;box-shadow:none;padding:10px 12px;font-weight:500} button.tgr:hover{background:rgba(140,100,255,.10);filter:none;transform:none;box-shadow:none} .tgl>button.tgr:last-child{border-bottom:0} button.tgr .chev.badc{color:#ff4d6d} button.tgr .chev.okc{color:#3ddc97} /* остальные листы как inline-иконки */ .gx-em-clear{background-image:url(/static/glass/em-clear.webp)} .gx-em-empty{background-image:url(/static/glass/em-empty.webp)} .gx-em-error{background-image:url(/static/glass/em-error.webp)} .gx-em-loading{background-image:url(/static/glass/em-loading.webp)} .gx-hd-bell-on{background-image:url(/static/glass/hd-bell-on.webp)} .gx-hd-bell{background-image:url(/static/glass/hd-bell.webp)} .gx-hd-calendar{background-image:url(/static/glass/hd-calendar.webp)} .gx-hd-more{background-image:url(/static/glass/hd-more.webp)} .gx-hd-refresh{background-image:url(/static/glass/hd-refresh.webp)} .gx-hd-search{background-image:url(/static/glass/hd-search.webp)} .gx-nav-accounts{background-image:url(/static/glass/nav-accounts.webp)} .gx-nav-content{background-image:url(/static/glass/nav-content.webp)} .gx-nav-girls{background-image:url(/static/glass/nav-girls.webp)} .gx-nav-logout{background-image:url(/static/glass/nav-logout.webp)} .gx-nav-money{background-image:url(/static/glass/nav-money.webp)} .gx-nav-overview{background-image:url(/static/glass/nav-overview.webp)} .gx-nav-profile{background-image:url(/static/glass/nav-profile.webp)} .gx-nav-settings{background-image:url(/static/glass/nav-settings.webp)} .gx-nav-team{background-image:url(/static/glass/nav-team.webp)} .gx-tab-accounts-on{background-image:url(/static/glass/tab-accounts-on.webp)} .gx-tab-accounts{background-image:url(/static/glass/tab-accounts.webp)} .gx-tab-arena-on{background-image:url(/static/glass/tab-arena-on.webp)} .gx-tab-arena{background-image:url(/static/glass/tab-arena.webp)} .gx-tab-balance-on{background-image:url(/static/glass/tab-balance-on.webp)} .gx-tab-balance{background-image:url(/static/glass/tab-balance.webp)} .gx-tab-report{background-image:url(/static/glass/tab-report.webp)} .gx-tab-today{background-image:url(/static/glass/tab-today.webp)} /* чипы и группы пилюль: воздух между ними (владелец: «вплотную друг к другу») */ .accsel{gap:12px;padding:4px 2px 10px} .accsel .a{background:linear-gradient(180deg,rgba(140,100,255,.14),rgba(140,100,255,.06));border:1px solid var(--glass-line);box-shadow:var(--glass-edge);padding:10px 14px} .accsel .a.on,.accsel .a:has(input:checked){border-color:rgba(255,95,210,.6);box-shadow:var(--glass-edge),0 0 0 3px rgba(255,95,210,.18)} .tabs,.chips,.gchips,.pills{gap:10px} .subnav{gap:6px} .pill+.pill,.hpill+.hpill{margin-left:6px} @media (max-width:820px){ .tabs{gap:10px;padding:2px 0 8px} .stbtns,.segm{gap:10px} } .spills{gap:10px} /* a.btn был inline: min-height и вертикальные паддинги не раздвигали строку — кнопка «Взять акк из хранилища» наезжала на заголовки (владелец, 15.09). Все ссылки-кнопки — inline-flex, как настоящие кнопки. */ a.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;text-decoration:none;line-height:1.2} a.btn:hover{text-decoration:none} /* плитки дашборда: подпись фиксированной высоты (2 строки), число не переносится */ .tile .label{min-height:2.6em;display:flex;align-items:flex-end} .tile .value{white-space:nowrap} tr.rw-warn td{background:rgba(255,178,63,.06);box-shadow:inset 3px 0 0 rgba(255,178,63,.6)} tr.rw-crit td{background:rgba(255,77,109,.08);box-shadow:inset 3px 0 0 rgba(255,77,109,.7)} tr.rw-warn td:not(:first-child),tr.rw-crit td:not(:first-child){box-shadow:none} /* выпадающие панели шапки (аватар-меню, период): владелец — «сливается с фоном». Плотный фон, без просвечивания: под ними всегда контент. */ .pdet>div{background:linear-gradient(180deg,#241b4c 0%,#171230 100%);border:1px solid rgba(167,123,255,.4);box-shadow:var(--glass-edge),0 24px 60px rgba(0,0,0,.65),0 0 0 1px rgba(13,10,23,.8);backdrop-filter:none;-webkit-backdrop-filter:none} .umenu>div .tgl{background:rgba(13,10,23,.35);backdrop-filter:none;-webkit-backdrop-filter:none} /* выпадающий список