:root {
  --ink: #0a0f18;
  --night: #070b12;
  --panel: #101721;
  --line: rgba(255,255,255,.11);
  --muted: #8d98a9;
  --paper: #f4f3ef;
  --cream: #e9e6dc;
  --lime: #caff54;
  --lime-deep: #a4e329;
  --coral: #ff7665;
  --mint: #70e0bd;
  --blue: #2787f5;
  --radius: 26px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; font-family: Tahoma, Arial, sans-serif; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--night); color: #f7f8fa; font: 15px/1.55 Tahoma, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
:where(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
button:disabled, .button:disabled { cursor: not-allowed; opacity: .56; transform: none; }
.skip-link { position: fixed; z-index: 1000; top: 10px; left: 10px; padding: 10px 14px; border-radius: 10px; color: #11170a; background: var(--lime); font-weight: 800; transform: translateY(-160%); transition: transform .18s ease; }
.skip-link:focus { transform: translateY(0); }
/* Number fields keep their validation and keyboard input, but do not show
   the browser's spinner controls anywhere in the application. */
input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; appearance: none; }
select:not(.native-task-select) { appearance: none; -webkit-appearance: none; padding-right: 42px !important; border-radius: 13px !important; background-image: linear-gradient(45deg, transparent 50%, #9aa6b2 50%), linear-gradient(135deg, #9aa6b2 50%, transparent 50%) !important; background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50% !important; background-size: 5px 5px, 5px 5px !important; background-repeat: no-repeat !important; }
.system-select { --system-select-height: 44px; width: 100%; position: relative; }
.system-select-native { width: 1px !important; height: 1px !important; position: absolute !important; left: 12px !important; bottom: 0 !important; z-index: -1 !important; padding: 0 !important; opacity: 0 !important; pointer-events: none !important; }
.system-select-trigger { width: 100%; height: var(--system-select-height); min-height: 38px; padding: 0 13px 0 15px; display: flex; align-items: center; justify-content: space-between; gap: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; outline: none; color: #edf1f5; background: linear-gradient(180deg, #111923, #0b1118); cursor: pointer; text-align: left; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.system-select-trigger > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.system-select-trigger svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: var(--lime); stroke-width: 1.8; transition: transform .18s ease; }
.system-select-trigger:hover { border-color: rgba(202,255,84,.27); background: linear-gradient(180deg, #151e29, #0d141c); }
.system-select-trigger:focus-visible, .system-select.open .system-select-trigger { border-color: rgba(202,255,84,.52); box-shadow: 0 0 0 3px rgba(202,255,84,.065); }
.system-select.open .system-select-trigger svg { transform: rotate(180deg); }
.system-select.invalid .system-select-trigger { border-color: rgba(255,118,101,.65); box-shadow: 0 0 0 3px rgba(255,118,101,.07); }
.system-select.disabled { opacity: .55; }
.system-select-menu { position: absolute; z-index: 100; top: calc(100% + 7px); left: 0; right: 0; max-height: min(320px, 55vh); padding: 6px; display: grid; gap: 3px; overflow-y: auto; overscroll-behavior: contain; visibility: hidden; opacity: 0; transform: translateY(-6px) scale(.985); transform-origin: top; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: rgba(12,18,26,.985); box-shadow: 0 22px 55px rgba(0,0,0,.62); backdrop-filter: blur(18px); scrollbar-width: thin; scrollbar-color: rgba(202,255,84,.32) transparent; transition: opacity .15s ease, transform .15s ease, visibility .15s; }
.system-select.open .system-select-menu { visibility: visible; opacity: 1; transform: translateY(0) scale(1); }
.system-select-option { width: 100%; min-height: 40px; padding: 7px 10px 7px 12px; display: grid; grid-template-columns: minmax(0, 1fr) 18px; align-items: center; gap: 10px; border: 0; border-radius: 10px; color: #cfd6de; background: transparent; cursor: pointer; text-align: left; }
.system-select-option > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.system-select-option > i { visibility: hidden; color: var(--lime); font-size: 12px; font-style: normal; }
.system-select-option:hover, .system-select-option:focus-visible, .system-select-option.selected { outline: none; color: #fff; background: rgba(202,255,84,.08); }
.system-select-option.selected > i { visibility: visible; }
.system-select-option:disabled { color: #596470; cursor: not-allowed; }
.ambient { position: fixed; border-radius: 999px; filter: blur(110px); opacity: .12; pointer-events: none; z-index: -1; }
.ambient-one { width: 520px; height: 520px; background: var(--lime); top: -300px; right: 2%; }
.ambient-two { width: 460px; height: 460px; background: #276df5; top: 540px; left: -360px; }
.section-shell, .site-header, .site-footer { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }

.site-header { height: 92px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; position: relative; z-index: 20; }
.brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; font-weight: 800; font-size: 21px; letter-spacing: -.6px; }
.brand > span:last-child > span { color: var(--lime); }
.brand-mark { width: 38px; height: 38px; display: block; border-radius: 12px; object-fit: cover; box-shadow: 0 0 28px rgba(202,255,84,.2); }
.main-nav { display: flex; gap: 32px; color: #a8b1bf; font-size: 13px; }
.main-nav a { transition: color .2s ease; }
.main-nav a:hover { color: #fff; }
.header-actions { display: flex; justify-content: flex-end; gap: 10px; }
.button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; border: 0; border-radius: 13px; padding: 0 20px; font-weight: 700; cursor: pointer; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #11170a; background: var(--lime); box-shadow: none; }
.button-primary:hover { background: #dcff8d; }
.button-small { min-height: 40px; padding-inline: 18px; font-size: 13px; }
.button-large { min-height: 58px; padding-inline: 25px; }
.button-ghost { min-height: 40px; color: #d9dee5; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.09); font-size: 13px; }
.button-text { padding: 0 4px; color: #c5ccd5; background: transparent; font-size: 13px; }
.button-light { background: #f4f3ef; color: #0b111a; }
.button-block { width: 100%; }
.messages { position: fixed; z-index: 50; top: 102px; right: 24px; width: min(380px, calc(100% - 48px)); }
.message { padding: 15px 18px; border: 1px solid rgba(202,255,84,.35); border-radius: 14px; background: #151d28; box-shadow: 0 18px 50px #0008; }
.global-notification-banner { width: min(760px, calc(100% - 48px)); min-height: 78px; margin: -5px auto 14px; padding: 13px 14px; position: relative; z-index: 25; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 13px; border: 1px solid rgba(255,92,99,.28); border-radius: 17px; background: radial-gradient(circle at 0 50%, rgba(255,77,85,.1), transparent 28%), #121a24; box-shadow: 0 18px 45px rgba(0,0,0,.24); }
.global-notification-banner > i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: rgba(255,77,85,.14); font-size: 17px; font-style: normal; font-weight: 900; }
.global-notification-banner > div { min-width: 0; }
.global-notification-banner span, .global-notification-banner strong, .global-notification-banner p { display: block; }
.global-notification-banner span { color: #ff7b81; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.global-notification-banner strong { margin-top: 2px; font-size: 14px; }
.global-notification-banner p { margin: 2px 0 0; overflow: hidden; color: #8c98a4; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.global-notification-banner form { margin: 0; }
.global-notification-banner .button { min-height: 38px; padding: 0 16px; font-size: 12px; }

.hero { min-height: 690px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 60px; padding: 72px 0 98px; }
.eyebrow, .section-kicker { margin: 0 0 22px; color: #aab3c1; font-size: 10px; line-height: 1; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 10px; }
.eyebrow span { width: 24px; height: 1px; background: var(--lime); box-shadow: 0 0 8px var(--lime); }
.hero h1, .statement h2, .proof h2, .final-cta h2, .auth-story h1 { margin: 0; font-size: clamp(55px, 6.2vw, 88px); line-height: .94; letter-spacing: -.065em; font-weight: 780; }
.hero h1 em, .final-cta h2 em, .auth-story h1 em { color: var(--lime); font-style: normal; font-weight: 450; }
.hero-lead { max-width: 590px; margin: 30px 0 34px; color: #aab3c0; font-size: 19px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 24px; }
.hero-visual { min-height: 540px; position: relative; display: grid; place-items: center; }
.orbit { position: absolute; border: 1px solid rgba(255,255,255,.07); border-radius: 999px; }
.orbit-one { inset: 12% 4%; transform: rotate(-13deg); }
.orbit-two { inset: 23% -4%; transform: rotate(22deg); border-color: rgba(202,255,84,.1); }
.signal-card { position: relative; z-index: 3; width: min(405px, 86%); padding: 17px; border: 1px solid rgba(255,255,255,.12); border-radius: 28px; background: linear-gradient(160deg, rgba(28,38,51,.96), rgba(10,15,23,.98)); box-shadow: 0 45px 100px #000a, inset 0 1px rgba(255,255,255,.05); transform: rotate(2deg); }
.signal-head { display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 12px; padding: 2px 2px 15px; }
.avatar-gradient { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(140deg, #2687f5, #705cff); font-size: 12px; font-weight: 900; }
.signal-head small, .signal-head strong { display: block; }
.signal-head small { color: #778292; font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }
.signal-head strong { margin-top: 2px; font-size: 13px; }
.live-dot { color: var(--lime); font-size: 8px; letter-spacing: .1em; }
.live-dot:before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 9px var(--lime); }
.signal-image { position: relative; height: 310px; overflow: hidden; border-radius: 20px; background: radial-gradient(circle at 50% 35%, #82964c 0 2%, transparent 26%), radial-gradient(circle at 25% 80%, #372960 0, transparent 45%), linear-gradient(145deg, #1b2a40, #10131f 65%); }
.signal-image:before, .signal-image:after { content: ""; position: absolute; border-radius: 50%; filter: blur(1px); }
.signal-image:before { width: 180px; height: 180px; left: 28%; top: 20%; background: radial-gradient(circle at 40% 35%, #f6d7bc 0 5%, #684b62 7% 20%, #141823 22%); opacity: .8; }
.signal-image:after { width: 340px; height: 170px; left: 4%; bottom: -70px; background: linear-gradient(120deg, #192e3a, #604b68); transform: rotate(-8deg); }
.signal-glow { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.6)); z-index: 2; }
.floating-token { position: absolute; z-index: 3; width: 41px; height: 41px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; color: var(--lime); background: rgba(9,14,21,.72); backdrop-filter: blur(10px); box-shadow: 0 12px 30px #0008; font-size: 20px; }
.token-one { top: 22%; left: 13%; transform: rotate(-10deg); }
.token-two { top: 40%; right: 11%; transform: rotate(8deg) scale(.82); color: var(--coral); }
.token-three { bottom: 22%; left: 35%; transform: rotate(13deg) scale(.68); }
.credit-mark { color: var(--lime); font-style: normal; font-size: .72em; text-shadow: 0 0 14px rgba(202,255,84,.48); }
.signal-label { position: absolute; z-index: 4; left: 18px; right: 18px; bottom: 17px; display: flex; justify-content: space-between; align-items: end; }
.signal-label span { color: #aeb5bf; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.signal-label b { font-size: 22px; color: var(--lime); }
.signal-progress { height: 3px; margin: 16px 1px 10px; overflow: hidden; border-radius: 4px; background: #27303b; }
.signal-progress span { display: block; width: 62%; height: 100%; background: var(--lime); box-shadow: 0 0 10px var(--lime); }
.signal-meta { display: flex; justify-content: space-between; color: #77818e; font-size: 10px; }
.signal-meta b { color: #c9cfd7; }
.float-pill { position: absolute; z-index: 5; border: 1px solid rgba(255,255,255,.12); background: rgba(15,22,31,.9); backdrop-filter: blur(16px); box-shadow: 0 18px 40px #0008; }
.pill-top { top: 14%; right: -1%; padding: 13px 17px; border-radius: 14px; font-size: 11px; font-weight: 700; transform: rotate(-3deg); }
.pill-top span { display: inline-grid; place-items: center; width: 20px; height: 20px; margin-right: 7px; border-radius: 50%; color: #10150a; background: var(--lime); }
.pill-bottom { left: -1%; bottom: 14%; min-width: 125px; padding: 14px 17px; border-radius: 17px; transform: rotate(-4deg); }
.pill-bottom small, .pill-bottom b { display: block; }
.pill-bottom small { color: #798391; font-size: 9px; text-transform: uppercase; }
.pill-bottom b { color: var(--lime); font-size: 18px; }

.statement { padding: 100px 0 120px; }
.statement h2, .proof h2, .final-cta h2 { font-size: clamp(42px, 5vw, 69px); }
.role-grid { margin-top: 58px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.role-card { min-height: 475px; padding: 15px 20px 23px; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radius); color: #11161d; background: var(--paper); transition: transform .25s ease, box-shadow .25s ease; }
.role-card:hover { transform: translateY(-7px); box-shadow: 0 25px 70px #0005; }
.role-card-dark { color: #f5f7f8; background: #151d28; border: 1px solid var(--line); }
.role-art { position: relative; height: 205px; margin: 0 0 25px; overflow: hidden; border-radius: 19px; background: linear-gradient(120deg, #0b121d 25%, #1d2937 40%, #0b121d 55%); background-size: 240% 100%; animation: image-placeholder 1.25s ease-in-out 8; }
.role-art picture { position: relative; z-index: 1; width: 100%; height: 100%; display: block; }
.role-art img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .55s cubic-bezier(.2,.8,.2,1); }
.role-card:hover .role-art img { transform: scale(1.045); }
@keyframes image-placeholder { to { background-position: -140% 0; } }
.role-card h3 { margin: 0 0 12px; font-size: 28px; letter-spacing: -.04em; }
.role-card p { margin: 0; max-width: 330px; color: #737b83; }
.role-card-dark p { color: #929ca9; }
.role-link { margin-top: auto; padding-top: 28px; display: flex; justify-content: space-between; border-top: 1px solid rgba(10,15,24,.12); font-weight: 750; font-size: 12px; }
.role-card-dark .role-link { border-color: var(--line); }

.proof { width: min(1280px, calc(100% - 32px)); padding: 95px max(48px, calc((100% - 1084px)/2)); display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; border-radius: 38px; color: #11161c; background: var(--lime); }
.proof .section-kicker { color: #52632d; }
.proof-copy > p:not(.section-kicker) { max-width: 475px; margin: 26px 0 34px; color: #4d5c31; font-size: 16px; }
.proof-list { border-top: 1px solid rgba(10,15,24,.22); }
.proof-list div { min-height: 104px; display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 16px; border-bottom: 1px solid rgba(10,15,24,.22); }
.proof-dot { width: 12px; height: 12px; border: 3px solid #11161c; border-radius: 50%; box-shadow: 0 0 0 5px rgba(10,15,24,.08); }
.proof-list strong { font-size: 16px; }
.proof-list i { color: #53602f; font-size: 11px; font-style: normal; }
.final-cta { padding: 140px 0 125px; display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.site-footer { min-height: 120px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 20px; border-top: 1px solid var(--line); color: #667180; font-size: 11px; }
.site-footer > span { text-align: right; }
.brand-muted { color: #8e97a3; }

/* Authentication */
.auth-shell { width: min(1110px, calc(100% - 48px)); min-height: calc(100vh - 212px); margin: 25px auto 70px; display: grid; grid-template-columns: 1fr 470px; align-items: center; gap: 100px; }
.auth-story { position: relative; }
.auth-brand-art { width: 96px; height: 96px; margin: 0 0 34px; display: block; border-radius: 28px; box-shadow: 0 24px 70px rgba(0,0,0,.42), 0 0 50px rgba(202,255,84,.12); transform: rotate(-5deg); }
.auth-story h1 { margin-bottom: 28px; font-size: clamp(48px, 5.5vw, 76px); }
.auth-story > p { max-width: 520px; color: #909aa8; font-size: 16px; }
.auth-benefits { margin-top: 45px; display: grid; gap: 14px; }
.auth-benefits > div { display: flex; align-items: center; gap: 14px; }
.auth-benefits > div > span { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; color: #10160b; background: var(--lime); font-weight: 900; }
.auth-benefits p, .auth-benefits b, .auth-benefits small { margin: 0; display: block; }
.auth-benefits small { color: #737e8c; }
.auth-card { padding: 18px 34px 30px; border: 1px solid rgba(255,255,255,.11); border-radius: 30px; background: linear-gradient(160deg, rgba(25,34,46,.95), rgba(12,17,25,.98)); box-shadow: 0 40px 100px #0008; }
.auth-tabs { margin: 0 -15px 28px; padding: 5px; display: grid; grid-template-columns: 1fr 1fr; border-radius: 14px; background: rgba(255,255,255,.045); }
.auth-tabs a { padding: 10px; border-radius: 10px; color: #798493; text-align: center; font-size: 12px; font-weight: 750; }
.auth-tabs a.active { color: #11170a; background: var(--lime); }
.form-heading > span, .panel-heading span { color: var(--lime); font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.form-heading h2 { margin: 8px 0 4px; font-size: 29px; letter-spacing: -.04em; }
.form-heading p { margin: 0 0 22px; color: #778392; font-size: 12px; }
.auth-form { display: grid; gap: 14px; }
.auth-form label > span { display: block; margin: 0 0 6px; color: #aeb7c3; font-size: 11px; font-weight: 700; }
.auth-form input { width: 100%; height: 49px; padding: 0 15px; border: 1px solid rgba(255,255,255,.11); outline: none; border-radius: 12px; color: #fff; background: rgba(255,255,255,.045); transition: border .2s, box-shadow .2s; }
.auth-form input:focus { border-color: rgba(202,255,84,.65); box-shadow: 0 0 0 3px rgba(202,255,84,.08); }
.auth-form .button { margin-top: 4px; }
.field-error { display: block; margin-top: 5px; color: #ff9a8e; }
.form-error { padding: 10px 12px; border-radius: 10px; color: #ffb0a7; background: rgba(255,118,101,.1); font-size: 12px; }
.form-error ul, .field-error ul { margin: 0; padding: 0; list-style: none; }
.vk-button { color: white; background: var(--blue); }
.vk-logo { width: 27px; height: 27px; display: grid; place-items: center; margin-right: 4px; border-radius: 8px; background: white; color: var(--blue); font-size: 9px; font-weight: 900; }
.vk-button b { margin-left: auto; }
.vk-only-card { padding-top: 30px; }
.auth-vk-mark { width: 58px; height: 58px; margin: 0 auto 19px; display: grid; place-items: center; border-radius: 18px; background: rgba(0,119,255,.12); }
.auth-vk-mark svg { width: 36px; height: 36px; }
.vk-only-card .form-heading { text-align: center; }
.vk-only-card .form-heading p { max-width: 330px; margin-inline: auto; }
.vk-only-button { min-height: 53px; margin-top: 24px; }
.auth-security-note { margin-top: 17px; padding: 12px; display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 10px; border: 1px solid rgba(112,224,189,.12); border-radius: 13px; background: rgba(112,224,189,.035); }
.auth-security-note > i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; color: var(--mint); background: rgba(112,224,189,.1); font-style: normal; font-weight: 900; }
.auth-security-note p, .auth-security-note b, .auth-security-note small { margin: 0; display: block; }
.auth-security-note b { font-size: 9px; }
.auth-security-note small { margin-top: 3px; color: #687482; font-size: 7px; line-height: 1.5; }
.divider { height: 45px; display: flex; align-items: center; color: #626d7c; font-size: 10px; }
.divider:before, .divider:after { content: ""; flex: 1; height: 1px; background: rgba(255,255,255,.08); }
.divider span { padding: 0 12px; }
.form-legal { margin: 18px 10px 0; color: #5f6977; text-align: center; font-size: 9px; }

/* Dashboards */
.dashboard-page { min-width: 1180px; background: #0a0e15; }
.dashboard-page .site-footer { display: none; }
.dashboard-page .site-header { width: calc(100% - 48px); }
.dashboard-shell { width: min(1440px, calc(100% - 32px)); min-height: calc(100vh - 108px); margin: 0 auto 16px; display: grid; grid-template-columns: 262px 1fr; border: 1px solid rgba(255,255,255,.08); border-radius: 27px; overflow: hidden; background: #0d121a; }
.sidebar { padding: 25px 17px; display: flex; flex-direction: column; background: #101720; border-right: 1px solid rgba(255,255,255,.07); }
.sidebar-user { padding: 5px 7px 25px; display: flex; align-items: center; gap: 11px; border-bottom: 1px solid rgba(255,255,255,.07); }
.sidebar-user > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #10160a; background: var(--lime); font-weight: 900; }
.sidebar-user > img { width: 38px; height: 38px; flex: 0 0 auto; object-fit: cover; border: 2px solid rgba(202,255,84,.7); border-radius: 12px; background: #202936; }
.sidebar-user b, .sidebar-user small { display: block; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-user small { color: #6f7b89; font-size: 13px; }
.sidebar-user small.sidebar-balance { width: max-content; margin-top: 3px; padding: 3px 7px; border: 1px solid rgba(202,255,84,.12); border-radius: 7px; color: #aab7c3; background: rgba(202,255,84,.035); font-size: 11px; font-weight: 800; }
.sidebar-notification-center { margin-left: auto; position: relative; flex: 0 0 auto; }
.sidebar-notification-center > summary { list-style: none; cursor: pointer; }
.sidebar-notification-center > summary::-webkit-details-marker { display: none; }
.sidebar-notification-bell { width: 38px; height: 38px; position: relative; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; color: #8995a2; background: rgba(255,255,255,.025); transition: color .18s ease, border-color .18s ease, background .18s ease; }
.sidebar-notification-bell:hover, .sidebar-notification-bell:focus-visible { color: #d9e2ea; border-color: rgba(202,255,84,.28); background: rgba(202,255,84,.055); }
.sidebar-notification-bell svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sidebar-notification-bell > i { width: 9px; height: 9px; position: absolute; top: 6px; right: 6px; border: 2px solid #101721; border-radius: 50%; background: #ff4d55; box-shadow: 0 0 0 2px rgba(255,77,85,.12); }
.sidebar-notification-bell.has-unread { color: #f2f5f7; }
.sidebar-notification-center[open] .sidebar-notification-bell { color: var(--lime); border-color: rgba(202,255,84,.3); background: rgba(202,255,84,.07); }
.sidebar-notification-popover { width: 226px; position: absolute; z-index: 40; top: 48px; right: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: #111923; box-shadow: 0 22px 60px rgba(0,0,0,.45); }
.sidebar-notification-popover > header { padding: 15px 16px 13px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid rgba(255,255,255,.07); }
.sidebar-notification-popover > header strong, .sidebar-notification-popover > header small { display: block; }
.sidebar-notification-popover > header strong { font-size: 15px; }
.sidebar-notification-popover > header small { margin-top: 2px; color: #74818e; font-size: 11px; }
.sidebar-notification-popover > header a { color: var(--lime); font-size: 12px; font-weight: 800; }
.sidebar-notification-preview { padding: 7px; display: grid; gap: 3px; }
.sidebar-notification-preview form, .sidebar-notification-preview button { width: 100%; }
.sidebar-notification-preview button { padding: 10px; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 10px; border: 0; border-radius: 12px; color: #e9eef2; background: transparent; text-align: left; cursor: pointer; }
.sidebar-notification-preview button:hover, .sidebar-notification-preview button:focus-visible { background: rgba(255,255,255,.045); }
.sidebar-notification-preview button > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: var(--lime); background: rgba(202,255,84,.08); font-style: normal; font-weight: 900; }
.sidebar-notification-preview button > span, .sidebar-notification-preview button strong, .sidebar-notification-preview button small, .sidebar-notification-preview button time { min-width: 0; display: block; }
.sidebar-notification-preview button strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-notification-preview button small { margin-top: 3px; overflow: hidden; color: #84909c; font-size: 11px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-notification-preview button time { margin-top: 5px; color: #596673; font-size: 9px; }
.sidebar-notification-empty { min-height: 104px; display: grid; place-content: center; justify-items: center; gap: 8px; color: #7f8b97; font-size: 12px; }
.sidebar-notification-empty i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; color: var(--lime); background: rgba(202,255,84,.07); font-style: normal; }
.sidebar-balance i { color: var(--lime); font-style: normal; }
.sidebar nav { padding-top: 22px; display: grid; gap: 7px; }
.sidebar nav a, .sidebar .nav-disabled { min-height: 53px; padding: 0 10px; display: flex; align-items: center; gap: 11px; border: 1px solid transparent; border-radius: 14px; color: #939eac; font-size: 14px; font-weight: 650; }
.sidebar nav a:hover, .sidebar nav a.active { color: #f8f9fa; background: rgba(255,255,255,.055); }
.sidebar nav a.active { border-color: rgba(202,255,84,.1); }
.sidebar nav i { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(202,255,84,.13); border-radius: 11px; color: #caff54; background: linear-gradient(145deg, rgba(202,255,84,.13), rgba(202,255,84,.035)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); font-size: 18px; font-style: normal; text-align: center; }
.sidebar nav svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sidebar nav > :nth-child(2) i { color: #78b8ff; border-color: rgba(80,157,255,.14); background: linear-gradient(145deg, rgba(80,157,255,.14), rgba(80,157,255,.03)); }
.sidebar nav > :nth-child(3) i { color: #c79aff; border-color: rgba(174,111,255,.14); background: linear-gradient(145deg, rgba(174,111,255,.14), rgba(174,111,255,.03)); }
.sidebar nav > :nth-child(4) i { color: #ffd171; border-color: rgba(255,189,68,.14); background: linear-gradient(145deg, rgba(255,189,68,.14), rgba(255,189,68,.03)); }
.sidebar nav > :nth-child(5) i { color: #70e0bd; border-color: rgba(112,224,189,.14); background: linear-gradient(145deg, rgba(112,224,189,.14), rgba(112,224,189,.03)); }
.sidebar nav > :nth-child(6) i { color: #ff9d8f; border-color: rgba(255,128,110,.14); background: linear-gradient(145deg, rgba(255,128,110,.14), rgba(255,128,110,.03)); }
.sidebar nav > :nth-child(7) i { color: #78b8ff; border-color: rgba(80,157,255,.14); background: linear-gradient(145deg, rgba(80,157,255,.14), rgba(80,157,255,.03)); }
.sidebar .nav-disabled { opacity: .52; cursor: default; }
.sidebar .nav-disabled b { margin-left: auto; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.sidebar nav .nav-notification-count { min-width: 23px; height: 23px; margin-left: auto; padding: 0 6px; display: grid; place-items: center; border-radius: 8px; color: #10170b; background: var(--lime); font-size: 11px; }
.sidebar nav .nav-alert-count { min-width: 23px; height: 23px; margin-left: auto; padding: 0 6px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: #b95751; font-size: 11px; }
.sidebar form { margin-top: auto; }
.sidebar-logout { width: 100%; padding: 13px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; color: #9aa5b3; background: transparent; cursor: pointer; font-size: 13px; font-weight: 650; }
.dashboard-content { min-width: 0; padding: 43px 45px 55px; background: radial-gradient(circle at 92% 0, rgba(202,255,84,.055), transparent 25%); }
.dashboard-top { margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.dashboard-top .section-kicker { margin-bottom: 8px; color: var(--lime); }
.dashboard-top h1 { margin: 0; font-size: clamp(30px, 3vw, 45px); letter-spacing: -.045em; }
.dashboard-top-actions { display: flex; align-items: center; gap: 9px; }
.user-balance-badge { min-width: 94px; height: 43px; padding: 5px 12px 5px 6px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(202,255,84,.14); border-radius: 13px; background: rgba(202,255,84,.035); }
.user-balance-badge:hover { border-color: rgba(202,255,84,.32); background: rgba(202,255,84,.06); }
.user-balance-badge > i { width: 31px; height: 31px; flex: 0 0 31px; display: grid; place-items: center; border-radius: 9px; color: #11170d; background: var(--lime); font-size: 13px; font-style: normal; }
.user-balance-badge span, .user-balance-badge small, .user-balance-badge strong { display: block; }
.user-balance-badge small { color: #65717e; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.user-balance-badge strong { margin-top: 1px; color: #f0f4f6; font-size: 12px; line-height: 1; }
.dashboard-mode-form { margin: 0; }
.dashboard-mode-form button { min-height: 39px; padding: 0 12px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(202,255,84,.14); border-radius: 11px; color: #b6c29f; background: rgba(202,255,84,.045); cursor: pointer; font-size: 12px; font-weight: 800; white-space: nowrap; }
.dashboard-mode-form button:hover { color: #10160d; border-color: var(--lime); background: var(--lime); }
.dashboard-mode-form svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.status-chip { padding: 9px 12px; border: 1px solid rgba(112,224,189,.18); border-radius: 999px; color: var(--mint); background: rgba(112,224,189,.07); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.status-chip:before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.top-profile { display: flex; align-items: center; gap: 11px; }
.top-profile > img, .top-profile > span { width: 42px; height: 42px; flex: 0 0 auto; border-radius: 12px; }
.top-profile > img { object-fit: cover; border: 2px solid rgba(202,255,84,.68); background: #202936; }
.top-profile > span { display: grid; place-items: center; color: #11170a; background: var(--lime); font-weight: 900; }
.top-profile strong, .top-profile small { display: block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.top-profile strong { font-size: 12px; }
.top-profile small { color: #707c8b; font-size: 12px; }
.connect-banner, .connected-banner { margin-bottom: 18px; padding: 20px; display: flex; align-items: center; gap: 17px; border-radius: 18px; }
.connect-banner { border: 1px solid rgba(39,135,245,.2); background: linear-gradient(90deg, rgba(39,135,245,.12), rgba(39,135,245,.035)); }
.connect-icon { width: 48px; height: 48px; display: grid; place-items: center; flex: 0 0 auto; }
.connect-icon svg { width: 48px; height: 48px; display: block; filter: drop-shadow(0 10px 18px rgba(0,119,255,.2)); }
.connect-banner strong, .connect-banner p, .connected-banner strong, .connected-banner p { display: block; margin: 0; }
.connect-banner p, .connected-banner p { color: #788493; font-size: 13px; }
.connect-banner .button { margin-left: auto; flex: 0 0 auto; }
.connected-banner { border: 1px solid rgba(112,224,189,.15); background: rgba(112,224,189,.055); }
.connected-banner > .vk-brand-icon { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; }
.vk-brand-icon svg { width: 42px; height: 42px; display: block; filter: drop-shadow(0 10px 18px rgba(0,119,255,.2)); }
.connected-banner a { margin-left: auto; color: var(--mint); font-size: 13px; font-weight: 700; }
.metric-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 14px; }
.metric-card, .panel-card { border: 1px solid rgba(255,255,255,.075); border-radius: 20px; background: #121923; }
.metric-card { min-height: 155px; padding: 21px; }
.metric-card > span { color: #707c8a; font-size: 13px; text-transform: uppercase; letter-spacing: .09em; }
.metric-card > strong { display: block; margin: 12px 0 0; font-size: 35px; letter-spacing: -.04em; }
.metric-card > strong i { color: var(--lime); font-style: normal; }
.metric-card p { margin: 1px 0 0; color: #697482; font-size: 13px; }
.metric-card button { margin-top: 13px; padding: 6px 9px; border: 0; border-radius: 7px; color: #7e8996; background: rgba(255,255,255,.05); font-size: 11px; }
.metric-main { background: linear-gradient(135deg, #19232d, #121922); }
.dashboard-grid { margin-top: 14px; display: grid; grid-template-columns: 1.12fr .88fr; gap: 14px; }
.panel-card { min-height: 310px; padding: 23px; }
.panel-heading h2 { margin: 4px 0 0; font-size: 20px; letter-spacing: -.03em; }
.action-cards { margin-top: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.action-cards > div, .action-cards > a { min-height: 190px; padding: 17px; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: rgba(255,255,255,.025); transition: transform .2s ease, border-color .2s ease; }
.action-cards > a:hover { transform: translateY(-3px); border-color: rgba(202,255,84,.3); }
.action-art { width: 72px; height: 72px; display: block; margin-bottom: 20px; border-radius: 20px; object-fit: cover; box-shadow: 0 15px 30px rgba(0,0,0,.24); }
.action-cards strong { font-size: 15px; }
.action-cards p { margin: 4px 0; color: #6f7b89; font-size: 13px; }
.action-cards span { margin-top: auto; color: #788391; font-size: 12px; text-transform: uppercase; }
.empty-state { min-height: 220px; display: grid; place-content: center; text-align: center; color: #626e7c; }
.empty-state span { font-size: 33px; }
.empty-state p { font-size: 13px; }
.ledger-list { margin-top: 16px; }
.ledger-list > div { padding: 11px 0; display: grid; grid-template-columns: 33px 1fr auto; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.06); }
.ledger-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: rgba(255,255,255,.06); }
.ledger-list p, .ledger-list b, .ledger-list small { margin: 0; display: block; }
.ledger-list small { color: #626d7b; font-size: 12px; }
.ledger-list > div > strong { font-size: 13px; }
.positive { color: var(--lime); }
.admin-metrics { grid-template-columns: repeat(4, 1fr); }
.admin-grid { grid-template-columns: 1fr 1fr; }
.admin-links, .readiness-list { margin-top: 20px; display: grid; }
.admin-links a, .readiness-list > div { min-height: 51px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.065); font-size: 12px; }
.admin-links a:hover { color: var(--lime); }
.readiness-list b { color: var(--mint); font-size: 12px; text-transform: uppercase; }
.readiness-list .muted b { color: #8792a0; }
.admin-content { scroll-behavior: smooth; }
.admin-panel-page .dashboard-top { margin-bottom: 20px; }
.admin-automation-alert { min-height: 62px; margin-bottom: 12px; padding: 11px 14px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 11px; border: 1px solid rgba(239,140,129,.24); border-radius: 14px; color: inherit; background: rgba(239,140,129,.05); text-decoration: none; }
.admin-automation-alert:hover { border-color: rgba(239,140,129,.42); background: rgba(239,140,129,.075); }
.admin-automation-alert > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #b95751; font-style: normal; font-weight: 900; }
.admin-automation-alert strong, .admin-automation-alert span { display: block; }
.admin-automation-alert strong { font-size: 12px; }
.admin-automation-alert span { margin-top: 3px; color: #a88687; font-size: 10px; }
.admin-automation-alert > b { color: #ef8c81; font-size: 10px; white-space: nowrap; }
.admin-sidebar .sidebar-user img { width: 39px; height: 39px; object-fit: cover; border-radius: 12px; }
.admin-live-grid { margin-top: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.admin-live-card { min-height: 285px; padding: 19px; }
.admin-analytics { margin-top: 12px; padding: 18px; border: 1px solid rgba(255,255,255,.07); border-radius: 17px; background: #121923; }
.admin-analytics > header { margin-bottom: 13px; display: flex; align-items: end; justify-content: space-between; }
.admin-analytics > header h2 { margin: 4px 0 0; font-size: 19px; }
.admin-analytics > header nav { padding: 3px; display: flex; gap: 2px; border-radius: 10px; background: #0c1219; }
.admin-analytics > header nav a { min-height: 29px; padding: 0 9px; display: flex; align-items: center; border-radius: 8px; color: #76828f; font-size: 10px; font-weight: 750; text-decoration: none; }
.admin-analytics > header nav a.active { color: #11170d; background: var(--lime); }
.admin-period-stats { margin-bottom: 13px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.admin-period-stats article { padding: 11px 13px; border-radius: 11px; background: rgba(255,255,255,.025); }
.admin-period-stats span, .admin-period-stats strong, .admin-period-stats em { display: block; }
.admin-period-stats span { color: #65717e; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.admin-period-stats strong { margin-top: 4px; font-size: 18px; }
.admin-period-stats em { margin-top: 3px; color: #707c88; font-size: 9px; font-style: normal; }
.admin-period-stats em.up { color: var(--mint); }
.admin-period-stats em.down { color: #ea8d83; }
.admin-activity-chart { height: 150px; padding: 13px 5px 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(12px, 1fr); align-items: end; gap: 3px; border-bottom: 1px solid rgba(255,255,255,.07); background: linear-gradient(to top, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 100% 33.333%; }
.admin-chart-day { min-width: 0; height: 100%; display: grid; grid-template-rows: 1fr 18px; align-items: end; }
.admin-chart-bars { height: 100%; display: flex; align-items: end; justify-content: center; gap: 2px; }
.admin-chart-bars i { width: min(7px, 28%); min-height: 2px; display: block; border-radius: 3px 3px 0 0; }
.admin-chart-bars .users, .admin-chart-legend i.users { background: #65d7b3; }
.admin-chart-bars .tasks, .admin-chart-legend i.tasks { background: var(--lime); }
.admin-chart-bars .rewards, .admin-chart-legend i.rewards { background: #779cff; }
.admin-chart-day > span { overflow: hidden; color: #596572; font-size: 8px; text-align: center; white-space: nowrap; }
.admin-chart-legend { margin-top: 9px; display: flex; justify-content: center; gap: 17px; }
.admin-chart-legend span { display: flex; align-items: center; gap: 5px; color: #75818e; font-size: 9px; }
.admin-chart-legend i { width: 7px; height: 7px; display: block; border-radius: 2px; }
.admin-finance-summary { margin-top: 13px; padding-top: 13px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; border-top: 1px solid rgba(255,255,255,.06); }
.admin-finance-summary span, .admin-finance-summary strong { display: block; }
.admin-finance-summary span { color: #626e7b; font-size: 9px; text-transform: uppercase; }
.admin-finance-summary strong { margin-top: 4px; font-size: 14px; }
.admin-activity-list { margin-top: 13px; display: grid; gap: 5px; }
.admin-activity-list > a { min-height: 43px; padding: 6px 4px; display: grid; grid-template-columns: 31px 1fr auto; align-items: center; gap: 9px; border-bottom: 1px solid rgba(255,255,255,.055); }
.admin-activity-list > a > i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; color: var(--lime); background: rgba(202,255,84,.07); font-size: 12px; font-style: normal; font-weight: 800; }
.admin-activity-list b, .admin-activity-list small { display: block; }
.admin-activity-list b { font-size: 12px; }
.admin-activity-list small { margin-top: 2px; color: #606c79; font-size: 10px; }
.admin-activity-list > a > span { padding: 5px 7px; border-radius: 7px; color: #8d98a5; background: rgba(255,255,255,.045); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.admin-settings-section { margin-top: 25px; scroll-margin-top: 95px; }
.admin-section-heading { margin-bottom: 11px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.admin-section-heading > div > span { color: var(--lime); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.admin-section-heading h2 { margin: 4px 0 0; font-size: 21px; }
.admin-section-heading p { margin: 5px 0 0; color: #687482; font-size: 12px; }
.admin-section-heading > em { padding: 7px 9px; border-radius: 8px; color: #ef9a8f; background: rgba(239,154,143,.07); font-size: 11px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.admin-section-heading > em.ready { color: var(--mint); background: rgba(112,224,189,.07); }
.admin-settings-form, .admin-payment-form { border: 1px solid rgba(255,255,255,.07); border-radius: 17px; background: #121923; }
.admin-settings-form { padding: 8px; }
.pricing-list { display: grid; gap: 4px; }
.pricing-row { min-height: 66px; padding: 9px 11px; display: grid; grid-template-columns: minmax(170px, 1.35fr) 115px repeat(4, minmax(90px, .55fr)); align-items: center; gap: 8px; border-radius: 11px; background: rgba(255,255,255,.018); }
.pricing-row:hover { background: rgba(255,255,255,.028); }
.pricing-name b, .pricing-name small { display: block; }
.pricing-name b { font-size: 13px; }
.pricing-name small { margin-top: 3px; color: #56616e; font-size: 10px; }
.pricing-row label:not(.admin-toggle), .admin-payment-form > label:not(.admin-toggle) { display: block; }
.pricing-row label > span, .admin-payment-form > label > span { display: block; margin-bottom: 5px; color: #687482; font-size: 10px; font-weight: 750; text-transform: uppercase; }
.pricing-row input[type="number"], .admin-payment-form input[type="number"] { width: 100%; height: 34px; padding: 0 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; outline: 0; color: #edf1f4; background: #0c121a; font-size: 12px; }
.pricing-row input:focus, .admin-payment-form input:focus { border-color: rgba(202,255,84,.5); }
.admin-toggle { position: relative; min-height: 34px; display: flex; align-items: center; gap: 7px; cursor: pointer; }
.admin-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.admin-toggle > span { width: 31px; height: 18px; position: relative; flex: 0 0 31px; border-radius: 99px; background: #29313a; transition: background .2s ease; }
.admin-toggle > span:after { content: ""; width: 12px; height: 12px; position: absolute; top: 3px; left: 3px; border-radius: 50%; background: #7f8995; transition: transform .2s ease, background .2s ease; }
.admin-toggle input:checked + span { background: rgba(202,255,84,.26); }
.admin-toggle input:checked + span:after { background: var(--lime); transform: translateX(13px); }
.admin-toggle > b { font-size: 11px; }
.pricing-errors { grid-column: 1 / -1; color: #ff8c7e; font-size: 11px; }
.admin-form-actions { padding: 12px 4px 4px; display: flex; justify-content: flex-end; }
.admin-form-actions .button { min-height: 39px; font-size: 12px; }
.admin-payment-form { padding: 17px; display: grid; grid-template-columns: 1.3fr repeat(3, 1fr) auto; align-items: end; gap: 10px; }
.admin-payment-form .admin-toggle.large { align-self: center; }
.admin-payment-form .admin-toggle small, .admin-payment-form label > small { display: block; color: #ff8c7e; font-size: 10px; }
.admin-payment-form .button { min-height: 34px; white-space: nowrap; }
.admin-user-stats { margin-bottom: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.admin-user-stats > div { min-height: 76px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: #121923; }
.admin-user-stats span, .admin-user-stats strong { display: block; }
.admin-user-stats span { color: #6d7886; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.admin-user-stats strong { margin-top: 5px; font-size: 20px; }
.admin-user-filters { margin-bottom: 10px; padding: 8px; display: grid; grid-template-columns: minmax(220px, 1fr) auto auto; align-items: center; gap: 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: #121923; }
.admin-user-filters > label { position: relative; }
.admin-user-filters label svg { width: 17px; height: 17px; position: absolute; top: 50%; left: 11px; fill: none; stroke: #65717e; stroke-width: 1.7; transform: translateY(-50%); }
.admin-user-filters input { width: 100%; height: 39px; padding: 0 12px 0 37px; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; outline: 0; color: #edf1f5; background: #0c121a; font-size: 12px; }
.admin-user-filters input:focus { border-color: rgba(202,255,84,.45); }
.admin-user-filters nav { display: flex; gap: 3px; }
.admin-user-filters nav a { min-height: 34px; padding: 0 9px; display: inline-flex; align-items: center; border-radius: 9px; color: #778391; font-size: 11px; font-weight: 750; white-space: nowrap; }
.admin-user-filters nav a.active { color: #11170d; background: var(--lime); }
.admin-user-filters .button { min-height: 36px; padding-inline: 14px; font-size: 12px; }
.admin-user-list { display: grid; gap: 6px; }
.admin-user-row { min-height: 72px; padding: 10px 12px; display: grid; grid-template-columns: minmax(230px, 1.4fr) repeat(3, minmax(70px, .5fr)) minmax(100px, .55fr) auto; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.065); border-radius: 13px; background: #121923; }
.admin-user-person { min-width: 0; display: flex; align-items: center; gap: 10px; }
.admin-user-person > img, .admin-user-person > i { width: 37px; height: 37px; flex: 0 0 37px; border-radius: 11px; }
.admin-user-person > img { object-fit: cover; border: 1px solid rgba(202,255,84,.3); }
.admin-user-person > i { display: grid; place-items: center; color: #11170d; background: var(--lime); font-style: normal; font-weight: 900; }
.admin-user-person strong, .admin-user-person small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-user-person strong { font-size: 13px; }
.admin-user-person small { max-width: 260px; margin-top: 3px; color: #626e7b; font-size: 10px; }
.admin-user-metric span, .admin-user-metric b { display: block; }
.admin-user-metric span { color: #5e6976; font-size: 10px; text-transform: uppercase; }
.admin-user-metric b { margin-top: 3px; font-size: 12px; }
.admin-user-state em { padding: 6px 8px; display: inline-block; border-radius: 8px; font-size: 10px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.admin-user-state .is-active { color: var(--mint); background: rgba(112,224,189,.07); }
.admin-user-state .is-blocked { color: #ef8c81; background: rgba(239,140,129,.07); }
.admin-user-state .is-admin { color: #f1cf72; background: rgba(241,207,114,.07); }
.admin-user-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.admin-user-actions form { display: contents; }
.admin-user-actions a, .admin-user-actions button { min-height: 29px; padding: 0 8px; display: inline-flex; align-items: center; border: 1px solid rgba(255,255,255,.075); border-radius: 8px; color: #8e99a6; background: rgba(255,255,255,.025); cursor: pointer; font-size: 10px; }
.admin-user-actions button.danger { color: #dc8c83; }
.admin-user-actions button.success { color: var(--mint); }
.admin-profile-hero { margin-bottom: 9px; padding: 17px; display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 14px; border: 1px solid rgba(255,255,255,.07); border-radius: 17px; background: #121923; }
.admin-profile-hero > img, .admin-profile-hero > i { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 16px; object-fit: cover; background: var(--lime); color: #10160d; font-style: normal; font-size: 20px; font-weight: 900; }
.admin-profile-hero span { color: #72808d; font-size: 11px; }
.admin-profile-hero h2 { margin: 3px 0; font-size: 21px; }
.admin-profile-hero p, .admin-profile-badges small { margin: 0; color: #65727f; font-size: 11px; }
.admin-profile-badges { text-align: right; }
.admin-profile-badges em { padding: 7px 9px; display: inline-block; border-radius: 8px; background: rgba(241,207,114,.08); color: #f1cf72; font-size: 10px; font-style: normal; font-weight: 850; text-transform: uppercase; }
.admin-profile-badges em.active { color: var(--mint); background: rgba(112,224,189,.08); }
.admin-profile-badges em.blocked { color: #ef8c81; background: rgba(239,140,129,.08); }
.admin-profile-badges small { margin-top: 6px; display: block; }
.admin-profile-metrics { margin-bottom: 9px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 7px; }
.admin-profile-metrics article { padding: 12px 13px; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: #121923; }
.admin-profile-metrics span, .admin-profile-metrics strong { display: block; }
.admin-profile-metrics span { color: #626f7c; font-size: 9px; text-transform: uppercase; }
.admin-profile-metrics strong { margin-top: 5px; font-size: 15px; }
.admin-profile-actions { margin-bottom: 15px; display: flex; align-items: start; gap: 7px; }
.admin-profile-actions > form { display: contents; }
.admin-profile-actions summary, .admin-profile-actions > form button { min-height: 34px; padding: 0 11px; display: flex; align-items: center; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: #131b24; color: #9ba6b1; cursor: pointer; font-size: 11px; font-weight: 750; list-style: none; }
.admin-profile-actions > form button.danger { color: #ed8e85; }
.admin-profile-actions > form button.success { color: var(--mint); }
.admin-profile-actions details { position: relative; }
.admin-profile-actions details form { width: 480px; padding: 10px; position: absolute; z-index: 20; top: 40px; left: 0; display: grid; grid-template-columns: 105px 90px 1fr auto; gap: 6px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: #111923; box-shadow: 0 18px 50px rgba(0,0,0,.35); }
.admin-profile-actions details form select, .admin-profile-actions details form input { min-width: 0; height: 35px; padding: 0 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; background: #0b1118; color: #e8edf2; font-size: 11px; }
.admin-profile-actions details form button { border: 0; border-radius: 8px; background: var(--lime); color: #11160d; font-size: 11px; font-weight: 850; }
.admin-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; }
.admin-profile-section { min-width: 0; padding: 14px; border: 1px solid rgba(255,255,255,.065); border-radius: 15px; background: #121923; }
.admin-profile-section > header { margin-bottom: 9px; display: flex; align-items: end; justify-content: space-between; }
.admin-profile-section > header span { color: var(--lime); font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.admin-profile-section > header h2 { margin: 3px 0 0; font-size: 16px; }
.admin-profile-section > header > b { color: #8e99a5; font-size: 12px; }
.admin-profile-list { display: grid; gap: 5px; }
.admin-profile-list > a, .admin-profile-list > article { min-width: 0; padding: 9px 10px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 8px; border-radius: 9px; background: rgba(255,255,255,.025); color: inherit; text-decoration: none; }
.admin-profile-list strong, .admin-profile-list small { display: block; }
.admin-profile-list strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.admin-profile-list small { margin-top: 3px; color: #5f6c79; font-size: 9px; }
.admin-profile-list em { max-width: 160px; overflow: hidden; color: #82909d; font-size: 9px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.admin-profile-list > a > b, .admin-profile-list > article > b { color: #aeb8c2; font-size: 10px; white-space: nowrap; }
.admin-profile-list > p { margin: 12px 0; color: #667380; font-size: 11px; text-align: center; }
.admin-profile-referral { padding: 15px; border-radius: 10px; background: rgba(255,255,255,.025); }
.admin-profile-referral strong { font-size: 12px; }
.admin-profile-referral p { margin: 4px 0 0; color: #6c7986; font-size: 10px; }
.admin-credit-control { position: relative; }
.admin-credit-control > summary { min-height: 29px; padding: 0 8px; display: inline-flex; align-items: center; border: 1px solid rgba(202,255,84,.16); border-radius: 8px; color: var(--lime); background: rgba(202,255,84,.035); cursor: pointer; font-size: 10px; list-style: none; white-space: nowrap; }
.admin-credit-control > summary::-webkit-details-marker { display: none; }
.admin-credit-control[open] > summary { color: #11170d; background: var(--lime); }
.admin-credit-control form { width: 245px; padding: 11px; position: absolute; z-index: 20; top: 36px; right: 0; display: grid; gap: 8px; border: 1px solid rgba(255,255,255,.11); border-radius: 12px; background: #0c121a; box-shadow: 0 18px 45px rgba(0,0,0,.5); }
.admin-credit-control label span { margin-bottom: 4px; display: block; color: #687482; font-size: 10px; font-weight: 750; text-transform: uppercase; }
.admin-credit-control input, .admin-credit-control select { width: 100%; height: 34px; padding: 0 9px; border: 1px solid rgba(255,255,255,.09); border-radius: 8px; outline: 0; color: #eef2f5; background: #111923; font-size: 12px; }
.admin-credit-control input:focus, .admin-credit-control select:focus { border-color: rgba(202,255,84,.45); }
.admin-credit-control form button { min-height: 34px; justify-content: center; color: #11170d; background: var(--lime); font-weight: 850; }
.admin-role-control { position: relative; }
.admin-role-control > summary { min-height: 29px; padding: 0 8px; display: inline-flex; align-items: center; border: 1px solid rgba(120,184,255,.18); border-radius: 8px; color: #78b8ff; background: rgba(80,157,255,.04); cursor: pointer; font-size: 10px; list-style: none; }
.admin-role-control > summary::-webkit-details-marker { display: none; }
.admin-role-control[open] > summary { color: #0e151d; background: #78b8ff; }
.admin-role-control form { width: 235px; padding: 11px; position: absolute; z-index: 20; top: 36px; right: 0; display: grid; gap: 8px; border: 1px solid rgba(255,255,255,.11); border-radius: 12px; background: #0c121a; box-shadow: 0 18px 45px rgba(0,0,0,.5); }
.admin-role-control select { width: 100%; height: 38px; padding: 0 9px; border: 1px solid rgba(255,255,255,.09); border-radius: 8px; outline: 0; color: #eef2f5; background: #111923; font-size: 11px; }
.admin-role-control form button { min-height: 34px; justify-content: center; color: #11170d; background: var(--lime); font-weight: 850; }
.admin-task-stats { margin-bottom: 10px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.admin-task-stats > div { min-height: 76px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: #121923; }
.admin-task-stats span, .admin-task-stats strong { display: block; }
.admin-task-stats span { color: #6d7886; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.admin-task-stats strong { margin-top: 5px; font-size: 20px; }
.admin-task-filters { margin-bottom: 10px; padding: 8px; display: grid; grid-template-columns: minmax(220px, 1fr) 145px 190px auto; align-items: end; gap: 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: #121923; }
.admin-task-filters label > span { display: block; margin: 0 0 5px 3px; color: #687482; font-size: 10px; font-weight: 750; text-transform: uppercase; }
.admin-task-search { position: relative; }
.admin-task-search svg { width: 17px; height: 17px; position: absolute; top: 50%; left: 11px; fill: none; stroke: #65717e; stroke-width: 1.7; transform: translateY(-50%); }
.admin-task-filters input, .admin-task-filters select { width: 100%; height: 39px; padding: 0 11px; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; outline: 0; color: #edf1f5; background: #0c121a; font-size: 12px; }
.admin-task-filters input { padding-left: 37px; }
.admin-task-filters input:focus, .admin-task-filters select:focus { border-color: rgba(202,255,84,.45); }
.admin-task-filters .button { min-height: 39px; padding-inline: 14px; font-size: 12px; }
.admin-task-list { display: grid; gap: 6px; }
.admin-task-row { min-height: 83px; padding: 10px 12px; display: grid; grid-template-columns: minmax(220px, 1.25fr) minmax(150px, .8fr) minmax(110px, .62fr) minmax(100px, .52fr) minmax(100px, .55fr) auto; align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.065); border-radius: 13px; background: #121923; }
.admin-task-main, .admin-task-owner { min-width: 0; display: flex; align-items: center; gap: 9px; }
.admin-task-main > i, .admin-task-owner > img, .admin-task-owner > i { width: 37px; height: 37px; flex: 0 0 37px; display: grid; place-items: center; border-radius: 11px; font-style: normal; }
.admin-task-main > i { color: var(--lime); background: rgba(202,255,84,.075); }
.admin-task-owner > img { object-fit: cover; border: 1px solid rgba(202,255,84,.23); }
.admin-task-owner > i { color: #11170d; background: var(--lime); font-weight: 900; }
.admin-task-main strong, .admin-task-main a, .admin-task-main small, .admin-task-owner span, .admin-task-owner b, .admin-task-state small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-task-main strong, .admin-task-owner b { font-size: 12px; }
.admin-task-main a { max-width: 190px; margin-top: 2px; color: #82909e; font-size: 10px; }
.admin-task-main a:hover { color: var(--lime); }
.admin-task-main small, .admin-task-owner span, .admin-task-state small { margin-top: 2px; color: #55616e; font-size: 9px; }
.admin-task-progress span, .admin-task-progress b, .admin-task-reserve span, .admin-task-reserve b, .admin-task-reserve small { display: block; }
.admin-task-progress span, .admin-task-reserve span { color: #5e6976; font-size: 10px; text-transform: uppercase; }
.admin-task-progress b, .admin-task-reserve b { margin-top: 3px; font-size: 12px; }
.admin-task-progress > em { height: 3px; margin-top: 6px; display: block; overflow: hidden; border-radius: 9px; background: #252e38; }
.admin-task-progress > em > i { height: 100%; display: block; border-radius: inherit; background: var(--lime); }
.admin-task-reserve small { margin-top: 2px; color: #55616e; font-size: 9px; }
.admin-task-state > em { padding: 6px 8px; display: inline-block; border-radius: 8px; color: #9ba5b0; background: rgba(255,255,255,.045); font-size: 10px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.admin-task-state > em.state-active { color: var(--mint); background: rgba(112,224,189,.07); }
.admin-task-state > em.state-paused { color: #f1cf72; background: rgba(241,207,114,.07); }
.admin-task-state > em.state-cancelled, .admin-task-state > em.state-blocked { color: #ef8c81; background: rgba(239,140,129,.07); }
.admin-task-actions { display: flex; justify-content: flex-end; gap: 5px; }
.admin-task-actions form { display: contents; }
.admin-task-actions button, .admin-task-actions > a { min-height: 29px; padding: 0 8px; display: inline-flex; align-items: center; border: 1px solid rgba(255,255,255,.075); border-radius: 8px; color: #9aa4af; background: rgba(255,255,255,.025); cursor: pointer; font-size: 10px; text-decoration: none; }
.admin-task-actions button.success { color: var(--mint); }
.admin-task-actions button.danger { color: #dc8c83; }
.admin-task-actions button:disabled { opacity: .35; cursor: not-allowed; }
.admin-task-detail-hero { margin-bottom: 10px; padding: 16px; display: grid; grid-template-columns: 1.25fr 1fr auto; align-items: center; gap: 16px; border: 1px solid rgba(255,255,255,.07); border-radius: 17px; background: #121923; }
.admin-task-detail-object, .admin-task-detail-owner { min-width: 0; display: flex; align-items: center; gap: 11px; }
.admin-task-detail-object > i, .admin-task-detail-owner > img, .admin-task-detail-owner > i { width: 45px; height: 45px; flex: 0 0 45px; display: grid; place-items: center; border-radius: 13px; object-fit: cover; font-style: normal; }
.admin-task-detail-object > i { color: var(--lime); background: rgba(202,255,84,.08); }
.admin-task-detail-owner > i { color: #11170d; background: var(--lime); font-weight: 900; }
.admin-task-detail-hero span, .admin-task-detail-hero small, .admin-task-detail-hero strong, .admin-task-detail-hero a { display: block; }
.admin-task-detail-hero span { color: #697684; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.admin-task-detail-hero a, .admin-task-detail-hero strong { margin-top: 4px; color: #eff3f7; font-size: 13px; font-weight: 800; text-decoration: none; }
.admin-task-detail-hero a:hover { color: var(--lime); }
.admin-task-detail-hero small { margin-top: 3px; color: #596573; font-size: 10px; }
.admin-task-detail-state { text-align: right; }
.admin-task-detail-state em { margin-top: 5px; padding: 6px 9px; display: inline-block; border-radius: 8px; background: rgba(255,255,255,.05); color: #a1abb6; font-size: 10px; font-style: normal; font-weight: 850; text-transform: uppercase; }
.admin-task-detail-metrics { margin-bottom: 10px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.admin-task-detail-metrics article { padding: 13px 15px; border: 1px solid rgba(255,255,255,.065); border-radius: 14px; background: #121923; }
.admin-task-detail-metrics span, .admin-task-detail-metrics strong { display: block; }
.admin-task-detail-metrics span { color: #65717f; font-size: 10px; text-transform: uppercase; }
.admin-task-detail-metrics strong { margin-top: 5px; font-size: 15px; }
.admin-task-detail-controls { margin-bottom: 16px; padding: 11px 14px; display: flex; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: rgba(255,255,255,.02); }
.admin-task-detail-controls > span { margin-right: auto; color: #7b8794; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.admin-task-detail-controls > div { display: flex; gap: 7px; }
.admin-task-detail-controls button { min-height: 33px; padding: 0 11px; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; color: #aab4be; background: #151d27; cursor: pointer; font-size: 11px; font-weight: 750; }
.admin-task-detail-controls button.success { color: var(--mint); }
.admin-task-detail-controls button.danger { color: #ee9187; }
.admin-task-detail-controls button:disabled { opacity: .4; cursor: not-allowed; }
.admin-task-detail-controls > small { color: #747f8c; font-size: 10px; }
.admin-task-attempts > header { margin-bottom: 9px; display: flex; align-items: end; justify-content: space-between; }
.admin-task-attempts > header h2 { margin: 3px 0 0; font-size: 20px; }
.admin-task-attempts > header > b { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: rgba(255,255,255,.05); color: #9aa5b0; font-size: 12px; }
.admin-task-attempt-summary { margin-bottom: 8px; padding: 10px 13px; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(255,255,255,.06); border-radius: 12px; background: rgba(255,255,255,.018); }
.admin-task-attempt-summary span { color: #75818e; font-size: 11px; }
.admin-task-attempt-summary b { margin-right: 4px; color: #eef3f7; font-size: 13px; }
.admin-attempt-list { display: grid; gap: 6px; }
.admin-attempt-list article { padding: 10px 12px; display: grid; grid-template-columns: minmax(170px, 1fr) 125px 130px 145px 205px; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.06); border-radius: 12px; background: #121923; }
.admin-attempt-user { min-width: 0; display: flex; align-items: center; gap: 9px; }
.admin-attempt-user img, .admin-attempt-user > i { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 10px; object-fit: cover; background: rgba(202,255,84,.1); color: var(--lime); font-style: normal; }
.admin-attempt-list span, .admin-attempt-list strong, .admin-attempt-list small, .admin-attempt-list b { display: block; }
.admin-attempt-list article > div > span { color: #606d7a; font-size: 9px; text-transform: uppercase; }
.admin-attempt-list strong, .admin-attempt-list b { margin-top: 3px; font-size: 11px; }
.admin-attempt-list small { margin-top: 2px; color: #5f6c79; font-size: 9px; }
.admin-attempt-list em { margin-top: 3px; padding: 5px 7px; display: inline-block; border-radius: 7px; background: rgba(255,255,255,.05); color: #929eaa; font-size: 9px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.admin-attempt-list a { color: var(--lime); font-size: 10px; font-weight: 750; text-decoration: none; }
.admin-attempt-list code { overflow: hidden; color: #576371; font-size: 9px; text-overflow: ellipsis; }
.admin-payment-stats { margin-bottom: 10px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.admin-payment-stats > div { min-height: 76px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: #121923; }
.admin-payment-stats span, .admin-payment-stats strong { display: block; }
.admin-payment-stats span { color: #6d7886; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.admin-payment-stats strong { margin-top: 5px; font-size: 20px; }
.admin-finance-tabs { width: max-content; margin: 0 0 10px; padding: 4px; display: flex; gap: 4px; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: #121923; }
.admin-finance-tabs a { min-height: 34px; padding: 0 14px; display: inline-flex; align-items: center; border-radius: 9px; color: #778391; font-size: 12px; font-weight: 800; }
.admin-finance-tabs a.active { color: #11170d; background: var(--lime); }
.admin-payment-readiness { min-height: 55px; margin-bottom: 10px; padding: 9px 12px; display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 10px; border: 1px solid rgba(241,207,114,.14); border-radius: 13px; background: rgba(241,207,114,.035); }
.admin-payment-readiness > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #f1cf72; background: rgba(241,207,114,.09); font-style: normal; font-weight: 900; }
.admin-payment-readiness b, .admin-payment-readiness span { display: block; }
.admin-payment-readiness b { font-size: 12px; }
.admin-payment-readiness span { margin-top: 2px; color: #687482; font-size: 10px; }
.admin-payment-readiness a { color: #b4bec8; font-size: 11px; font-weight: 750; }
.admin-payment-readiness.ready { border-color: rgba(112,224,189,.14); background: rgba(112,224,189,.035); }
.admin-payment-readiness.ready > i { color: var(--mint); background: rgba(112,224,189,.09); }
.admin-payment-automation { min-height: 55px; margin-bottom: 10px; padding: 9px 12px; display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.07); border-radius: 13px; background: rgba(255,255,255,.025); }
.admin-payment-automation > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #7c8996; background: rgba(255,255,255,.055); font-style: normal; font-weight: 900; }
.admin-payment-automation b, .admin-payment-automation span { display: block; }
.admin-payment-automation b { font-size: 12px; }
.admin-payment-automation span { margin-top: 2px; color: #687482; font-size: 10px; }
.admin-payment-automation.state-healthy { border-color: rgba(112,224,189,.16); background: rgba(112,224,189,.035); }
.admin-payment-automation.state-healthy > i { color: #102019; background: var(--mint); }
.admin-payment-automation.state-delayed, .admin-payment-automation.state-error { border-color: rgba(239,140,129,.22); background: rgba(239,140,129,.045); }
.admin-payment-automation.state-delayed > i, .admin-payment-automation.state-error > i { color: #fff; background: #b95751; }
.admin-payment-attention { min-height: 55px; margin-bottom: 10px; padding: 9px 12px; display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 10px; border: 1px solid rgba(239,140,129,.2); border-radius: 13px; background: rgba(239,140,129,.045); }
.admin-payment-attention > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #b95751; font-style: normal; font-weight: 900; }
.admin-payment-attention b, .admin-payment-attention span { display: block; }
.admin-payment-attention b { font-size: 12px; }
.admin-payment-attention span { margin-top: 2px; color: #8d7a7b; font-size: 10px; }
.admin-payment-attention a { color: #ef9187; font-size: 11px; font-weight: 800; }
.admin-payment-filters { margin-bottom: 10px; padding: 8px; display: grid; grid-template-columns: minmax(220px, 1fr) 165px auto; align-items: end; gap: 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: #121923; }
.admin-payment-filters-dated { grid-template-columns: minmax(220px, 1fr) 155px 132px 132px auto; }
.admin-payment-filters label > span { display: block; margin: 0 0 5px 3px; color: #687482; font-size: 10px; font-weight: 750; text-transform: uppercase; }
.admin-payment-search { position: relative; }
.admin-payment-search svg { width: 17px; height: 17px; position: absolute; top: 50%; left: 11px; fill: none; stroke: #65717e; stroke-width: 1.7; transform: translateY(-50%); }
.admin-payment-filters input, .admin-payment-filters select { width: 100%; height: 39px; padding: 0 11px; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; outline: 0; color: #edf1f5; background: #0c121a; font-size: 12px; }
.admin-payment-filters input { padding-left: 37px; }
.admin-payment-filters input:focus, .admin-payment-filters select:focus { border-color: rgba(202,255,84,.45); }
.admin-payment-filters .button { min-height: 39px; padding-inline: 14px; font-size: 12px; }
.admin-payment-filters .admin-date-input { padding-left: 11px; color-scheme: dark; }
.admin-filter-summary { min-height: 50px; margin: 0 0 10px; padding: 7px 11px; display: flex; align-items: center; gap: 22px; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: rgba(255,255,255,.02); }
.admin-filter-summary div { min-width: 110px; }
.admin-filter-summary span, .admin-filter-summary strong { display: block; }
.admin-filter-summary span { color: #66727f; font-size: 10px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.admin-filter-summary strong { margin-top: 3px; color: #dfe5e9; font-size: 13px; }
.admin-filter-summary a { margin-left: auto; color: #a7b1bc; font-size: 11px; font-weight: 800; }
.admin-filter-summary a:hover { color: var(--lime); }
.admin-finance-pagination { margin-bottom: 4px; }
.admin-payment-list { display: grid; gap: 6px; }
.admin-payment-row { min-height: 76px; padding: 10px 12px; display: grid; grid-template-columns: minmax(220px, 1.2fr) minmax(90px, .45fr) minmax(90px, .45fr) minmax(220px, 1fr) minmax(110px, .5fr); align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.065); border-radius: 13px; background: #121923; }
.admin-payment-row.needs-attention { border-color: rgba(239,140,129,.22); background: linear-gradient(90deg, rgba(239,140,129,.045), transparent 35%), #121923; }
.admin-payment-person { min-width: 0; display: flex; align-items: center; gap: 9px; }
.admin-payment-person > img, .admin-payment-person > i { width: 37px; height: 37px; flex: 0 0 37px; display: grid; place-items: center; border-radius: 11px; font-style: normal; }
.admin-payment-person > img { object-fit: cover; border: 1px solid rgba(202,255,84,.23); }
.admin-payment-person > i { color: #11170d; background: var(--lime); font-weight: 900; }
.admin-payment-person strong, .admin-payment-person small, .admin-payment-value span, .admin-payment-value b, .admin-payment-id span, .admin-payment-id b, .admin-payment-id small, .admin-payment-status small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-payment-person strong, .admin-payment-value b, .admin-payment-id b { font-size: 12px; }
.admin-payment-person small, .admin-payment-value span, .admin-payment-id span, .admin-payment-id small, .admin-payment-status small { margin-top: 2px; color: #586573; font-size: 10px; }
.admin-payment-id b { max-width: 210px; margin-top: 3px; }
.admin-payment-status > em { padding: 6px 8px; display: inline-block; border-radius: 8px; color: #f1cf72; background: rgba(241,207,114,.07); font-size: 10px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.admin-payment-status > em.state-succeeded { color: var(--mint); background: rgba(112,224,189,.07); }
.admin-payment-status > em.state-canceled { color: #ef8c81; background: rgba(239,140,129,.07); }
.admin-payment-status > b { margin-top: 4px; display: block; color: #ef9187; font-size: 9px; }
.admin-ledger-list { display: grid; gap: 6px; }
.admin-ledger-row { min-height: 70px; padding: 10px 12px; display: grid; grid-template-columns: 34px minmax(175px,1fr) minmax(180px,1.15fr) minmax(90px,.55fr) minmax(115px,.65fr) minmax(120px,.7fr); align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.065); border-radius: 13px; background: #121923; }
.admin-ledger-row strong, .admin-ledger-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-ledger-row strong { font-size: 12px; }
.admin-ledger-row small { margin-top: 3px; color: #5f6b78; font-size: 10px; }
.admin-ledger-row .ledger-amount { font-size: 13px; }
.admin-ledger-balance, .admin-ledger-meta { text-align: right; }
.admin-monitor-stats { margin-bottom: 10px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.admin-monitor-stats > div { min-height: 76px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: #121923; }
.admin-monitor-stats span, .admin-monitor-stats strong { display: block; }
.admin-monitor-stats span { color: #6d7886; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.admin-monitor-stats strong { margin-top: 5px; font-size: 20px; }
.admin-automation-grid { margin-bottom: 10px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.admin-automation-grid article { min-height: 78px; padding: 12px; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: #121923; }
.admin-automation-grid article > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #75818e; background: rgba(255,255,255,.05); font-style: normal; font-weight: 900; }
.admin-automation-grid span, .admin-automation-grid strong, .admin-automation-grid small { display: block; }
.admin-automation-grid span { color: #66727f; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.admin-automation-grid strong { margin-top: 3px; font-size: 11px; }
.admin-automation-grid small { margin-top: 4px; color: #5f6c79; font-size: 9px; line-height: 1.4; }
.admin-automation-grid article.state-healthy { border-color: rgba(112,224,189,.16); background: rgba(112,224,189,.035); }
.admin-automation-grid article.state-healthy > i { color: #102019; background: var(--mint); }
.admin-automation-grid article.state-delayed, .admin-automation-grid article.state-error { border-color: rgba(239,140,129,.22); background: rgba(239,140,129,.045); }
.admin-automation-grid article.state-delayed > i, .admin-automation-grid article.state-error > i { color: #fff; background: #b95751; }
.admin-incident-card { margin-bottom: 10px; padding: 12px; border: 1px solid rgba(255,255,255,.065); border-radius: 15px; background: #111822; }
.admin-incident-card .admin-monitor-heading { align-items: center; }
.admin-incident-card nav { padding: 3px; display: flex; gap: 2px; border-radius: 9px; background: #0c1219; }
.admin-incident-card nav a { min-height: 27px; padding: 0 8px; display: flex; align-items: center; border-radius: 7px; color: #74808d; font-size: 9px; font-weight: 750; }
.admin-incident-card nav a.active { color: #11170d; background: var(--lime); }
.admin-incident-list { display: grid; gap: 5px; }
.admin-incident-list > article { min-height: 62px; padding: 9px 10px; display: grid; grid-template-columns: 32px minmax(220px, 1fr) minmax(210px, auto); align-items: center; gap: 10px; border-radius: 11px; background: rgba(255,255,255,.02); }
.admin-incident-list > article > i { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #b95751; font-style: normal; font-weight: 900; }
.admin-incident-list > article.resolved > i { color: #102019; background: var(--mint); }
.admin-incident-list strong, .admin-incident-list span, .admin-incident-list small { display: block; }
.admin-incident-list strong { font-size: 11px; }
.admin-incident-list span { margin-top: 2px; color: #9a7778; font-size: 9px; }
.admin-incident-list small { margin-top: 3px; color: #586572; font-size: 9px; }
.admin-incident-action form { display: flex; gap: 5px; }
.admin-incident-action input { width: 170px; height: 32px; padding: 0 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; outline: 0; color: #edf1f5; background: #0b1118; font-size: 9px; }
.admin-incident-action input:focus { border-color: rgba(202,255,84,.45); }
.admin-incident-action button { min-height: 32px; padding: 0 9px; border: 0; border-radius: 8px; color: #11170d; background: var(--lime); cursor: pointer; font-size: 9px; font-weight: 850; }
.admin-incident-action > em { display: block; color: #7e8a96; font-size: 9px; font-style: normal; text-align: right; }
.admin-incident-action q { max-width: 260px; margin-top: 4px; display: block; color: #c7d0d9; font-size: 9px; line-height: 1.35; quotes: "“" "”"; overflow-wrap: anywhere; }
.admin-incident-list > p { margin: 12px 0; color: #687482; font-size: 11px; text-align: center; }
.admin-incident-pagination { min-height: 42px; margin-top: 7px; padding: 4px; }
.admin-incident-pagination a { min-height: 30px; padding: 0 10px; font-size: 9px; }
.admin-incident-pagination b { font-size: 9px; }
.admin-policy-card { margin-bottom: 10px; padding: 0 14px; border: 1px solid rgba(202,255,84,.14); border-radius: 14px; background: #111923; }
.admin-policy-card > summary { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; list-style: none; }
.admin-policy-card > summary::-webkit-details-marker { display: none; }
.admin-policy-card > summary span, .admin-policy-card > summary b, .admin-policy-card > summary small { display: block; }
.admin-policy-card > summary b { font-size: 13px; }
.admin-policy-card > summary small { margin-top: 3px; color: #707c89; font-size: 10px; }
.admin-policy-card > summary i { color: var(--lime); font-size: 11px; font-style: normal; font-weight: 800; }
.admin-policy-card form { padding: 0 0 14px; display: grid; grid-template-columns: repeat(4, minmax(110px, 1fr)) auto; align-items: end; gap: 8px; }
.admin-policy-card label span { display: block; margin: 0 0 5px 3px; color: #6d7886; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.admin-policy-card input { width: 100%; height: 39px; padding: 0 11px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; color: #edf1f5; background: #0c121a; }
.admin-policy-card .button { min-height: 39px; }
.admin-monitor-filters { margin-bottom: 10px; padding: 8px; display: grid; grid-template-columns: minmax(220px, 1fr) 190px auto; align-items: end; gap: 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: #121923; }
.admin-monitor-filters label > span { display: block; margin: 0 0 5px 3px; color: #687482; font-size: 10px; font-weight: 750; text-transform: uppercase; }
.admin-monitor-search { position: relative; }
.admin-monitor-search svg { width: 17px; height: 17px; position: absolute; top: 50%; left: 11px; fill: none; stroke: #65717e; stroke-width: 1.7; transform: translateY(-50%); }
.admin-monitor-filters input, .admin-monitor-filters select { width: 100%; height: 39px; padding: 0 11px; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; outline: 0; color: #edf1f5; background: #0c121a; font-size: 12px; }
.admin-monitor-filters input { padding-left: 37px; }
.admin-monitor-filters input:focus, .admin-monitor-filters select:focus { border-color: rgba(202,255,84,.45); }
.admin-monitor-filters .button { min-height: 39px; padding-inline: 14px; font-size: 12px; }
.admin-monitor-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(245px, .45fr); align-items: start; gap: 10px; }
.admin-monitor-main, .admin-risk-card { padding: 12px; border: 1px solid rgba(255,255,255,.065); border-radius: 15px; background: #111822; }
.admin-monitor-heading { min-height: 42px; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.admin-monitor-heading span { color: var(--lime); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.admin-monitor-heading h2 { margin: 3px 0 0; font-size: 15px; }
.admin-monitor-heading > b { min-width: 25px; padding: 6px 7px; border-radius: 8px; color: #7d8996; background: rgba(255,255,255,.045); font-size: 11px; text-align: center; }
.admin-verification-list { display: grid; gap: 5px; }
.admin-verification-row { min-height: 69px; padding: 8px 9px; display: grid; grid-template-columns: minmax(195px, 1.2fr) minmax(120px, .7fr) minmax(85px, .45fr) minmax(70px, .35fr) minmax(105px, .55fr); align-items: center; gap: 9px; border-radius: 11px; background: rgba(255,255,255,.018); }
.admin-verification-object { min-width: 0; display: flex; align-items: center; gap: 8px; }
.admin-verification-object > i { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 10px; color: var(--lime); background: rgba(202,255,84,.07); font-style: normal; }
.admin-verification-object strong, .admin-verification-object span, .admin-verification-object small, .admin-verification-user span, .admin-verification-user b, .admin-verification-user small, .admin-verification-checks span, .admin-verification-checks b, .admin-verification-checks small, .admin-verification-reward span, .admin-verification-reward b, .admin-verification-state small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-verification-object strong, .admin-verification-user b, .admin-verification-checks b, .admin-verification-reward b { font-size: 11px; }
.admin-verification-object span, .admin-verification-object small, .admin-verification-user span, .admin-verification-user small, .admin-verification-checks span, .admin-verification-checks small, .admin-verification-reward span, .admin-verification-state small { margin-top: 2px; color: #566270; font-size: 9px; }
.admin-verification-state > em { padding: 6px 7px; display: inline-block; border-radius: 7px; color: #f1cf72; background: rgba(241,207,114,.07); font-size: 9px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.admin-verification-state > em.state-rewarded { color: var(--mint); background: rgba(112,224,189,.07); }
.admin-verification-state > em.state-not_completed, .admin-verification-state > em.state-blocked { color: #ef8c81; background: rgba(239,140,129,.07); }
.admin-risk-column { display: grid; gap: 10px; }
.admin-risk-list, .admin-risk-events { display: grid; }
.admin-risk-list > details { padding: 6px 2px; border-bottom: 1px solid rgba(255,255,255,.05); }
.admin-risk-list summary { min-height: 36px; display: grid; grid-template-columns: 31px 1fr auto; align-items: center; gap: 8px; cursor: pointer; list-style: none; }
.admin-risk-list summary::-webkit-details-marker { display: none; }
.admin-risk-list summary > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #11170d; background: var(--lime); font-size: 11px; font-style: normal; font-weight: 900; }
.admin-risk-list strong, .admin-risk-list small { display: block; }
.admin-risk-list strong { font-size: 11px; }
.admin-risk-list small { margin-top: 2px; color: #697582; font-size: 9px; }
.admin-risk-list summary > b { color: #ef9a8f; font-size: 12px; }
.admin-risk-list form { padding: 7px 0 2px 39px; display: grid; gap: 6px; }
.admin-risk-list select, .admin-risk-list input { width: 100%; height: 34px; padding: 0 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; color: #e9edf1; background: #0b1118; font-size: 10px; }
.admin-risk-list button { min-height: 32px; border: 0; border-radius: 9px; color: #11170d; background: var(--lime); font-size: 10px; font-weight: 850; cursor: pointer; }
.admin-risk-list > p, .admin-risk-events > p { color: #687482; font-size: 11px; }
.admin-risk-events > div { min-height: 43px; padding: 6px 2px; display: grid; grid-template-columns: 31px 1fr; align-items: center; gap: 8px; border-bottom: 1px solid rgba(255,255,255,.05); }
.admin-risk-events > div > i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; color: #ef9a8f; background: rgba(239,154,143,.07); font-size: 10px; font-style: normal; font-weight: 800; }
.admin-risk-events p, .admin-risk-events b, .admin-risk-events small { margin: 0; display: block; }
.admin-risk-events b { font-size: 10px; }
.admin-risk-events small { margin-top: 2px; color: #5e6976; font-size: 9px; }
@media (max-width: 1180px) { .admin-policy-card form { grid-template-columns: repeat(2, 1fr); } .admin-incident-list > article { grid-template-columns: 32px 1fr; } .admin-incident-action { grid-column: 2; } }
.task-create-page .dashboard-top { margin-bottom: 22px; }
.task-create-page .dashboard-top h1 { font-size: clamp(29px, 2.6vw, 39px); }
.task-layout { display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(260px, .58fr); gap: 12px; }
.task-form-card, .task-guide { min-height: 465px; }
.task-form-card { padding: 20px; }
.task-form { margin-top: 20px; display: grid; gap: 13px; }
.task-form label > span { display: block; margin: 0 0 7px; color: #8d98a7; font-size: 13px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.task-form input, .task-form select { width: 100%; height: 47px; padding: 0 14px; border: 1px solid rgba(255,255,255,.11); border-radius: 12px; outline: none; color: #f7f8fa; background: #0c121a; }
.task-form input:focus, .task-form select:focus { border-color: rgba(202,255,84,.62); box-shadow: 0 0 0 3px rgba(202,255,84,.07); }
.task-form input::placeholder { color: #56616e; opacity: 1; }
.task-form .native-task-select { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.task-action-field { position: relative; z-index: 8; }
.task-select { position: relative; }
.task-select-trigger { width: 100%; height: 48px; padding: 0 13px 0 15px; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(255,255,255,.11); border-radius: 13px; color: #f4f6f8; background: linear-gradient(180deg, #111923, #0b1118); cursor: pointer; font-weight: 700; text-align: left; transition: border-color .2s ease, box-shadow .2s ease; }
.task-select-trigger svg { width: 20px; height: 20px; fill: none; stroke: var(--lime); stroke-width: 1.8; transition: transform .2s ease; }
.task-select.open .task-select-trigger { border-color: rgba(202,255,84,.55); box-shadow: 0 0 0 3px rgba(202,255,84,.06); }
.task-select.open .task-select-trigger svg { transform: rotate(180deg); }
.task-select-menu { position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; right: 0; max-height: min(410px, calc(100vh - 205px)); padding: 5px; display: grid; gap: 3px; overflow-y: auto; overscroll-behavior: contain; visibility: hidden; opacity: 0; transform: translateY(-6px) scale(.99); transform-origin: top; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(12,18,26,.98); box-shadow: 0 20px 50px #000b; backdrop-filter: blur(18px); scrollbar-width: thin; scrollbar-color: rgba(202,255,84,.35) transparent; transition: opacity .16s ease, transform .16s ease, visibility .16s; }
.task-select.open .task-select-menu { visibility: visible; opacity: 1; transform: translateY(0) scale(1); }
.task-select-menu button { min-height: 43px; padding: 5px 9px; display: grid; grid-template-columns: 31px 1fr 16px; align-items: center; gap: 8px; border: 0; border-radius: 10px; color: #dce1e7; background: transparent; cursor: pointer; text-align: left; }
.task-select-menu button:hover, .task-select-menu button.selected { background: rgba(202,255,84,.075); }
.task-select-menu button > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: var(--lime); background: rgba(202,255,84,.08); font-size: 14px; font-style: normal; }
.task-select-menu b { display: block; font-size: 13px; }
.task-select-menu em { visibility: hidden; color: var(--lime); font-style: normal; }
.task-select-menu .selected em { visibility: visible; }
.task-form label > small, .form-alert { display: block; margin-top: 6px; color: #ff8c7e; font-size: 13px; }
.task-field-meta { margin-top: 7px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.task-field-meta small { color: #74818e; font-size: 11px; }
.task-field-meta strong { color: #aeb9c3; font-size: 11px; font-weight: 800; white-space: nowrap; }
.task-select-menu button span small { display: block; margin-top: 2px; color: #687581; font-size: 9px; font-weight: 650; }
.form-alert { padding: 12px; border: 1px solid rgba(255,118,101,.25); border-radius: 10px; background: rgba(255,118,101,.07); }
.cost-preview { padding: 13px 15px; display: grid; grid-template-columns: .8fr .8fr 1.4fr; align-items: center; gap: 14px; border-radius: 12px; background: rgba(202,255,84,.06); }
.cost-preview > div { min-width: 0; }
.cost-preview > div + div { padding-left: 14px; border-left: 1px solid rgba(255,255,255,.07); }
.cost-preview span, .cost-preview > small { color: #8893a1; font-size: 11px; }
.cost-preview strong { display: block; margin-top: 3px; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.cost-preview > small { grid-column: 1 / -1; padding-top: 9px; border-top: 1px solid rgba(255,255,255,.06); }
.cost-preview.over-budget { background: rgba(255,118,101,.08); box-shadow: inset 0 0 0 1px rgba(255,118,101,.18); }
.cost-preview.over-budget strong { color: #ff8c7e; }
.cost-preview.invalid-range:not(.over-budget) { background: rgba(255,190,84,.07); box-shadow: inset 0 0 0 1px rgba(255,190,84,.15); }
.cost-preview.invalid-range:not(.over-budget) > small { color: #e8bd72; }
.task-form .button:disabled { color: #747e8a; background: #252d37; box-shadow: none; cursor: not-allowed; transform: none; }
.task-guide { padding: 21px 25px 24px; overflow: hidden; background: radial-gradient(circle at 75% 5%, rgba(39,135,245,.14), transparent 35%), #121923; }
.task-guide-art { height: 155px; display: grid; place-items: center; }
.task-guide-art img { width: 175px; height: 175px; object-fit: contain; filter: drop-shadow(0 20px 28px rgba(0,0,0,.42)); transition: transform .35s ease; }
.task-guide:hover .task-guide-art img { transform: translateY(-4px) rotate(1deg); }
.task-guide-kicker { color: var(--lime); font-size: 12px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.execution-art > span { width: 84px; height: 84px; display: grid; place-items: center; border: 1px solid rgba(202,255,84,.3); border-radius: 27px; color: var(--lime); background: #0b1118; box-shadow: 0 20px 50px #0006, inset 0 0 28px rgba(202,255,84,.07); font-size: 21px; font-weight: 900; }
.task-guide h2 { margin: 6px 0 9px; font-size: 24px; letter-spacing: -.04em; }
.task-guide p, .task-guide li { color: #818c9b; font-size: 13px; }
.task-guide ul { margin: 18px 0 0; padding: 16px 0 0 16px; border-top: 1px solid rgba(255,255,255,.08); }
.task-guide li { margin: 6px 0; }
.mine-actions { margin: -7px 0 18px; display: flex; gap: 10px; }
.mine-page .dashboard-top { margin-bottom: 20px; }
.mine-summary { margin-bottom: 20px; padding: 12px 14px; display: grid; grid-template-columns: repeat(4, minmax(90px, 1fr)) auto; align-items: center; gap: 8px; border: 1px solid rgba(255,255,255,.075); border-radius: 17px; background: #121923; }
.mine-summary > div { min-height: 47px; padding: 7px 12px; border-right: 1px solid rgba(255,255,255,.065); }
.mine-summary span, .mine-summary strong { display: block; }
.mine-summary span { color: #697583; font-size: 11px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.mine-summary strong { margin-top: 3px; font-size: 16px; }
.mine-summary .button { min-height: 40px; padding-inline: 16px; font-size: 13px; white-space: nowrap; }
.mine-section + .mine-section { margin-top: 24px; }
.mine-section-heading { margin-bottom: 10px; display: flex; align-items: end; justify-content: space-between; }
.mine-section-heading span { color: var(--lime); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.mine-section-heading h2 { margin: 3px 0 0; font-size: 20px; }
.mine-section-heading > b { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 9px; color: #9aa5b2; background: rgba(255,255,255,.055); font-size: 13px; }
.created-task-list, .execution-history-list { display: grid; gap: 8px; }
.feed-pagination { min-height: 52px; margin-top: 12px; padding: 6px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: rgba(255,255,255,.025); }
.feed-pagination a { min-height: 38px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(202,255,84,.14); border-radius: 11px; color: #dce6d2; background: rgba(202,255,84,.045); font-size: 12px; font-weight: 800; text-decoration: none; }
.feed-pagination a:first-child { justify-self: start; }
.feed-pagination a:last-child { justify-self: end; }
.feed-pagination a:hover { border-color: rgba(202,255,84,.32); background: rgba(202,255,84,.08); }
.feed-pagination b { color: #aab5bf; font-size: 12px; }
.feed-pagination b i { margin: 0 4px; color: #596572; font-style: normal; font-weight: 600; }
.created-task-card { min-height: 92px; padding: 13px 14px; display: grid; grid-template-columns: 42px minmax(190px, 1.3fr) minmax(240px, .9fr) auto; align-items: center; gap: 13px; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: #121923; }
.mine-task-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: var(--lime); background: rgba(202,255,84,.075); font-size: 15px; font-weight: 800; }
.created-task-title { display: flex; align-items: center; gap: 9px; }
.created-task-title h3, .execution-history-item h3 { margin: 0; font-size: 12px; }
.created-task-title em, .execution-history-item em { padding: 5px 7px; border-radius: 7px; color: #8994a2; background: rgba(255,255,255,.055); font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.created-task-main p, .execution-history-item p { margin: 4px 0 0; color: #626e7c; font-size: 11px; }
.created-task-main progress { width: min(250px, 100%); height: 3px; margin-top: 9px; display: block; border: 0; border-radius: 99px; overflow: hidden; background: rgba(255,255,255,.07); }
.created-task-main progress::-webkit-progress-bar { background: rgba(255,255,255,.07); }
.created-task-main progress::-webkit-progress-value { background: var(--lime); }
.created-task-main progress::-moz-progress-bar { background: var(--lime); }
.created-task-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.created-task-metrics div { padding: 7px 8px; border-radius: 9px; background: rgba(255,255,255,.025); }
.created-task-metrics span, .created-task-metrics b { display: block; }
.created-task-metrics span { color: #5e6976; font-size: 10px; text-transform: uppercase; }
.created-task-metrics b { margin-top: 3px; font-size: 12px; }
.created-task-actions { min-width: 106px; display: grid; justify-items: stretch; gap: 5px; }
.created-task-actions form { display: contents; }
.created-task-actions small { color: #75808e; font-size: 11px; text-align: center; }
.task-control { min-height: 29px; padding: 0 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; color: #9aa5b1; background: rgba(255,255,255,.035); cursor: pointer; font-size: 11px; font-weight: 750; }
.task-control:hover { color: #fff; border-color: rgba(255,255,255,.16); }
.task-control-accent { color: var(--lime); border-color: rgba(202,255,84,.15); }
.task-control-danger { color: #d78a82; }
.state-active, .state-rewarded { color: var(--mint) !important; background: rgba(112,224,189,.07) !important; }
.state-paused, .state-verifying, .state-verified_hold, .state-retry { color: #f1cf72 !important; background: rgba(241,207,114,.07) !important; }
.state-cancelled, .state-rejected, .state-revoked, .state-expired, .state-blocked { color: #ef8c81 !important; background: rgba(239,140,129,.07) !important; }
.execution-history-item { min-height: 66px; padding: 10px 14px; display: grid; grid-template-columns: 38px 1fr auto auto 18px; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.065); border-radius: 14px; background: #121923; }
.execution-history-item:hover { border-color: rgba(202,255,84,.16); }
.execution-history-item .mine-task-icon { width: 34px; height: 34px; }
.execution-history-item > strong { color: #eef5e5; font-size: 12px; }
.history-arrow { color: var(--lime); font-style: normal; }
.mine-empty { min-height: 220px; padding: 28px; display: grid; place-content: center; justify-items: center; text-align: center; border: 1px solid rgba(255,255,255,.065); border-radius: 17px; background: #121923; }
.mine-empty.compact { min-height: 180px; }
.mine-empty > span { color: var(--lime); font-size: 30px; }
.mine-empty h3 { margin: 8px 0 3px; }
.mine-empty p { margin: 0 0 15px; color: #707c8a; font-size: 13px; }
.task-control-detail { color: #dce5ef; border-color: rgba(255,255,255,.11); text-align: center; text-decoration: none; }
.detail-back { width: max-content; margin: -8px 0 18px; display: inline-flex; color: #83909e; font-size: 13px; font-weight: 750; text-decoration: none; }
.detail-back:hover { color: var(--lime); }
.task-detail-hero { padding: 22px; border: 1px solid rgba(255,255,255,.075); border-radius: 20px; background: linear-gradient(130deg, #121a24, #10171f); }
.task-detail-heading { display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 15px; }
.task-detail-heading .mine-task-icon { width: 50px; height: 50px; border-radius: 15px; font-size: 19px; }
.task-detail-heading > div > span { color: #75818f; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.task-detail-heading h1 { margin: 4px 0 3px; font-size: 25px; }
.task-detail-heading a { color: #9ca8b5; font-size: 12px; text-decoration: none; }
.task-detail-heading a:hover { color: var(--lime); }
.task-detail-heading > em { padding: 7px 10px; border-radius: 9px; background: rgba(255,255,255,.055); color: #a4afba; font-size: 11px; font-style: normal; font-weight: 850; text-transform: uppercase; }
.task-detail-progress { margin-top: 21px; }
.task-detail-progress > div { margin-bottom: 8px; display: flex; justify-content: space-between; color: #8995a3; font-size: 12px; }
.task-detail-progress b { color: #f4f7fb; }
.task-detail-progress progress { width: 100%; height: 7px; display: block; border: 0; border-radius: 99px; overflow: hidden; background: rgba(255,255,255,.07); }
.task-detail-progress progress::-webkit-progress-bar { background: rgba(255,255,255,.07); }
.task-detail-progress progress::-webkit-progress-value { background: var(--lime); }
.task-detail-progress progress::-moz-progress-bar { background: var(--lime); }
.task-detail-controls { margin-top: 18px; display: flex; align-items: center; gap: 9px; }
.task-detail-controls small { color: #84909d; font-size: 12px; }
.task-detail-metrics { margin: 12px 0 24px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.task-detail-metrics article { padding: 15px 17px; border: 1px solid rgba(255,255,255,.065); border-radius: 15px; background: #121923; }
.task-detail-metrics span, .task-detail-metrics strong { display: block; }
.task-detail-metrics span { color: #6f7b89; font-size: 11px; font-weight: 750; text-transform: uppercase; }
.task-detail-metrics strong { margin-top: 5px; font-size: 17px; }
.task-status-summary { margin-bottom: 10px; padding: 11px 13px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; border: 1px solid rgba(255,255,255,.06); border-radius: 14px; background: rgba(255,255,255,.018); }
.task-status-summary span { color: #7b8794; font-size: 12px; }
.task-status-summary b { margin-right: 4px; color: #f2f6fa; font-size: 14px; }
.task-attempt-list { display: grid; gap: 7px; }
.task-attempt-list article { padding: 12px 14px; display: grid; grid-template-columns: 82px 1fr auto 70px; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: #121923; }
.task-attempt-list article > i { color: #71808f; font-size: 11px; font-style: normal; font-weight: 800; }
.task-attempt-list strong, .task-attempt-list small { display: block; }
.task-attempt-list strong { font-size: 13px; }
.task-attempt-list small { margin-top: 3px; color: #667381; font-size: 11px; }
.task-attempt-list em { padding: 5px 8px; border-radius: 7px; background: rgba(255,255,255,.05); color: #8d99a6; font-size: 10px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.task-attempt-list article > b { color: #bac5cf; font-size: 12px; text-align: right; }
.task-detail-pages { margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 16px; color: #778391; font-size: 12px; }
.task-detail-pages a { color: var(--lime); font-weight: 750; text-decoration: none; }
.task-feed { display: grid; gap: 10px; }
.available-page .dashboard-top { margin-bottom: 20px; }
.available-intro { min-height: 144px; margin-bottom: 12px; padding: 24px 26px; display: grid; grid-template-columns: minmax(320px, 1fr) minmax(480px, .95fr); align-items: center; gap: 34px; overflow: hidden; border: 1px solid rgba(255,255,255,.075); border-radius: 19px; background: radial-gradient(circle at 10% 50%, rgba(202,255,84,.09), transparent 34%), linear-gradient(120deg, #121a23, #10161f); }
.available-intro-copy h2 { max-width: 560px; margin: 5px 0 7px; font-size: 23px; letter-spacing: -.035em; }
.available-intro-copy p { max-width: 610px; margin: 0; color: #7d8997; font-size: 13px; line-height: 1.6; }
.available-steps { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; list-style: none; }
.available-steps li { min-height: 78px; padding: 13px 10px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.065); border-radius: 14px; background: rgba(7,12,18,.43); }
.available-steps i { width: 27px; height: 27px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; color: #11170c; background: var(--lime); font-size: 12px; font-style: normal; font-weight: 900; }
.available-steps b, .available-steps small { display: block; }
.available-steps b { color: #eef3f6; font-size: 12px; }
.available-steps small { margin-top: 3px; color: #667381; font-size: 10px; line-height: 1.35; }
.available-toolbar { min-height: 62px; margin-bottom: 12px; padding: 8px 10px 8px 16px; display: flex; align-items: center; gap: 14px; border: 1px solid rgba(255,255,255,.075); border-radius: 16px; background: #121923; }
.available-feed-stats { min-width: 150px; padding-right: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; border-right: 1px solid rgba(255,255,255,.08); }
.available-feed-stats span, .available-feed-stats strong { display: block; }
.available-feed-stats span { color: #6f7b89; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.available-feed-stats strong { margin-top: 2px; color: #edf3f6; font-size: 14px; }
.available-feed-stats strong i { color: var(--lime); font-style: normal; }
.task-filter-chips { display: flex; align-items: center; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.task-filter-chips::-webkit-scrollbar { display: none; }
.task-filter-chips a, .task-sort a { min-height: 35px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; color: #7f8a98; font-size: 13px; font-weight: 750; white-space: nowrap; }
.task-filter-chips a:hover, .task-filter-chips a.active { color: #eaf7d2; background: rgba(202,255,84,.08); }
.task-sort { margin-left: auto; padding: 3px; display: flex; border: 1px solid rgba(255,255,255,.07); border-radius: 11px; background: #0c121a; }
.task-sort a { min-height: 29px; padding-inline: 10px; font-size: 12px; }
.task-sort a.active { color: #10160d; background: var(--lime); }
.available-task-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.available-task-card { min-height: 342px; padding: 10px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(255,255,255,.075); border-radius: 18px; background: #121923; transition: transform .2s ease, border-color .2s ease; }
.available-task-card:hover { transform: translateY(-2px); border-color: rgba(202,255,84,.2); }
.available-task-art { position: relative; height: 136px; display: grid; place-items: center; overflow: hidden; border-radius: 13px; background: radial-gradient(circle at 50% 45%, rgba(202,255,84,.13), transparent 53%), #0b1119; }
.available-task-art:after { content: ""; position: absolute; inset: auto 0 0; height: 48%; background: linear-gradient(transparent, rgba(7,11,17,.75)); pointer-events: none; }
.available-task-art img { width: 128px; height: 128px; object-fit: contain; filter: drop-shadow(0 14px 18px rgba(0,0,0,.42)); }
.available-task-art > span, .available-task-art > strong { position: absolute; z-index: 1; top: 10px; padding: 6px 8px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; backdrop-filter: blur(9px); }
.available-task-art > span { left: 10px; color: #c3ccd4; background: rgba(8,13,20,.7); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.available-task-art > strong { right: 10px; color: #10170b; background: var(--lime); font-size: 13px; }
.available-task-art > strong i { font-style: normal; }
.available-task-copy { padding: 12px 5px 0; }
.available-task-card h2 { margin: 0 0 5px; font-size: 16px; letter-spacing: -.025em; }
.available-task-copy > p { min-height: 32px; margin: 0; color: #727e8d; font-size: 12px; line-height: 1.5; }
.task-card-progress { margin-top: 11px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.06); }
.task-card-progress span { display: block; margin-bottom: 7px; color: #75808e; font-size: 12px; }
.task-card-progress span b { color: #b8c693; }
.task-card-progress progress { width: 100%; height: 4px; display: block; overflow: hidden; border: 0; border-radius: 99px; background: rgba(255,255,255,.07); }
.task-card-progress progress::-webkit-progress-bar { background: rgba(255,255,255,.07); }
.task-card-progress progress::-webkit-progress-value { border-radius: 99px; background: linear-gradient(90deg, var(--lime), var(--mint)); }
.task-card-progress progress::-moz-progress-bar { border-radius: 99px; background: linear-gradient(90deg, var(--lime), var(--mint)); }
.available-task-card footer { margin-top: auto; padding: 11px 5px 2px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.available-task-card footer > strong { display: none; }
.available-task-card footer form { width: 100%; }
.available-task-card footer .button { width: 100%; min-height: 38px; padding: 0 14px; font-size: 13px; }
.empty-task-feed .button { width: max-content; margin: 16px auto 0; }
.task-row { min-height: 92px; padding: 16px 18px; display: grid; grid-template-columns: 64px 1fr auto auto; align-items: center; gap: 17px; border: 1px solid rgba(255,255,255,.075); border-radius: 17px; background: #121923; }
.task-type { width: 57px; height: 57px; display: grid; place-items: center; border-radius: 16px; color: var(--lime); background: rgba(202,255,84,.07); font-size: 11px; font-weight: 850; letter-spacing: .07em; }
.task-row p, .task-row strong { display: block; margin: 0; }
.task-row p { color: #788392; font-size: 13px; }
.task-row > b { color: var(--lime); font-size: 16px; }
.empty-task-feed { min-height: 420px; display: grid; place-content: center; text-align: center; }
.empty-task-feed > span { color: var(--lime); font-size: 48px; }
.empty-task-feed h2 { margin: 10px 0 4px; }
.empty-task-feed p, .list-empty { color: #727e8d; font-size: 13px; }
.history-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.compact-list { margin-top: 18px; }
.compact-list > div, .compact-list > a { min-height: 68px; padding: 11px 0; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 13px; border-bottom: 1px solid rgba(255,255,255,.065); }
.compact-list p, .compact-list b, .compact-list small { display: block; margin: 0; }
.compact-list small { color: #667280; font-size: 12px; }
.compact-list span { color: var(--lime); font-size: 13px; }
.compact-list em { padding: 6px 8px; border-radius: 7px; color: #8e99a7; background: rgba(255,255,255,.05); font-size: 11px; font-style: normal; }
.state-active, .state-rewarded { color: var(--mint) !important; background: rgba(112,224,189,.07) !important; }
.execution-card { min-height: 510px; padding: 42px; display: grid; grid-template-columns: .62fr 1fr; align-items: center; gap: 55px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; background: radial-gradient(circle at 15% 45%, rgba(39,135,245,.13), transparent 33%), #111923; }
.execution-art { min-height: 360px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 24px; background: radial-gradient(circle, rgba(202,255,84,.12), transparent 52%), #0a1017; }
.execution-art > span { width: 130px; height: 130px; border-radius: 42px; font-size: 30px; transform: rotate(-6deg); }
.execution-copy h2 { margin: 22px 0 13px; font-size: clamp(31px, 4vw, 52px); line-height: 1; letter-spacing: -.055em; }
.execution-copy > p { color: #8792a1; }
.execution-reward { margin: 25px 0; padding: 16px 0; display: flex; justify-content: space-between; border-block: 1px solid rgba(255,255,255,.08); }
.execution-reward span { color: #7e8997; }
.execution-reward strong { font-size: 20px; }
.execution-actions { display: flex; gap: 10px; }
.execution-actions form { display: contents; }
.execution-page .dashboard-top { margin-bottom: 20px; }
.execution-page .execution-card { min-height: 500px; padding: 18px; grid-template-columns: minmax(250px, .48fr) minmax(0, 1fr); gap: 34px; border-radius: 20px; }
.execution-page .execution-art { position: relative; min-height: 462px; padding: 24px; align-content: center; border-radius: 17px; }
.execution-page .execution-art img { width: min(230px, 90%); height: auto; margin: 0 auto 70px; object-fit: contain; filter: drop-shadow(0 22px 30px rgba(0,0,0,.45)); }
.execution-page .execution-reward { position: absolute; left: 16px; right: 16px; bottom: 16px; margin: 0; padding: 14px 15px; align-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 13px; background: rgba(8,13,19,.8); backdrop-filter: blur(12px); }
.execution-page .execution-reward span { font-size: 12px; }
.execution-page .execution-reward strong { color: var(--lime); font-size: 20px; }
.execution-page .execution-copy { padding: 14px 22px 14px 0; }
.execution-state { width: max-content; padding: 8px 11px; display: flex; align-items: center; gap: 7px; border-radius: 999px; color: #bac4cf; background: rgba(255,255,255,.055); font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.execution-state i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 9px currentColor; }
.execution-state-verifying, .execution-state-verified_hold, .execution-state-retry { color: #f5d67b; background: rgba(245,214,123,.07); }
.execution-state-rewarded { color: var(--mint); background: rgba(112,224,189,.08); }
.execution-state-rejected, .execution-state-revoked, .execution-state-expired { color: #ff8c7e; background: rgba(255,140,126,.07); }
.execution-page .execution-copy h2 { margin: 17px 0 9px; font-size: clamp(27px, 3vw, 39px); line-height: 1.02; }
.execution-description { max-width: 620px; margin: 0; color: #84909e; font-size: 13px; line-height: 1.65; }
.execution-requirements { margin-top: 15px; padding: 13px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 7px; border: 1px solid rgba(255,255,255,.065); border-radius: 13px; background: rgba(7,12,18,.42); }
.execution-requirements > header { grid-column: 1 / -1; padding: 0 2px 10px; border-bottom: 1px solid rgba(255,255,255,.06); }
.execution-requirements > header span, .execution-requirements > header strong { display: block; }
.execution-requirements > header span { color: var(--lime); font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.execution-requirements > header strong { margin-top: 3px; color: #dce3e8; font-size: 12px; line-height: 1.45; }
.execution-requirements > div { min-width: 0; padding: 9px; display: grid; grid-template-columns: 25px minmax(0,1fr); align-items: start; gap: 7px; border-radius: 10px; background: rgba(255,255,255,.025); }
.execution-requirements > div > i { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; color: var(--lime); background: rgba(202,255,84,.07); font-size: 10px; font-style: normal; font-weight: 900; }
.execution-requirements p, .execution-requirements b, .execution-requirements p > span, .execution-requirements a { min-width: 0; display: block; }
.execution-requirements p { margin: 0; }
.execution-requirements b { color: #aeb8c2; font-size: 10px; }
.execution-requirements p > span, .execution-requirements a { margin-top: 3px; overflow: hidden; color: #687582; font-size: 9px; line-height: 1.4; text-overflow: ellipsis; }
.execution-requirements a { color: #91b9e9; white-space: nowrap; }
.execution-timer { margin: 18px 0 4px; padding: 12px 14px; border: 1px solid rgba(202,255,84,.11); border-radius: 12px; background: rgba(202,255,84,.035); }
.execution-timer > div:first-child { display: flex; align-items: center; justify-content: space-between; }
.execution-timer span { color: #7f8a98; font-size: 12px; }
.execution-timer strong { color: #e7f9be; font-size: 14px; font-variant-numeric: tabular-nums; }
.timer-track { height: 3px; margin-top: 9px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.07); }
.timer-track i { width: 100%; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--mint), var(--lime)); transition: width .5s linear; }
.execution-steps { margin: 16px 0 18px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; list-style: none; }
.execution-steps li { min-width: 0; padding: 10px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(255,255,255,.055); border-radius: 11px; color: #586371; background: rgba(255,255,255,.018); }
.execution-steps li > i { width: 25px; height: 25px; flex: 0 0 25px; display: grid; place-items: center; border-radius: 8px; background: rgba(255,255,255,.05); font-size: 12px; font-style: normal; font-weight: 850; }
.execution-steps b, .execution-steps small { display: block; }
.execution-steps b { color: #788391; font-size: 12px; }
.execution-steps small { margin-top: 2px; color: #505a67; font-size: 10px; line-height: 1.35; }
.execution-steps li.active { border-color: rgba(202,255,84,.2); background: rgba(202,255,84,.045); }
.execution-steps li.active > i { color: #11170d; background: var(--lime); }
.execution-steps li.active b { color: #e9f3d8; }
.execution-steps li.done > i { color: var(--mint); background: rgba(112,224,189,.1); }
.execution-steps li.done b { color: #aeb8c4; }
.execution-page .execution-actions { flex-wrap: wrap; }
.execution-page .execution-actions .button { min-height: 45px; }
.execution-page .execution-actions .disabled { opacity: .45; pointer-events: none; }
.execution-wait i { width: 12px; height: 12px; display: inline-block; border: 2px solid rgba(11,17,26,.25); border-top-color: #0b111a; border-radius: 50%; animation: execution-spin .8s linear infinite; }
.execution-page .verification-note { margin: 12px 0 0; color: #687482; }
@keyframes execution-spin { to { transform: rotate(360deg); } }
.verification-note { font-size: 13px !important; }
.balance-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 18px; }
.topup-card > p { color: #8994a3; line-height: 1.7; margin: 0 0 24px; }
.topup-card > small { display: block; margin-top: 16px; color: #687382; }
.topup-rate { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border: 1px solid rgba(202,255,84,.15); border-radius: 16px; background: rgba(202,255,84,.045); }
.topup-rate span { color: #8994a3; }
.topup-rate strong { color: #eef7df; font-size: 22px; }
.metric-link { width: max-content; margin-top: 16px; color: #caff54; font-weight: 800; text-decoration: none; }
.wallet-page .dashboard-top { margin-bottom: 20px; }
.wallet-overview { margin-bottom: 12px; display: grid; grid-template-columns: 1.35fr repeat(3, 1fr); gap: 9px; }
.wallet-total-card, .wallet-stat { min-height: 118px; position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.075); border-radius: 17px; background: #121923; }
.wallet-total-card { padding: 19px 21px; background: radial-gradient(circle at 90% 15%, rgba(202,255,84,.17), transparent 32%), linear-gradient(135deg, #152016, #101923 68%); }
.wallet-total-card > span, .wallet-stat span { color: #7b8795; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.wallet-total-card > strong { margin-top: 6px; display: block; font-size: 31px; letter-spacing: -.04em; }
.wallet-total-card > p { margin: 5px 0 0; color: #687482; font-size: 11px; }
.wallet-orbit { position: absolute; width: 74px; height: 74px; right: -17px; bottom: -23px; border: 1px solid rgba(202,255,84,.24); border-radius: 50%; box-shadow: 0 0 0 14px rgba(202,255,84,.03), 0 0 0 28px rgba(202,255,84,.02); }
.wallet-stat { padding: 17px; display: flex; align-items: center; gap: 12px; }
.wallet-stat > i { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 11px; color: var(--lime); background: rgba(202,255,84,.07); font-size: 13px; font-style: normal; }
.wallet-stat strong, .wallet-stat small { display: block; }
.wallet-stat strong { margin-top: 4px; font-size: 13px; }
.wallet-stat small { margin-top: 3px; color: #596572; font-size: 10px; }
.wallet-workspace { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 12px; }
.wallet-topup-card, .payment-history-card { min-height: 390px; padding: 20px; }
.wallet-card-heading { display: flex; align-items: center; justify-content: space-between; }
.wallet-card-heading span { color: var(--lime); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.wallet-card-heading h2 { margin: 4px 0 0; font-size: 20px; }
.wallet-card-heading > i { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; color: var(--lime); background: rgba(202,255,84,.07); font-style: normal; }
.wallet-topup-card > p { max-width: 460px; margin: 14px 0 18px; color: #778391; font-size: 13px; line-height: 1.6; }
.wallet-topup-form { display: grid; gap: 12px; }
.wallet-topup-form label > span { display: block; margin-bottom: 6px; color: #86919f; font-size: 12px; font-weight: 750; }
.wallet-amount-field { position: relative; }
.wallet-amount-field input { width: 100%; height: 49px; padding: 0 44px 0 14px; border: 1px solid rgba(255,255,255,.11); border-radius: 12px; outline: 0; color: #f6f8fa; background: #0c121a; font-size: 16px; font-weight: 750; }
.wallet-amount-field input:focus { border-color: rgba(202,255,84,.55); box-shadow: 0 0 0 3px rgba(202,255,84,.06); }
.wallet-amount-field b { position: absolute; top: 50%; right: 16px; color: #6e7987; transform: translateY(-50%); }
.wallet-topup-form label > small { display: block; margin-top: 5px; color: #ff8c7e; font-size: 12px; }
.wallet-presets { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.wallet-presets button { min-height: 31px; padding: 0 11px; border: 1px solid rgba(255,255,255,.075); border-radius: 9px; color: #8792a0; background: rgba(255,255,255,.025); cursor: pointer; font-size: 12px; white-space: nowrap; }
.wallet-presets button:hover, .wallet-presets button.active { color: #11170d; border-color: var(--lime); background: var(--lime); }
.wallet-credit-preview { padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(202,255,84,.13); border-radius: 12px; background: rgba(202,255,84,.04); }
.wallet-credit-preview > span { color: #7d8997; font-size: 12px; }
.wallet-credit-preview strong { font-size: 18px; }
.wallet-topup-form .button { min-height: 44px; }
.wallet-topup-form .button:disabled { color: #687381; background: #242c35; box-shadow: none; cursor: not-allowed; }
.wallet-disabled { margin: 22px 0 12px; padding: 14px; display: flex; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.075); border-radius: 13px; background: rgba(255,255,255,.025); }
.wallet-disabled > i { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: 11px; color: #8d98a5; background: rgba(255,255,255,.05); font-style: normal; }
.wallet-disabled strong { font-size: 13px; }
.wallet-disabled p { margin: 3px 0 0; color: #66727f; font-size: 11px; line-height: 1.45; }
.wallet-topup-card > .button { min-height: 39px; }
.wallet-limits { display: block; margin-top: 13px; color: #5f6b78; font-size: 11px; }
.payment-list { margin-top: 16px; display: grid; gap: 7px; }
.payment-history-card .wallet-pagination { margin-top: 10px; }
.payment-history-card .wallet-pagination a { min-height: 34px; padding: 0 10px; font-size: 11px; }
.payment-item { min-height: 59px; padding: 9px 10px; display: grid; grid-template-columns: 32px 1fr auto auto; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.055); border-radius: 11px; background: rgba(255,255,255,.018); }
.payment-status-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; font-size: 12px; font-style: normal; }
.payment-item b, .payment-item small { display: block; }
.payment-item b { font-size: 13px; }
.payment-item small { margin-top: 2px; color: #5f6b78; font-size: 10px; }
.payment-item > strong { font-size: 13px; }
.payment-item > em { padding: 5px 7px; border-radius: 7px; color: #8994a2; background: rgba(255,255,255,.05); font-size: 10px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.payment-continue { grid-column: 2 / -1; width: max-content; margin-top: -2px; color: #caff54; font-size: 11px; font-weight: 800; text-decoration: none; }
.payment-continue:hover { color: #e0ff9a; text-decoration: underline; }
.payment-redirect-page .site-header, .payment-redirect-page .site-footer { display: none; }
.payment-redirect-shell { min-height: 100vh; padding: 32px; display: grid; place-items: center; }
.payment-redirect-card { width: min(540px, 100%); padding: 42px; text-align: center; border: 1px solid rgba(255,255,255,.08); border-radius: 28px; background: linear-gradient(145deg, rgba(19,29,39,.98), rgba(10,16,24,.98)); box-shadow: 0 30px 80px rgba(0,0,0,.32); }
.payment-redirect-mark { width: 76px; height: 76px; margin: 0 auto 22px; display: grid; place-items: center; border: 1px solid rgba(202,255,84,.24); border-radius: 24px; background: rgba(202,255,84,.07); box-shadow: 0 14px 38px rgba(0,0,0,.28); overflow: hidden; }
.payment-redirect-mark img { width: 72px; height: 72px; display: block; object-fit: cover; border-radius: 21px; }
.payment-redirect-card > span { color: #caff54; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.payment-redirect-card h1 { margin: 12px 0; color: #f4f7f8; font-size: clamp(28px, 4vw, 42px); line-height: 1.08; }
.payment-redirect-card p { max-width: 430px; margin: 0 auto 24px; color: #8995a1; font-size: 14px; line-height: 1.65; }
.payment-redirect-card .button { width: 100%; }
.payment-redirect-back { margin-top: 16px; display: inline-block; color: #788591; font-size: 12px; text-decoration: none; }
.payment-redirect-back:hover { color: #c9d2d8; }
.wallet-list-empty { min-height: 250px; display: grid; place-content: center; justify-items: center; text-align: center; }
.wallet-list-empty > span { color: var(--lime); font-size: 28px; }
.wallet-list-empty > strong { margin-top: 7px; font-size: 12px; }
.wallet-list-empty > p { margin: 4px 0 0; color: #626e7b; font-size: 12px; }
.wallet-ledger { margin-top: 23px; }
.ledger-table { display: grid; gap: 6px; }
.ledger-row { min-height: 62px; padding: 9px 13px; display: grid; grid-template-columns: 34px 1fr auto minmax(110px, auto); align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: #121923; }
.ledger-kind { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; font-size: 15px; font-style: normal; }
.ledger-kind-credit { color: var(--mint); background: rgba(112,224,189,.08); }
.ledger-kind-debit { color: #f2c875; background: rgba(242,200,117,.08); }
.ledger-row strong, .ledger-row small { display: block; }
.ledger-row strong { font-size: 13px; }
.ledger-row small { margin-top: 3px; color: #5e6a77; font-size: 10px; }
.ledger-amount { font-size: 13px; }
.ledger-amount-credit { color: var(--mint); }
.ledger-amount-debit { color: #f2c875; }
.ledger-row > span { color: #65717e; font-size: 11px; text-align: right; }
.ledger-empty { min-height: 170px; border: 1px solid rgba(255,255,255,.06); border-radius: 14px; background: #121923; }

/* Support */
.support-layout { display: grid; grid-template-columns: minmax(330px, .72fr) minmax(500px, 1.28fr); gap: 13px; }
.support-create-card, .support-list-card { min-height: 540px; padding: 25px; }
.support-form { margin-top: 23px; display: grid; gap: 14px; }
.support-form label, .support-form label > span { display: block; }
.support-form label > span { margin-bottom: 7px; color: #778391; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.support-form input, .support-form select, .support-form textarea, .support-reply textarea, .support-admin-filters input, .support-admin-filters select, .support-ticket-control select { width: 100%; border: 1px solid rgba(255,255,255,.085); border-radius: 12px; color: #e8edf1; background: #0c1219; outline: none; }
.support-form input, .support-form select, .support-admin-filters input, .support-admin-filters select, .support-ticket-control select { height: 45px; padding: 0 13px; }
.support-form textarea { min-height: 150px; padding: 13px; resize: vertical; font: inherit; }
.support-form input:focus, .support-form select:focus, .support-form textarea:focus, .support-reply textarea:focus, .support-admin-filters input:focus, .support-admin-filters select:focus { border-color: rgba(202,255,84,.4); }
.support-form small, .support-reply small { color: #ff8c7e; font-size: 11px; }
.support-form .button { width: 100%; margin-top: 3px; }
.support-ticket-list { margin-top: 18px; display: grid; gap: 8px; }
.support-ticket-list > a { min-height: 70px; padding: 11px 13px; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: #0e151e; }
.support-ticket-list > a:hover { border-color: rgba(202,255,84,.18); }
.support-ticket-mark { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: var(--lime); background: rgba(202,255,84,.08); font-style: normal; }
.support-ticket-list b, .support-ticket-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-ticket-list b { font-size: 13px; }
.support-ticket-list small { margin-top: 4px; color: #677381; font-size: 11px; }
.support-status { width: max-content; padding: 6px 8px; border-radius: 8px; color: #bac4ce; background: rgba(255,255,255,.055); font-size: 10px; font-style: normal; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.support-status.status-new { color: var(--lime); background: rgba(202,255,84,.08); }
.support-status.status-in_progress { color: #78b8ff; background: rgba(80,157,255,.09); }
.support-status.status-waiting_user { color: #ffd171; background: rgba(255,189,68,.08); }
.support-status.status-closed { color: #76818d; }
.support-empty { min-height: 290px; display: grid; place-content: center; justify-items: center; text-align: center; }
.support-empty > i { color: var(--lime); font-size: 27px; font-style: normal; }
.support-empty b { margin-top: 8px; }
.support-empty p { max-width: 280px; margin: 5px 0 0; color: #687482; font-size: 12px; }
.support-thread { padding: 0; overflow: hidden; }
.support-thread-head { min-height: 76px; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(255,255,255,.07); }
.support-thread-head span, .support-thread-head small { display: block; }
.support-thread-head span { font-size: 13px; font-weight: 800; }
.support-thread-head small { margin-top: 4px; color: #677381; font-size: 11px; }
.support-messages { min-height: 330px; max-height: 540px; padding: 22px; display: flex; flex-direction: column; gap: 12px; overflow-y: auto; }
.support-message { max-width: 72%; padding: 12px 14px; align-self: flex-end; border: 1px solid rgba(202,255,84,.1); border-radius: 15px 15px 4px 15px; background: rgba(202,255,84,.055); }
.support-message.staff { align-self: flex-start; border-color: rgba(80,157,255,.13); border-radius: 15px 15px 15px 4px; background: rgba(80,157,255,.07); }
.support-message > div { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.support-message b { color: #e7edf1; font-size: 12px; }
.support-message time { color: #61707d; font-size: 10px; }
.support-message p { margin: 7px 0 0; color: #a5b0ba; font-size: 13px; line-height: 1.55; }
.support-reply { padding: 16px 20px; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 10px; border-top: 1px solid rgba(255,255,255,.07); background: #0e151e; }
.support-reply textarea { min-height: 70px; padding: 12px; resize: vertical; font: inherit; }
.support-reply .button { height: 44px; }
.support-file-field input[type="file"] { height: auto; min-height: 48px; padding: 11px; cursor: pointer; }
.support-file-field input[type="file"]::file-selector-button { margin-right: 12px; padding: 8px 12px; border: 0; border-radius: 9px; color: #11170d; background: #caff54; font: 700 12px Tahoma, sans-serif; cursor: pointer; }
.support-file-note { display: block; margin-top: 7px; color: #687582 !important; }
.support-reply-fields { display: grid; gap: 8px; }
.support-file-compact { width: max-content; display: flex; align-items: center; gap: 9px; color: #aeb8c1; font-size: 11px; font-weight: 700; cursor: pointer; }
.support-file-compact input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.support-file-compact span { color: #5f6c78; font-size: 10px; font-weight: 400; }
.support-attachments { margin-top: 10px; display: grid; gap: 6px; }
.support-attachments a { min-width: 210px; padding: 8px 10px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; color: #cfd7de; background: rgba(0,0,0,.15); text-decoration: none; }
.support-attachments a:hover { border-color: rgba(202,255,84,.3); }
.support-attachments i { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; color: #caff54; background: rgba(202,255,84,.09); font-style: normal; }
.support-attachments span, .support-attachments small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-attachments span { max-width: 280px; font-size: 11px; font-weight: 700; }
.support-attachments small { margin-top: 2px; color: #687582; font-size: 9px; font-weight: 400; }
.support-closed { padding: 18px 20px; color: #7d8895; background: #0e151e; font-size: 12px; text-align: center; }
.support-admin-summary { min-height: 75px; margin-bottom: 12px; padding: 14px 18px; display: flex; align-items: center; gap: 22px; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: #121923; }
.support-admin-summary div { padding-right: 22px; border-right: 1px solid rgba(255,255,255,.07); }
.support-admin-summary span, .support-admin-summary strong { display: block; }
.support-admin-summary span { color: #6f7b89; font-size: 10px; text-transform: uppercase; }
.support-admin-summary strong { color: var(--lime); font-size: 20px; }
.support-admin-summary p { margin: 0; color: #788493; font-size: 12px; }
.support-admin-filters { margin-bottom: 12px; display: grid; grid-template-columns: minmax(260px, 1fr) 190px auto; gap: 8px; }
.support-admin-list { display: grid; gap: 7px; }
.support-admin-list > a { min-height: 72px; padding: 10px 14px; display: grid; grid-template-columns: minmax(190px, .75fr) minmax(260px, 1.25fr) auto 18px; align-items: center; gap: 15px; border: 1px solid rgba(255,255,255,.065); border-radius: 13px; background: #121923; }
.support-admin-list > a:hover { border-color: rgba(202,255,84,.17); }
.support-admin-list b, .support-admin-list small { display: block; }
.support-admin-list b { font-size: 13px; }
.support-admin-list small { margin-top: 3px; color: #687482; font-size: 11px; }
.support-admin-list > a > em { color: var(--lime); font-style: normal; }
.support-admin-user { display: flex; align-items: center; gap: 10px; }
.support-admin-user > i { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; color: #11170b; background: var(--lime); font-style: normal; font-weight: 900; }
.support-admin-ticket-layout { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 12px; align-items: start; }
.support-ticket-control { padding: 20px; }
.support-ticket-control h2 { margin: 5px 0; font-size: 18px; }
.support-ticket-control > p { margin: 0 0 17px; color: #707c89; font-size: 12px; line-height: 1.55; }
.support-ticket-control form { display: grid; gap: 8px; }
.support-ticket-control dl { margin: 20px 0 0; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.07); }
.support-ticket-control dt { margin-top: 11px; color: #65717e; font-size: 10px; text-transform: uppercase; }
.support-ticket-control dd { margin: 3px 0 0; overflow-wrap: anywhere; color: #aeb8c1; font-size: 12px; }

/* Notifications */
.notification-toolbar { min-height: 68px; margin-bottom: 12px; padding: 10px 13px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: #121923; }
.notification-toolbar nav { padding: 4px; display: flex; gap: 4px; border: 1px solid rgba(255,255,255,.06); border-radius: 11px; background: #0b1118; }
.notification-toolbar a { min-height: 37px; padding: 0 13px; display: inline-flex; align-items: center; gap: 7px; border-radius: 8px; color: #8793a0; font-size: 13px; font-weight: 750; }
.notification-toolbar a.active { color: #11170c; background: var(--lime); }
.notification-toolbar a b { min-width: 20px; height: 20px; display: grid; place-items: center; border-radius: 7px; color: var(--lime); background: rgba(8,13,18,.8); font-size: 10px; }
.notification-toolbar p { margin: 0; color: #73808d; font-size: 13px; }
.notification-list { display: grid; gap: 8px; }
.notification-item { min-height: 96px; padding: 14px 16px; display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 15px; border: 1px solid rgba(255,255,255,.065); border-radius: 16px; background: #121923; }
.notification-item.unread { border-color: rgba(202,255,84,.17); background: radial-gradient(circle at 0 50%, rgba(202,255,84,.07), transparent 30%), #121923; }
.notification-kind { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 13px; color: #c4cdd5; background: rgba(255,255,255,.035); font-size: 17px; font-style: normal; font-weight: 900; }
.notification-kind.kind-balance { color: #ffd171; background: rgba(255,189,68,.08); }
.notification-kind.kind-support { color: #78b8ff; background: rgba(80,157,255,.08); }

/* Referrals */
.referral-hero { min-height: 245px; padding: 30px 32px; position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) 130px; align-items: center; gap: 24px; background: radial-gradient(circle at 88% 18%, rgba(202,255,84,.16), transparent 28%), linear-gradient(140deg, #121b25, #0e151e); }
.referral-hero h2 { max-width: 620px; margin: 0; font-size: 30px; line-height: 1.08; letter-spacing: -.035em; }
.referral-hero p:not(.section-kicker) { max-width: 650px; margin: 14px 0 0; color: #84909d; font-size: 13px; line-height: 1.65; }
.referral-hero > i { width: 108px; height: 108px; display: grid; place-items: center; justify-self: end; border: 1px solid rgba(202,255,84,.18); border-radius: 31px; color: var(--lime); background: linear-gradient(145deg, rgba(202,255,84,.11), rgba(202,255,84,.025)); font-size: 50px; font-style: normal; transform: rotate(-7deg); }
.referral-link-box { grid-column: 1 / -1; padding: 7px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; border: 1px solid rgba(255,255,255,.08); border-radius: 15px; background: rgba(5,9,14,.42); }
.referral-link-box input { min-width: 0; height: 45px; padding: 0 12px; border: 0; outline: 0; color: #c8d1d9; background: transparent; font-size: 13px; }
.referral-stats { margin: 12px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.referral-stats article { min-height: 100px; padding: 18px 20px; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: #111923; }
.referral-stats span, .referral-stats strong, .referral-stats small { display: block; }
.referral-stats span { color: #6e7a87; font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.referral-stats strong { margin-top: 5px; font-size: 24px; }
.referral-stats strong i { color: var(--lime); font-style: normal; }
.referral-stats small { color: #687482; font-size: 10px; }
.referral-list-card { padding: 20px; }
.referral-list { display: grid; gap: 7px; }
.referral-list > article { min-height: 65px; padding: 9px 12px; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto 75px; align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: #0e151e; }
.referral-list img, .referral-list > article > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; object-fit: cover; color: #11170b; background: var(--lime); font-style: normal; font-weight: 900; }
.referral-list strong, .referral-list small { display: block; }
.referral-list small { margin-top: 2px; color: #65717e; font-size: 10px; }
.referral-list > article > b { color: var(--lime); font-size: 12px; text-align: right; }
.referral-status { padding: 6px 8px; border-radius: 8px; color: #ffd171; background: rgba(255,189,68,.08); font-size: 9px; font-style: normal; font-weight: 850; text-transform: uppercase; white-space: nowrap; }
.referral-status.status-rewarded { color: var(--lime); background: rgba(202,255,84,.08); }
.referral-admin-settings { margin-bottom: 12px; padding: 20px; }
.referral-admin-settings header h2 { margin: 3px 0; font-size: 18px; }
.referral-admin-settings header span { color: var(--lime); font-size: 10px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.referral-admin-settings header p { margin: 0; color: #6d7986; font-size: 11px; }
.referral-admin-settings form { margin-top: 16px; display: grid; grid-template-columns: 1.2fr .7fr 1.1fr auto; align-items: end; gap: 9px; }
.referral-admin-settings form > label:not(.admin-toggle) > span:first-child { display: block; margin: 0 0 5px 3px; color: #707c89; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.referral-admin-settings input[type=number], .referral-admin-settings select { width: 100%; height: 42px; padding: 0 11px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; outline: 0; color: #edf1f5; background: #0c121a; }
.referral-admin-settings .admin-toggle { min-height: 42px; align-self: end; }
.referral-admin-list { padding: 16px; }
.referral-admin-list > article { min-height: 61px; padding: 9px 11px; display: grid; grid-template-columns: minmax(130px, 1fr) 20px minmax(130px, 1fr) auto 65px; align-items: center; gap: 10px; border-top: 1px solid rgba(255,255,255,.055); }
.referral-admin-list strong, .referral-admin-list small { display: block; }
.referral-admin-list strong { font-size: 11px; }
.referral-admin-list small { color: #66727f; font-size: 9px; }
.referral-admin-list > article > i { color: var(--lime); font-style: normal; }
.referral-admin-list > article > b { color: var(--lime); font-size: 11px; text-align: right; }

/* Account profile and sessions */
.profile-grid { display: grid; grid-template-columns: minmax(350px, .78fr) minmax(480px, 1.22fr); gap: 12px; align-items: stretch; }
.profile-identity-card, .profile-security-card { min-height: 365px; padding: 26px; }
.profile-identity-card { display: grid; grid-template-columns: 76px 1fr; align-content: start; gap: 18px; }
.profile-avatar { width: 76px; height: 76px; position: relative; }
.profile-avatar img, .profile-avatar > span { width: 76px; height: 76px; display: grid; place-items: center; border: 2px solid rgba(202,255,84,.55); border-radius: 23px; object-fit: cover; color: #11170b; background: var(--lime); font-size: 25px; font-weight: 900; }
.profile-avatar > i { width: 23px; height: 23px; position: absolute; right: -5px; bottom: -5px; display: grid; place-items: center; border: 4px solid #111822; border-radius: 50%; color: #11170b; background: var(--lime); font-size: 9px; font-style: normal; }
.profile-identity-card .section-kicker { margin-bottom: 8px; color: var(--lime); }
.profile-identity-card h2 { margin: 0; font-size: 25px; }
.profile-identity-card > div > p { margin: 5px 0 0; color: #6e7a87; font-size: 11px; }
.profile-identity-card dl { grid-column: 1 / -1; margin: 18px 0 5px; display: grid; border-top: 1px solid rgba(255,255,255,.07); }
.profile-identity-card dl > div { min-height: 47px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(255,255,255,.055); }
.profile-identity-card dt { color: #6c7885; font-size: 10px; text-transform: uppercase; }
.profile-identity-card dd { margin: 0; color: #b8c1ca; font-size: 12px; font-weight: 750; }
.profile-identity-card dd.profile-ok { color: var(--lime); }
.profile-identity-card > .button { grid-column: 1 / -1; margin-top: 8px; }
.profile-security-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.profile-security-card header span { color: var(--lime); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.profile-security-card header h2 { margin: 3px 0; font-size: 20px; }
.profile-security-card header p { max-width: 440px; margin: 0; color: #6d7986; font-size: 11px; }
.profile-security-card header > i { min-width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: var(--lime); background: rgba(202,255,84,.08); font-style: normal; font-weight: 900; }
.profile-session-list { margin: 17px 0 13px; display: grid; gap: 7px; }
.profile-session { min-height: 61px; padding: 9px 11px; display: grid; grid-template-columns: 37px minmax(0, 1fr) auto; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: #0e151e; }
.profile-session > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: var(--lime); background: rgba(202,255,84,.07); }
.profile-session svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.profile-session strong, .profile-session small { display: block; }
.profile-session strong { font-size: 12px; }
.profile-session small { margin-top: 2px; color: #687482; font-size: 9px; }
.profile-session em { padding: 5px 7px; border-radius: 8px; color: var(--lime); background: rgba(202,255,84,.07); font-size: 8px; font-style: normal; font-weight: 850; text-transform: uppercase; }
.profile-session em.other { color: #ffd171; background: rgba(255,189,68,.07); }
.profile-security-card form .button { width: 100%; }
.profile-notification-card { margin-top: 12px; padding: 20px; }
.profile-notification-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.profile-notification-card > header span { color: var(--lime); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.profile-notification-card > header h2 { margin: 3px 0; font-size: 20px; }
.profile-notification-card > header p { margin: 0; color: #6d7986; font-size: 11px; }
.profile-notification-card > header > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: var(--lime); background: rgba(202,255,84,.08); font-style: normal; }
.profile-notification-card form { margin-top: 15px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.profile-notification-card form > label { min-height: 69px; padding: 11px 12px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: #0e151e; cursor: pointer; }
.profile-notification-card label b, .profile-notification-card label small { display: block; }
.profile-notification-card label b { font-size: 12px; }
.profile-notification-card label small { margin-top: 3px; color: #66727f; font-size: 9px; }
.profile-notification-card label input { position: absolute; opacity: 0; pointer-events: none; }
.profile-notification-card label > i { width: 39px; height: 22px; position: relative; border-radius: 20px; background: #27313c; transition: background .18s ease; }
.profile-notification-card label > i:after { content: ""; width: 16px; height: 16px; position: absolute; top: 3px; left: 3px; border-radius: 50%; background: #77828e; transition: transform .18s ease, background .18s ease; }
.profile-notification-card label input:checked + i { background: rgba(202,255,84,.22); }
.profile-notification-card label input:checked + i:after { background: var(--lime); transform: translateX(17px); }
.profile-notification-card label:has(input:focus-visible) { border-color: rgba(202,255,84,.55); }
.profile-notification-card form > .button { width: max-content; margin-top: 5px; grid-column: 1 / -1; }
.profile-events-card { margin-top: 12px; padding: 20px; }
.profile-event-list { display: grid; gap: 6px; }
.profile-event-list > article { min-height: 58px; padding: 8px 10px; display: grid; grid-template-columns: 35px minmax(0, 1fr); align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.055); border-radius: 12px; background: #0e151e; }
.profile-event-list > article > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #78b8ff; background: rgba(80,157,255,.08); font-style: normal; }
.profile-event-list strong, .profile-event-list small { display: block; }
.profile-event-list strong { font-size: 12px; }
.profile-event-list small { margin-top: 3px; color: #64717e; font-size: 9px; }
.notification-kind.kind-task { color: var(--lime); background: rgba(202,255,84,.075); }
.notification-item header { display: flex; align-items: center; gap: 8px; }
.notification-item header b { font-size: 14px; }
.notification-item header em { padding: 4px 6px; border-radius: 6px; color: #11170c; background: var(--lime); font-size: 9px; font-style: normal; font-weight: 900; text-transform: uppercase; }
.notification-item p { max-width: 760px; margin: 5px 0; color: #8995a1; font-size: 13px; line-height: 1.45; }
.notification-item time { color: #5f6c79; font-size: 11px; }
.notification-item .button { min-height: 38px; font-size: 12px; }
.notification-empty { min-height: 390px; display: grid; place-content: center; justify-items: center; text-align: center; }
.notification-empty > i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; color: #11170c; background: var(--lime); font-size: 20px; font-style: normal; font-weight: 900; }
.notification-empty h2 { margin: 13px 0 4px; }
.notification-empty p { margin: 0; color: #74808d; font-size: 13px; }

/* Active task workflow */
.active-execution-banner { min-height: 66px; margin-bottom: 12px; padding: 10px 14px; display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 12px; border: 1px solid rgba(202,255,84,.17); border-radius: 15px; background: linear-gradient(90deg, rgba(202,255,84,.08), rgba(202,255,84,.025)); }
.active-execution-banner > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: #11170c; background: var(--lime); font-size: 12px; font-style: normal; }
.active-execution-banner strong, .active-execution-banner span { display: block; }
.active-execution-banner strong { font-size: 13px; }
.active-execution-banner span { margin-top: 3px; color: #7b8794; font-size: 11px; }
.active-execution-banner > b { color: var(--lime); font-size: 12px; }
.active-execution-summary { min-height: 76px; margin-bottom: 12px; padding: 12px 16px; display: grid; grid-template-columns: 145px 1fr auto; align-items: center; gap: 18px; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: #121923; }
.active-execution-summary > div { padding-right: 18px; border-right: 1px solid rgba(255,255,255,.07); }
.active-execution-summary span, .active-execution-summary strong { display: block; }
.active-execution-summary span { color: #707c89; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.active-execution-summary strong { color: var(--lime); font-size: 22px; }
.active-execution-summary p { margin: 0; color: #82909c; font-size: 12px; }
.active-execution-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.active-execution-card { min-height: 245px; padding: 12px; display: grid; grid-template-columns: 160px 1fr; gap: 17px; border: 1px solid rgba(255,255,255,.075); border-radius: 18px; background: #121923; }
.active-execution-art { display: grid; place-items: center; overflow: hidden; border-radius: 14px; background: radial-gradient(circle, rgba(202,255,84,.12), transparent 56%), #0b1118; }
.active-execution-art img { width: 128px; height: 128px; object-fit: contain; filter: drop-shadow(0 14px 18px rgba(0,0,0,.4)); }
.active-execution-copy { min-width: 0; padding: 7px 4px 4px 0; display: flex; flex-direction: column; }
.active-execution-copy header { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.active-execution-copy header em { padding: 5px 7px; border-radius: 7px; font-size: 9px; font-style: normal; font-weight: 850; text-transform: uppercase; }
.active-execution-copy header strong { color: #eef5e6; font-size: 14px; }
.active-execution-copy header strong i { color: var(--lime); font-style: normal; }
.active-execution-copy h2 { margin: 13px 0 5px; font-size: 18px; }
.active-execution-copy > p { margin: 0; color: #7c8895; font-size: 12px; line-height: 1.45; }
.active-checks { margin: auto 0 11px; padding-top: 11px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.06); }
.active-checks span { color: #697582; font-size: 10px; text-transform: uppercase; }
.active-checks b { font-size: 12px; }
.active-execution-copy .button { width: 100%; min-height: 39px; font-size: 12px; }
.active-execution-empty { min-height: 360px; display: grid; place-content: center; justify-items: center; text-align: center; }
.active-execution-empty > i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; color: #11170c; background: var(--lime); font-size: 20px; font-style: normal; font-weight: 900; }
.active-execution-empty h2 { margin: 12px 0 5px; }
.active-execution-empty p { max-width: 420px; margin: 0 0 16px; color: #75818e; font-size: 13px; }
.active-recent { margin-top: 27px; }
.active-recent > header span { color: var(--lime); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.active-recent > header h2 { margin: 5px 0 12px; }
.active-recent > div { display: grid; gap: 6px; }
.active-recent a { min-height: 64px; padding: 9px 13px; display: grid; grid-template-columns: 34px 1fr auto auto; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: #121923; }
.active-recent a > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; font-style: normal; font-weight: 900; }
.active-recent b, .active-recent small { display: block; }
.active-recent b { font-size: 12px; }
.active-recent small { margin-top: 2px; color: #626e7b; font-size: 10px; }
.active-recent em { padding: 5px 7px; border-radius: 7px; font-size: 9px; font-style: normal; font-weight: 850; text-transform: uppercase; }
.active-recent strong { color: #e9f1e2; font-size: 12px; }
.execution-verification-detail { margin-top: 15px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.execution-verification-detail > div { min-height: 61px; padding: 10px; border: 1px solid rgba(255,255,255,.065); border-radius: 11px; background: rgba(255,255,255,.025); }
.execution-verification-detail span, .execution-verification-detail strong { display: block; }
.execution-verification-detail span { color: #66727f; font-size: 9px; text-transform: uppercase; }
.execution-verification-detail strong { margin-top: 5px; color: #dfe7ec; font-size: 12px; }

/* Verification diagnostics */
.verification-detail-summary { margin-bottom: 12px; padding: 12px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: #121923; }
.verification-detail-summary > div { min-height: 68px; padding: 10px 13px; border-right: 1px solid rgba(255,255,255,.06); }
.verification-detail-summary > div:last-child { border-right: 0; }
.verification-detail-summary span, .verification-detail-summary strong { display: block; }
.verification-detail-summary span { color: #697582; font-size: 10px; text-transform: uppercase; }
.verification-detail-summary strong { margin-top: 7px; font-size: 15px; }
.manual-resolution-panel { margin-bottom: 12px; padding: 17px 19px; display: grid; grid-template-columns: minmax(300px,1fr) minmax(420px,1.05fr); align-items: end; gap: 24px; border: 1px solid rgba(241,207,114,.16); border-radius: 16px; background: rgba(241,207,114,.035); }
.manual-resolution-panel h2 { margin: 5px 0 6px; font-size: 18px; }
.manual-resolution-panel p { margin: 0; color: #778391; font-size: 11px; line-height: 1.55; }
.manual-resolution-panel form label span { display: block; margin-bottom: 5px; color: #7d8995; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.manual-resolution-panel textarea { width: 100%; min-height: 70px; padding: 10px 11px; resize: vertical; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; outline: 0; color: #edf2f5; background: #0c121a; font: inherit; font-size: 12px; line-height: 1.45; }
.manual-resolution-panel textarea:focus { border-color: rgba(202,255,84,.45); }
.manual-resolution-panel form > div { margin-top: 8px; display: flex; justify-content: flex-end; gap: 7px; }
.manual-resolution-panel .manual-reject { color: #ef9187; border-color: rgba(239,145,135,.2); background: rgba(239,145,135,.06); }
.manual-resolution-panel .manual-approve { color: #11170d; background: var(--lime); }
.manual-resolution-result { margin-bottom: 12px; padding: 14px 17px; display: grid; grid-template-columns: 38px 1fr; gap: 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: #121923; }
.manual-resolution-result > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: #11170d; background: var(--mint); font-style: normal; font-weight: 900; }
.manual-resolution-result.rejected > i { color: #fff; background: #b95751; }
.manual-resolution-result span, .manual-resolution-result strong, .manual-resolution-result small { display: block; }
.manual-resolution-result span { color: #707c88; font-size: 9px; text-transform: uppercase; }
.manual-resolution-result strong { margin-top: 2px; font-size: 14px; }
.manual-resolution-result p { margin: 5px 0; color: #a8b2bb; font-size: 11px; }
.manual-resolution-result small { color: #65717e; font-size: 10px; }
.verification-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, .78fr); gap: 12px; align-items: start; }
.verification-detail-main { padding: 23px; }
.verification-detail-main header h2 { margin: 5px 0 20px; }
.verification-timeline { display: grid; gap: 8px; }
.verification-timeline > div { min-height: 65px; padding: 10px 12px; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.06); border-radius: 12px; background: #0f161f; }
.verification-timeline > div > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #778391; background: rgba(255,255,255,.045); font-size: 11px; font-style: normal; font-weight: 900; }
.verification-timeline > div.done > i { color: #11170c; background: var(--lime); }
.verification-timeline b, .verification-timeline small { display: block; }
.verification-timeline b { font-size: 12px; }
.verification-timeline small { margin-top: 3px; color: #687482; font-size: 10px; }
.verification-object-data { margin: 20px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.verification-object-data > div { min-width: 0; padding: 10px 12px; border: 1px solid rgba(255,255,255,.055); border-radius: 10px; }
.verification-object-data dt { color: #626e7b; font-size: 9px; text-transform: uppercase; }
.verification-object-data dd { margin: 5px 0 0; overflow-wrap: anywhere; color: #b0bbc4; font-size: 11px; }
.verification-diagnostic-column { display: grid; gap: 10px; }
.verification-diagnostic-column details { padding: 16px; }
.verification-diagnostic-column summary { color: #dce3e8; cursor: pointer; font-size: 12px; font-weight: 800; }
.verification-diagnostic-column pre { max-height: 360px; margin: 14px 0 0; padding: 13px; overflow: auto; border: 1px solid rgba(255,255,255,.06); border-radius: 10px; color: #99a9b6; background: #090e14; font: 11px/1.55 Tahoma, Arial, sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; }

/* Payment diagnostics */
.admin-payment-status a { color: var(--lime); font-size: 10px; font-weight: 800; }
.admin-payment-detail-hero { margin-bottom: 12px; padding: 12px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: #121923; }
.admin-payment-detail-hero > div { min-height: 78px; padding: 11px 14px; border-right: 1px solid rgba(255,255,255,.06); }
.admin-payment-detail-hero > div:last-child { border-right: 0; }
.admin-payment-detail-hero span, .admin-payment-detail-hero strong, .admin-payment-detail-hero small { display: block; }
.admin-payment-detail-hero span { color: #697582; font-size: 10px; text-transform: uppercase; }
.admin-payment-detail-hero strong { margin-top: 7px; font-size: 17px; }
.admin-payment-detail-hero small { margin-top: 5px; color: #687482; font-size: 10px; }
.admin-payment-detail-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.admin-payment-detail-card { padding: 22px; }
.admin-payment-detail-card header h2 { margin: 5px 0 18px; }
.admin-payment-detail-card .admin-payment-sync-heading { display: flex; align-items: start; justify-content: space-between; gap: 15px; }
.admin-payment-sync-heading .button { min-height: 36px; padding: 0 12px; font-size: 10px; }
.admin-payment-detail-card dl { margin: 0; display: grid; gap: 8px; }
.admin-payment-detail-card dl > div { min-width: 0; padding: 10px 12px; display: grid; grid-template-columns: 155px minmax(0, 1fr); gap: 12px; border: 1px solid rgba(255,255,255,.055); border-radius: 10px; }
.admin-payment-detail-card dt { color: #626e7b; font-size: 9px; text-transform: uppercase; }
.admin-payment-detail-card dd { margin: 0; overflow-wrap: anywhere; color: #b0bbc4; font-size: 11px; }
.admin-payment-detail-card dd.sync-error { color: #ef9187; }
.admin-payment-security-note { margin: 12px 0 0; color: #677482; font-size: 10px; text-align: right; }
.admin-payment-integrity-warning { min-height: 58px; margin-bottom: 12px; padding: 10px 13px; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 11px; border: 1px solid rgba(239,140,129,.24); border-radius: 14px; background: rgba(239,140,129,.05); }
.admin-payment-integrity-warning > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #b95751; font-style: normal; font-weight: 900; }
.admin-payment-integrity-warning b, .admin-payment-integrity-warning span { display: block; }
.admin-payment-integrity-warning b { font-size: 12px; }
.admin-payment-integrity-warning span { margin-top: 3px; color: #a88687; font-size: 10px; }

@media (max-width: 900px) {
  .admin-payment-detail-layout { grid-template-columns: 1fr; }
  .admin-payment-detail-hero { grid-template-columns: 1fr; }
  .admin-payment-detail-hero > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.06); }
  .admin-payment-detail-hero > div:last-child { border-bottom: 0; }
}

/* Administrative audit */
.audit-summary { min-height: 78px; margin-bottom: 12px; padding: 11px 15px; display: grid; grid-template-columns: 145px 145px 1fr; align-items: center; gap: 15px; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: #121923; }
.audit-summary > div { padding-right: 15px; border-right: 1px solid rgba(255,255,255,.07); }
.audit-summary span, .audit-summary strong { display: block; }
.audit-summary span { color: #697582; font-size: 10px; text-transform: uppercase; }
.audit-summary strong { margin-top: 3px; color: var(--lime); font-size: 21px; }
.audit-summary p { margin: 0; color: #7d8995; font-size: 12px; }
.audit-filters { margin-bottom: 12px; display: grid; grid-template-columns: minmax(280px, 1fr) 280px auto; gap: 8px; }
.audit-filters input, .audit-filters select { width: 100%; height: 42px; padding: 0 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 11px; outline: 0; color: #e9eef1; background: #0c121a; font-size: 12px; }
.audit-filters input:focus, .audit-filters select:focus { border-color: rgba(202,255,84,.35); }
.audit-list { display: grid; gap: 7px; }
.audit-event { min-height: 92px; padding: 13px 15px; display: grid; grid-template-columns: 38px minmax(280px, 1fr) minmax(170px, .45fr) minmax(90px, auto); align-items: center; gap: 14px; border: 1px solid rgba(255,255,255,.065); border-radius: 14px; background: #121923; }
.audit-event > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: #11170c; background: var(--lime); font-size: 14px; font-style: normal; font-weight: 900; }
.audit-event-main header { display: flex; align-items: center; gap: 10px; }
.audit-event-main header b { font-size: 13px; }
.audit-event-main time { color: #64717e; font-size: 10px; }
.audit-event-main p { margin: 5px 0 3px; color: #96a2ad; font-size: 12px; }
.audit-event-main > span { color: #586572; font-size: 10px; }
.audit-actor span, .audit-actor b, .audit-actor small { display: block; }
.audit-actor span { color: #65717e; font-size: 9px; text-transform: uppercase; }
.audit-actor b { margin-top: 4px; font-size: 12px; }
.audit-actor small { margin-top: 3px; color: #505d69; font: 9px Tahoma, Arial, sans-serif; }
.audit-event details { position: relative; }
.audit-event summary { padding: 8px 10px; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; color: #8f9ba7; cursor: pointer; font-size: 11px; font-weight: 750; list-style: none; text-align: center; }
.audit-event details[open] pre { position: absolute; z-index: 20; top: 36px; right: 0; width: 370px; max-height: 280px; margin: 0; padding: 12px; overflow: auto; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; box-shadow: 0 18px 50px rgba(0,0,0,.45); color: #9eacb8; background: #090e14; font: 10px/1.5 Tahoma, Arial, sans-serif; white-space: pre-wrap; }
.audit-empty { min-height: 390px; display: grid; place-content: center; justify-items: center; text-align: center; }
.audit-empty > i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; color: #11170c; background: var(--lime); font-style: normal; font-weight: 900; }
.audit-empty h2 { margin: 12px 0 4px; }
.audit-empty p { margin: 0; color: #74808d; font-size: 13px; }

/* Staff two-factor authentication */
.staff-security-page .site-header { grid-template-columns: 1fr auto; }
.staff-security-page .site-footer { display: none; }
.staff-security-shell { width: min(1040px, calc(100% - 48px)); min-height: calc(100vh - 92px); margin: 0 auto; padding: 70px 0; display: grid; grid-template-columns: minmax(0, 1fr) 410px; align-items: center; gap: 85px; }
.staff-security-intro h1 { max-width: 620px; margin: 0; font-size: clamp(46px, 5vw, 68px); line-height: .98; letter-spacing: -.055em; }
.staff-security-intro > p:not(.section-kicker) { max-width: 590px; margin: 24px 0 0; color: #8d99a8; font-size: 16px; line-height: 1.75; }
.staff-security-points { margin-top: 31px; display: grid; gap: 10px; }
.staff-security-points span { display: flex; align-items: center; gap: 12px; color: #b7c0c9; font-size: 13px; }
.staff-security-points i { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; color: #11170d; background: var(--lime); font-style: normal; font-weight: 900; }
.staff-security-card { padding: 23px; border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: radial-gradient(circle at 50% 0, rgba(202,255,84,.08), transparent 35%), #111923; box-shadow: 0 35px 90px rgba(0,0,0,.35); }
.staff-qr { width: 236px; height: 236px; margin: 0 auto 15px; padding: 8px; border-radius: 22px; background: #fff; }
.staff-qr img { width: 100%; height: 100%; display: block; border-radius: 14px; image-rendering: pixelated; }
.staff-security-card details { margin-bottom: 18px; text-align: center; }
.staff-security-card summary { color: #85919f; cursor: pointer; font-size: 11px; }
.staff-security-card details code { margin-top: 9px; padding: 8px 10px; display: block; overflow-wrap: anywhere; border-radius: 9px; color: #dce6cf; background: #091018; font: 12px Tahoma, sans-serif; letter-spacing: .08em; }
.staff-security-card form { display: grid; gap: 13px; }
.staff-security-card label span { margin-bottom: 6px; display: block; color: #788594; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.staff-security-card input { width: 100%; height: 54px; padding: 0 15px; border: 1px solid rgba(255,255,255,.11); border-radius: 14px; outline: 0; color: #fff; background: #0a1119; font-size: 18px; font-weight: 800; letter-spacing: .12em; text-align: center; }
.staff-security-card input:focus { border-color: rgba(202,255,84,.55); box-shadow: 0 0 0 4px rgba(202,255,84,.06); }
.staff-security-note { margin: 14px 0 0; color: #64717e; font-size: 10px; line-height: 1.55; text-align: center; }
.staff-security-lock { margin-top: 28px; padding: 14px 16px; border: 1px solid rgba(112,224,189,.16); border-radius: 13px; color: #8bbcad; background: rgba(112,224,189,.045); font-size: 12px; line-height: 1.6; }
.staff-security-lock.warning { border-color: rgba(255,190,84,.18); color: #d3ae70; background: rgba(255,190,84,.045); }
.staff-shield { width: 92px; height: 92px; margin: 8px auto 25px; display: grid; place-items: center; border: 1px solid rgba(202,255,84,.24); border-radius: 31px; color: #11170d; background: var(--lime); box-shadow: 0 22px 55px rgba(202,255,84,.13); font-size: 35px; font-weight: 900; transform: rotate(-4deg); }
.recovery-code-grid { margin-bottom: 17px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.recovery-code-grid code { padding: 11px 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; color: #dbe5ce; background: #091018; font: 12px Tahoma, sans-serif; text-align: center; }
.staff-security-recovery .staff-security-card { display: grid; gap: 9px; }
.admin-security-status { min-height: 42px; padding: 0 13px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(112,224,189,.16); border-radius: 12px; color: #9bcbbd; background: rgba(112,224,189,.045); font-size: 11px; font-weight: 800; }
.admin-security-status i { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; color: #0d1713; background: var(--mint); font-style: normal; }
.admin-security-summary { margin-bottom: 12px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.admin-security-summary article { min-height: 105px; padding: 17px; display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 12px; }
.admin-security-summary article > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: var(--lime); background: rgba(202,255,84,.07); font-style: normal; font-weight: 900; }
.admin-security-summary span, .admin-security-summary strong, .admin-security-summary p { display: block; }
.admin-security-summary span { color: #687583; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.admin-security-summary strong { margin-top: 3px; font-size: 15px; }
.admin-security-summary p { margin: 3px 0 0; color: #5e6a77; font-size: 10px; }
.admin-security-grid { margin-bottom: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.admin-security-action { padding: 20px; }
.admin-security-action header { display: flex; align-items: center; gap: 11px; }
.admin-security-action header > i { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 12px; color: #11170c; background: var(--lime); font-style: normal; font-weight: 900; }
.admin-security-action header span { color: #687582; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.admin-security-action h2 { margin: 3px 0 0; font-size: 17px; }
.admin-security-action > p { min-height: 42px; margin: 14px 0; color: #75818e; font-size: 11px; line-height: 1.55; }
.admin-security-action form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: end; }
.admin-security-action label span { margin-bottom: 5px; display: block; color: #697582; font-size: 9px; text-transform: uppercase; }
.admin-security-action input { width: 100%; height: 42px; padding: 0 11px; border: 1px solid rgba(255,255,255,.08); border-radius: 11px; outline: 0; color: #eef2f4; background: #0b121a; font-size: 12px; }
.admin-security-action input:focus { border-color: rgba(202,255,84,.35); }
.admin-security-action .button { min-height: 42px; }
.admin-session-list { padding: 20px; }
.admin-session-list > header span { color: #687582; font-size: 9px; text-transform: uppercase; }
.admin-session-list h2 { margin: 3px 0 12px; font-size: 18px; }
.admin-session-list article { min-height: 58px; padding: 8px 0; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 11px; border-top: 1px solid rgba(255,255,255,.055); }
.admin-session-list article > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: var(--mint); background: rgba(112,224,189,.07); font-style: normal; }
.admin-session-list strong, .admin-session-list small { display: block; }
.admin-session-list strong { font-size: 12px; }
.admin-session-list small, .admin-session-list time { color: #626f7c; font-size: 10px; }

@media (max-width: 980px) {
  .site-header { grid-template-columns: 1fr auto; }
  .main-nav { display: none; }
  .hero { grid-template-columns: 1fr; padding-top: 55px; }
  .hero-copy { text-align: center; }
  .eyebrow, .hero-actions { justify-content: center; }
  .hero-lead { margin-inline: auto; }
  .hero-visual { min-height: 500px; }
  .role-grid { grid-template-columns: 1fr; }
  .role-card { min-height: 310px; }
  .proof { grid-template-columns: 1fr; gap: 55px; }
  .auth-shell { grid-template-columns: 1fr; gap: 50px; padding-top: 45px; }
  .auth-story { text-align: center; }
  .auth-story > p { margin-inline: auto; }
  .auth-benefits { max-width: 480px; margin-inline: auto; text-align: left; }
  .auth-card { width: min(470px, 100%); margin-inline: auto; }
}

@media (max-width: 680px) {
  .section-shell, .site-header, .site-footer { width: min(100% - 28px, 1180px); }
  .site-header { height: 74px; }
  .header-actions .button-ghost { display: none; }
  .hero { min-height: auto; padding: 52px 0 65px; gap: 20px; }
  .hero h1 { font-size: clamp(45px, 14vw, 68px); }
  .hero-lead { font-size: 15px; }
  .hero-actions { flex-direction: column; gap: 8px; }
  .hero-visual { min-height: 430px; }
  .signal-card { width: 90%; }
  .signal-image { height: 245px; }
  .pill-top { right: 0; }
  .pill-bottom { left: 0; }
  .statement { padding: 65px 0 75px; }
  .proof { width: calc(100% - 16px); padding: 65px 24px; border-radius: 27px; }
  .proof-list div { grid-template-columns: 34px 1fr; }
  .proof-list i { display: none; }
  .final-cta { padding: 90px 0; align-items: flex-start; flex-direction: column; }
  .site-footer { padding: 28px 0; grid-template-columns: 1fr; text-align: center; }
  .site-footer .brand { margin-inline: auto; }
  .site-footer p, .site-footer > span { text-align: center; }
  .auth-shell { width: calc(100% - 24px); margin-top: 0; padding-top: 32px; }
  .auth-story h1 { font-size: 45px; }
  .auth-card { padding: 15px 20px 25px; }
}

/* Responsive application workspace */
@media (max-width: 1100px) {
  .dashboard-page { min-width: 320px; }
  .dashboard-page .site-header { width: calc(100% - 24px); }
  .dashboard-shell { width: calc(100% - 24px); min-height: 0; grid-template-columns: minmax(0, 1fr); overflow: visible; border-radius: 22px; }
  .sidebar { min-width: 0; padding: 14px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); border-radius: 22px 22px 0 0; }
  .sidebar-user { padding: 2px 4px 12px; }
  .sidebar-user b, .sidebar-user small { max-width: min(220px, 42vw); }
  .sidebar nav { padding: 12px 0 2px; display: flex; gap: 7px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: rgba(202,255,84,.28) transparent; }
  .sidebar nav a, .sidebar .nav-disabled { min-height: 44px; flex: 0 0 auto; padding: 0 12px 0 7px; white-space: nowrap; }
  .sidebar nav i { width: 30px; height: 30px; border-radius: 9px; }
  .sidebar nav svg { width: 17px; height: 17px; }
  .sidebar form { margin-top: 11px; }
  .sidebar-logout { min-height: 42px; }
  .dashboard-content { padding: 30px 24px 42px; }
  .metric-grid, .available-task-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-main { grid-column: 1 / -1; }
  .dashboard-grid, .task-layout, .wallet-workspace, .profile-grid { grid-template-columns: minmax(0, 1fr); }
  .available-intro { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .execution-page .execution-card { grid-template-columns: minmax(220px, .48fr) minmax(0, 1fr); gap: 22px; }
  .wallet-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .created-task-card { grid-template-columns: 42px minmax(0, 1fr) minmax(220px, .8fr); }
  .created-task-actions { grid-column: 2 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .active-execution-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 680px) {
  .dashboard-page .site-header { width: calc(100% - 24px); height: 68px; }
  .dashboard-page .site-header .brand { font-size: 19px; }
  .global-notification-banner { width: calc(100% - 24px); margin: 0 auto 10px; padding: 11px; grid-template-columns: 38px minmax(0, 1fr); align-items: start; border-radius: 15px; }
  .global-notification-banner > i { width: 38px; height: 38px; border-radius: 11px; }
  .global-notification-banner p { white-space: normal; }
  .global-notification-banner .button { width: 100%; grid-column: 2; }
  .dashboard-shell { width: calc(100% - 16px); margin-bottom: 8px; border-radius: 18px; }
  .sidebar { padding: 11px; border-radius: 18px 18px 0 0; }
  .sidebar-user { gap: 9px; }
  .sidebar-user > span, .sidebar-user > img, .sidebar-notification-bell { width: 36px; height: 36px; }
  .sidebar-user b { max-width: 150px; font-size: 13px; }
  .sidebar-user small.sidebar-balance { font-size: 10px; }
  .sidebar-notification-popover { width: min(290px, calc(100vw - 38px)); right: -2px; }
  .sidebar nav a, .sidebar .nav-disabled { min-height: 43px; font-size: 12px; }
  .sidebar-logout { min-height: 40px; padding: 9px; }
  .dashboard-content { padding: 22px 14px 32px; border-radius: 0 0 18px 18px; }
  .dashboard-top { margin-bottom: 20px; align-items: flex-start; flex-direction: column; gap: 13px; }
  .dashboard-top h1 { font-size: 32px; }
  .dashboard-top-actions { width: 100%; flex-wrap: wrap; }
  .dashboard-mode-form { width: 100%; }
  .dashboard-mode-form button { width: 100%; justify-content: center; }
  .top-profile { display: none; }
  .user-balance-badge { margin-left: auto; }
  .connect-banner, .connected-banner { padding: 14px; align-items: flex-start; flex-wrap: wrap; }
  .connect-banner .button, .connected-banner a { width: 100%; margin-left: 0; text-align: center; }
  .metric-grid, .dashboard-grid, .action-cards, .task-layout, .available-task-grid, .wallet-overview, .wallet-workspace, .profile-grid, .referral-stats { grid-template-columns: minmax(0, 1fr); }
  .metric-main { grid-column: auto; }
  .metric-card { min-height: 125px; }
  .panel-card { min-height: 0; padding: 17px; }
  .available-intro { min-height: 0; padding: 20px; }
  .available-steps { grid-template-columns: minmax(0, 1fr); }
  .available-toolbar { align-items: stretch; flex-direction: column; overflow: hidden; }
  .available-feed-stats { padding-right: 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); }
  .task-filter-chips { width: 100%; overflow-x: auto; }
  .task-sort { width: max-content; margin-left: 0; }
  .task-select-menu { max-height: 52vh; }
  .mine-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mine-summary > div { border-right: 0; }
  .mine-summary .button { grid-column: 1 / -1; }
  .created-task-card { grid-template-columns: 38px minmax(0, 1fr); }
  .created-task-metrics, .created-task-actions { grid-column: 1 / -1; }
  .created-task-actions { grid-template-columns: minmax(0, 1fr); }
  .execution-history-item { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .execution-history-item > em, .execution-history-item > strong { grid-column: 2; }
  .task-detail-hero { padding: 17px; }
  .task-detail-heading { grid-template-columns: 46px minmax(0, 1fr); }
  .task-detail-heading > em { grid-column: 2; justify-self: start; }
  .task-detail-controls { align-items: stretch; flex-direction: column; }
  .task-detail-controls .button { width: 100%; }
  .task-detail-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .execution-page .execution-card { min-height: 0; padding: 13px; grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .execution-page .execution-art { min-height: 300px; }
  .execution-page .execution-copy { padding: 0 3px 5px; }
  .execution-requirements, .execution-verification-detail { grid-template-columns: minmax(0, 1fr); }
  .execution-actions { align-items: stretch; flex-direction: column; }
  .execution-actions .button { width: 100%; }
  .wallet-overview { gap: 8px; }
  .payment-item { grid-template-columns: 32px minmax(0, 1fr) auto; }
  .payment-item > em { grid-column: 2; justify-self: start; }
  .ledger-row { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .ledger-row > span { grid-column: 2 / -1; text-align: left; }
  .referral-hero { min-height: 0; padding: 22px 19px; grid-template-columns: minmax(0, 1fr); }
  .referral-hero h2 { font-size: 26px; }
  .referral-hero > i { display: none; }
  .referral-link-box { grid-template-columns: minmax(0, 1fr); }
  .referral-link-box .button { width: 100%; }
  .referral-list > article { grid-template-columns: 38px minmax(0, 1fr); }
  .referral-list > article > b, .referral-status { grid-column: 2; justify-self: start; text-align: left; }
  .profile-identity-card, .profile-security-card { min-height: 0; padding: 19px; }
  .profile-identity-card { grid-template-columns: 64px minmax(0, 1fr); gap: 13px; }
  .profile-avatar, .profile-avatar img, .profile-avatar > span { width: 64px; height: 64px; border-radius: 19px; }
  .profile-identity-card dl > div { align-items: flex-start; flex-direction: column; justify-content: center; gap: 2px; }
  .profile-session { grid-template-columns: 37px minmax(0, 1fr); }
  .profile-session em { grid-column: 2; justify-self: start; }
  .profile-notification-card form { grid-template-columns: minmax(0, 1fr); }
  .profile-notification-card form > .button { width: 100%; grid-column: auto; }
  .notification-toolbar { align-items: stretch; flex-direction: column; }
  .notification-item { grid-template-columns: 40px minmax(0, 1fr); }
  .notification-item .button { width: 100%; grid-column: 2; }
  .active-execution-banner, .active-execution-summary { grid-template-columns: 38px minmax(0, 1fr); }
  .active-execution-banner > b, .active-execution-summary > p { grid-column: 2; }
  .active-execution-summary > div { padding-right: 0; border-right: 0; }
  .active-execution-card { grid-template-columns: minmax(0, 1fr); }
  .active-execution-art { min-height: 180px; }
  .active-recent a { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .active-recent a > strong { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}