/* ProForms — адмінка. * * Палітра успадкована з marynatsakhlo/pay/admin.php: крижаний фон, синій * primary і лаймовий акцент. Шрифти Unbounded + Golos Text + JetBrains Mono. * * Один файл, без збірки: 60 КБ CSS на власному домені не варті кроку * в пайплайні (на відміну від w.js, який летить на кожен чужий сайт). */ :root{ --ice:#f7fbff; --card:#ffffff; --card-2:#f2f7fd; --card-3:#e9f1fb; --ink:#0a0d12; --muted:#5c6b80; --faint:#93a2b8; /* Код вставки темний у ОБОХ темах, тому власний токен, а не --ink: у темній темі --ink світлий, і блок ставав світлим текстом по світлому. */ --code-bg:#0d1424; --code-ink:#dfe9ff; --blue:#0062ff; --blue-dark:#004ecb; --blue-soft:#e5efff; --lime:#a7f711; --lime-ink:#3f7d00; --lime-soft:#eefbcf; --hairline:#e3ecf7; --hairline-2:#cdd9ea; --danger:#c92f2f; --danger-bg:#fdf1f1; --warn:#b45309; --warn-bg:#fdf5e7; --dots:rgba(0,98,255,.07); --radius:16px; --radius-sm:10px; --shadow:0 1px 2px rgba(10,40,90,.05),0 10px 30px rgba(10,40,90,.07); --shadow-lg:0 24px 60px -18px rgba(10,40,90,.28); --fd:"Unbounded",system-ui,sans-serif; --fb:"Golos Text",-apple-system,BlinkMacSystemFont,system-ui,sans-serif; --fm:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace; } @media (prefers-color-scheme:dark){:root:not([data-theme="light"]){ --ice:#080b12; --card:#101725; --card-2:#16202f; --card-3:#1d283a; --ink:#e8eefa; --muted:#93a4bd; --faint:#6b7c96; --blue:#4d8dff; --blue-dark:#78a9ff; --blue-soft:#152744; --lime:#a7f711; --lime-ink:#a7f711; --lime-soft:#1c2a10; --hairline:#1e2a3c; --hairline-2:#2a3a52; --danger:#ff7676; --danger-bg:#2a1416; --warn:#e0a33f; --warn-bg:#2a2010; --dots:rgba(77,141,255,.10); --shadow:0 1px 2px rgba(0,0,0,.5),0 10px 30px rgba(0,0,0,.5); --shadow-lg:0 24px 60px -18px rgba(0,0,0,.8); }} :root[data-theme="dark"]{ --ice:#080b12; --card:#101725; --card-2:#16202f; --card-3:#1d283a; --ink:#e8eefa; --muted:#93a4bd; --faint:#6b7c96; --blue:#4d8dff; --blue-dark:#78a9ff; --blue-soft:#152744; --lime:#a7f711; --lime-ink:#a7f711; --lime-soft:#1c2a10; --hairline:#1e2a3c; --hairline-2:#2a3a52; --danger:#ff7676; --danger-bg:#2a1416; --warn:#e0a33f; --warn-bg:#2a2010; --dots:rgba(77,141,255,.10); --shadow:0 1px 2px rgba(0,0,0,.5),0 10px 30px rgba(0,0,0,.5); --shadow-lg:0 24px 60px -18px rgba(0,0,0,.8); } *{box-sizing:border-box} /* Компонентні правила задають display (.addpop — grid, .tabs — flex) і за специфічністю б'ють браузерне [hidden]{display:none}. Тому !important: інакше «прихована» панель лишається на екрані й перехоплює кліки. */ [hidden]{display:none!important} html,body{height:100%} body{margin:0;font:15px/1.55 var(--fb);color:var(--ink);background:var(--ice); background-image:radial-gradient(var(--dots) 1px,transparent 1px);background-size:26px 26px; -webkit-font-smoothing:antialiased} h1,h2,h3,h4{margin:0;font-family:var(--fd);font-weight:600;letter-spacing:-.02em;text-wrap:balance} p{margin:0} button,input,select,textarea{font:inherit;color:inherit} button{cursor:pointer;background:none;border:none;padding:0;text-align:left} /* Компоненти адмінки — це , а не