:root {
  color-scheme: light;
  --ink: #172033;
  --muted: #707989;
  --line: #e5e8ee;
  --surface: #ffffff;
  --canvas: #f3f5f8;
  --red: #cf9714;
  --red-dark: #a97909;
  --red-bright: #efb733;
  --red-soft: #fff0f1;
  --red-glow: rgba(227, 168, 31, 0.18);
  --silver: #d8dde4;
  --shadow: 0 14px 38px rgba(29, 40, 61, 0.08);
  --radius: 22px;
  font-family: Inter, "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
}
* { box-sizing: border-box; }
html { min-width: 320px; background: var(--canvas); }
body { margin: 0; color: var(--ink); background: radial-gradient(ellipse at 8% 16%,rgba(207, 151, 20, 0.1),transparent 28%),radial-gradient(ellipse at 91% 84%,rgba(97, 111, 133, 0.11),transparent 32%),linear-gradient(135deg,#fafbfc 0%,#eef1f5 53%,#f6f5f7 100%); min-height: 100vh; }
button, input { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible { outline: 3px solid rgba(207, 151, 20, 0.25); outline-offset: 2px; }
[hidden] { display: none !important; }
.demo-ribbon { min-height: 35px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 6px 14px; background: #fff5f5; border-bottom: 1px solid #f5edd9; color: #8e6a16; font-size: 12px; font-weight: 700; text-align: center; }
.demo-ribbon__dot, .preview-pill i { width: 8px; height: 8px; display: inline-block; flex: 0 0 auto; border-radius: 50%; background: var(--red-bright); box-shadow: 0 0 0 4px rgba(239, 183, 51, 0.11); }
.demo-ribbon__tag { padding: 2px 7px; border: 1px solid #f2dfb3; border-radius: 999px; font: 700 9px/1.4 Arial, sans-serif; letter-spacing: .12em; }
.glass-card { border: 1px solid rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.84); box-shadow: var(--shadow); backdrop-filter: blur(16px); }
.auth-shell { max-width: 1540px; min-height: calc(100vh - 35px); margin: 0 auto; padding: 18px 28px 36px; }
.auth-header { position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; min-height: 70px; padding: 9px 22px; border-radius: 18px; }
.brand { display: inline-flex; align-items: center; gap: 12px; color: var(--ink); text-decoration: none; }
.brand__coin { width: 50px; height: 50px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: #fff; box-shadow: 0 4px 16px rgba(207, 151, 20, 0.16); }
.brand__coin img { width: 100%; height: 100%; object-fit: cover; }
.brand__coin--small { width: 42px; height: 42px; }
.brand__name { font-size: 19px; letter-spacing: -.03em; font-weight: 650; }
.brand__name strong { color: var(--red); }
.auth-header__actions { position: relative; display: flex; align-items: center; gap: 22px; }
.language-button, .icon-button, .avatar-button { border: 1px solid var(--line); background: rgba(255, 255, 255, 0.78); cursor: pointer; }
.language-button { display: inline-flex; align-items: center; gap: 9px; min-height: 42px; padding: 0 13px; border-radius: 13px; font-size: 13px; font-weight: 650; }
.globe-icon { color: var(--red); font-size: 20px; line-height: 1; }
.text-button, .inline-link, .forgot-link { border: 0; background: transparent; color: var(--red-dark); font-weight: 750; cursor: pointer; }
.text-button { padding: 10px 6px; }
.language-menu { position: absolute; top: 52px; inset-inline-end: 0; z-index: 9; min-width: 148px; padding: 6px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 12px 32px rgba(21, 30, 48, 0.15); }
.language-menu button { width: 100%; padding: 10px 12px; border: 0; border-radius: 9px; background: transparent; text-align: start; cursor: pointer; }
.language-menu button:hover, .language-menu button.is-selected { background: var(--red-soft); color: var(--red-dark); }
.auth-content { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(440px, .97fr); align-items: center; gap: clamp(30px, 6vw, 100px); max-width: 1370px; margin: 26px auto 0; padding: 10px 22px; }
.auth-hero { position: relative; min-height: 650px; display: flex; flex-direction: column; justify-content: flex-start; padding: 36px 10px 18px; overflow: hidden; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: var(--red); font-size: 13px; font-weight: 800; letter-spacing: .04em; }
.eyebrow-line { width: 30px; height: 2px; border-radius: 2px; background: var(--red); }
.auth-hero h1 { position: relative; z-index: 1; max-width: 690px; margin: 0; font-size: clamp(38px, 4.2vw, 64px); line-height: 1.14; letter-spacing: -.045em; font-weight: 790; }
.auth-hero__sub { position: relative; z-index: 1; max-width: 470px; margin: 16px 0 0; color: var(--muted); font-size: 17px; line-height: 1.8; }
.hero-art { position: relative; width: min(100%, 700px); height: 410px; margin: 10px auto 0; isolation: isolate; }
.hero-art__halo { position: absolute; inset: 11% 7% 3%; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse, rgba(255, 255, 255, 0.95) 12%, rgba(239, 181, 47, 0.14) 49%, transparent 72%); filter: blur(12px); }
.hero-art::before, .hero-art::after { position: absolute; z-index: -1; content: ""; width: 120%; height: 120px; top: 50%; inset-inline-start: -10%; border: 2px solid rgba(227, 168, 31, 0.11); border-radius: 50%; transform: rotate(-12deg); box-shadow: 0 0 24px rgba(227, 168, 31, 0.1); }
.hero-art::after { transform: rotate(12deg); border-color: rgba(165, 175, 189, 0.4); }
.hero-art__coin { position: absolute; top: -5%; inset-inline-start: 2%; width: min(64%, 440px); height: auto; object-fit: contain; filter: drop-shadow(0 22px 22px rgba(94, 69, 12, 0.2)); animation: coin-float 6s ease-in-out infinite; }
.hero-rig { position: absolute; inset-inline-end: 3%; bottom: 7%; width: 205px; height: 190px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 7px solid #bbc2cb; border-radius: 24px; background: linear-gradient(145deg,#fdfefe 0%,#ccd2da 36%,#fff 58%,#aeb6c1 100%); box-shadow: 12px 17px 30px rgba(28, 38, 55, 0.22), inset 0 0 0 3px #f9fafb, inset 0 -11px 15px rgba(76, 88, 105, 0.19); transform: rotate(-4deg); }
.hero-rig::before { content: ""; position: absolute; inset: 11px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 13px; pointer-events: none; }
.hero-rig__top { position: absolute; top: 12px; inset-inline-start: 18px; display: flex; gap: 5px; }
.hero-rig__top span { width: 7px; height: 7px; border-radius: 50%; background: #79828e; box-shadow: inset 0 1px 1px #fff; }
.hero-rig__core { width: 91px; height: 91px; display: grid; place-items: center; border: 5px solid #fff; border-radius: 50%; background: radial-gradient(circle, #f1b730 8%, #a67606 56%, #583e01 70%); box-shadow: 0 0 0 6px #aeb6c2, 0 0 25px rgba(243, 178, 28, 0.72); overflow: hidden; }
.hero-rig__core img { width: 122%; height: 122%; object-fit: cover; mix-blend-mode: screen; opacity: .83; }
.hero-rig__vents { position: absolute; inset-inline-end: 13px; top: 36px; display: grid; gap: 7px; }
.hero-rig__vents i { display: block; width: 7px; height: 31px; border-radius: 6px; background: linear-gradient(90deg,#747d89,#eef0f2,#78818c); }
.hero-rig__label { position: absolute; bottom: 7px; color: #646c77; font: 800 8px Arial, sans-serif; letter-spacing: .17em; }
.hero-art__spark { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #fdc33b; box-shadow: 0 0 14px 5px rgba(253, 195, 59, 0.42); }
.hero-art__spark--one { top: 22%; inset-inline-end: 19%; }
.hero-art__spark--two { bottom: 23%; inset-inline-start: 9%; width: 6px; height: 6px; }
.auth-footnote { display: flex; align-items: center; gap: 8px; margin-top: auto; color: #7b8492; font-size: 12px; }
.shield-icon { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid #e1e5ea; border-radius: 50%; color: #647183; }
.auth-panel { width: 100%; max-width: 600px; justify-self: end; padding: clamp(24px, 3vw, 42px); border-radius: 28px; }
.form-heading { margin-bottom: 22px; }
.form-kicker { margin: 0 0 6px; color: var(--red); font-size: 12px; font-weight: 800; letter-spacing: .05em; }
.form-heading h2 { margin: 0 0 5px; font-size: clamp(27px, 2.4vw, 35px); letter-spacing: -.035em; }
.form-heading > p:last-child { margin: 0; color: var(--muted); font-size: 14px; }
.auth-form-wrap form { display: flex; flex-direction: column; }
.field-label { margin: 11px 0 6px; font-size: 13px; font-weight: 750; }
.optional { color: #8992a0; font-weight: 500; }
.input-wrap { position: relative; display: flex; align-items: center; min-height: 48px; border: 1px solid #d7dce4; border-radius: 12px; background: rgba(255, 255, 255, 0.78); transition: border .18s ease, box-shadow .18s ease; }
.input-wrap:focus-within { border-color: #d8ad4a; box-shadow: 0 0 0 3px rgba(207, 151, 20, 0.09); }
.admin-select { width: 100%; min-height: 48px; padding: 0 12px; border: 1px solid #d7dce4; border-radius: 12px; background: rgba(255, 255, 255, 0.88); color: var(--ink); }
.admin-select:focus-visible { outline: 3px solid rgba(207, 151, 20, 0.25); outline-offset: 2px; }
.stats-grid:has(.stat-card:only-child) { grid-template-columns: minmax(240px, 1fr); }
button:disabled { opacity: .58; cursor: not-allowed; }
.input-wrap input { width: 100%; min-width: 0; height: 46px; padding: 0 42px; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: 14px; }
.input-wrap input::placeholder { color: #a6aeba; }
.field-icon { position: absolute; inset-inline-start: 13px; color: #748091; font-size: 19px; }
.show-password { position: absolute; inset-inline-end: 10px; border: 0; background: transparent; color: #768090; cursor: pointer; }
.field-hint { margin: 5px 0 0; color: #8992a0; font-size: 11px; }
.check-row { display: flex; align-items: flex-start; gap: 9px; margin: 16px 0; color: #687282; font-size: 12px; line-height: 1.65; }
.check-row input { width: 17px; height: 17px; margin: 0; accent-color: var(--red); flex: 0 0 auto; }
.inline-link, .forgot-link { padding: 0; font-size: inherit; text-decoration: underline; text-underline-offset: 3px; }
.primary-button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 48px; padding: 0 20px; border: 1px solid #a8790a; border-radius: 12px; background: linear-gradient(100deg, #a87807 0%, #e3a81e 45%, #bd8910 100%); box-shadow: 0 5px 12px rgba(199, 143, 12, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5); color: #fff; font-weight: 800; cursor: pointer; transition: transform .15s ease, filter .15s ease; }
.primary-button:hover { filter: brightness(1.06); transform: translateY(-1px); }
.primary-button:active { transform: translateY(0); }
.primary-button--wide { width: 100%; }
.form-switch { margin: 16px 0 0; color: #737d8c; font-size: 12px; text-align: center; }
.form-switch .inline-link { margin-inline-start: 5px; }
.demo-link { display: block; margin: 14px auto 0; padding: 3px; border: 0; background: transparent; color: #8b6714; font-size: 12px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.forgot-link { align-self: flex-start; margin: 10px 0 4px; color: var(--muted); font-weight: 600; text-decoration: none; }
.form-error { margin: 11px 0 0; color: #b07f0e; font-size: 12px; }
@keyframes coin-float { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-9px) rotate(1deg); } }

/* App shell */
.app-shell { min-height: calc(100vh - 35px); display: flex; }
.sidebar { position: sticky; top: 0; z-index: 8; width: 255px; height: calc(100vh - 35px); min-height: 650px; display: flex; flex-direction: column; flex: 0 0 255px; padding: 22px 16px 15px; border-inline-end: 1px solid #e4e7ec; background: rgba(250, 251, 253, 0.88); backdrop-filter: blur(18px); }
.sidebar-brand { display: flex; align-items: center; gap: 9px; padding: 2px 8px 20px; }
.sidebar-brand .brand__name { font-size: 17px; }
.sidebar-close { display: none !important; margin-inline-start: auto; }
.sidebar-demo { display: flex; align-items: center; gap: 9px; margin: 0 5px 17px; padding: 9px 11px; border: 1px solid #f4ecd9; border-radius: 10px; background: #fff5f5; color: #946e15; font-size: 11px; font-weight: 800; }
.sidebar-demo .demo-ribbon__dot { width: 7px; height: 7px; }
.side-nav { display: grid; gap: 4px; }
.nav-item { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: #3c4655; font-size: 13px; font-weight: 650; text-align: start; cursor: pointer; transition: .16s ease; }
.nav-item:hover { background: #fff; border-color: #edf0f4; }
.nav-item.is-active { border-color: #f5ebd5; background: linear-gradient(90deg,#fff5f6,#ffebed); color: #a8790c; }
.nav-item.is-active::before { position: absolute; inset-block: 8px; inset-inline-start: -1px; width: 3px; content: ""; border-radius: 3px; background: var(--red-bright); }
.nav-icon { width: 24px; display: inline-grid; place-items: center; color: currentColor; font-size: 21px; line-height: 1; }
.nav-divider { height: 1px; margin: 8px 5px; background: #e8ebef; }
.sidebar-bottom { margin-top: auto; }
.sidebar-help { display: flex; align-items: center; gap: 10px; margin: 0 4px 13px; padding: 12px 10px; border: 1px solid #e5e8ee; border-radius: 12px; background: linear-gradient(135deg,#fff,#f6f7f9); }
.help-mark { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: #f1f3f6; color: #697384; font-weight: 800; }
.sidebar-help strong, .sidebar-help small { display: block; }
.sidebar-help strong { font-size: 11px; }
.sidebar-help small { margin-top: 3px; color: #838b98; font-size: 10px; }
.logout-button { color: #657082; }
.sidebar-version { display: block; padding: 14px 10px 0; color: #9aa2ad; font: 700 9px Arial,sans-serif; letter-spacing: .1em; }
.workspace { min-width: 0; flex: 1; }
.topbar { position: sticky; top: 0; z-index: 6; min-height: 78px; display: flex; align-items: center; gap: 16px; margin: 14px 18px 0; padding: 12px 20px; border-radius: 18px; }
.topbar-title { min-width: 0; }
.topbar-title h1 { margin: 0; font-size: 24px; letter-spacing: -.04em; }
.topbar-title p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.topbar-actions { position: relative; display: flex; align-items: center; gap: 11px; margin-inline-start: auto; }
.preview-pill { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid #e8ebef; border-radius: 11px; background: #fff; color: #737c89; font-size: 11px; white-space: nowrap; }
.preview-pill i { width: 7px; height: 7px; }
.language-button--app { min-height: 40px; font-size: 12px; }
.language-menu--app { top: 48px; }
.icon-button { width: 40px; height: 40px; display: inline-grid; place-items: center; border-radius: 12px; font-size: 21px; }
.notification-button { position: relative; color: #424d5c; }
.notification-button i { position: absolute; top: 7px; inset-inline-end: 8px; width: 7px; height: 7px; border: 1px solid white; border-radius: 50%; background: var(--red-bright); }
.avatar-button { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg,#fff,#fff7e5); color: #a6780b; font-size: 11px; font-weight: 900; }
.account-id-badge { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); color: var(--red-dark); font: 800 10px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; direction: ltr; unicode-bidi: isolate; white-space: nowrap; }
.menu-button { display: none; }
.workspace-content { max-width: 1680px; margin: 0 auto; padding: 15px 18px 24px; }
.app-disclaimer { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 11px 14px; border: 1px solid #f0e8d5; border-radius: 12px; background: #fff7f7; color: #7e6937; }
.app-disclaimer p { flex: 1; margin: 0; font-size: 11px; line-height: 1.6; }
.disclaimer-icon { color: #c18f1b; font-size: 18px; }
.disclaimer-close { border: 0; background: transparent; color: #965c62; font-size: 20px; cursor: pointer; }
.page-content { min-height: 470px; }
.stats-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 12px; }
.stats-grid--single { grid-template-columns: minmax(0,1fr); }
.stats-grid--single .stat-card { width: 100%; max-width: 520px; }
.stat-card, .panel-card, .action-tile, .section-card { border: 1px solid rgba(255, 255, 255, 0.95); border-radius: 18px; background: rgba(255, 255, 255, 0.85); box-shadow: 0 8px 22px rgba(36, 47, 68, 0.04); }
.stat-card { min-height: 108px; display: flex; align-items: center; gap: 14px; padding: 17px 18px; }
.stat-icon { width: 48px; height: 48px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: #fff0f1; color: var(--red); font-size: 22px; }
.stat-copy { min-width: 0; flex: 1; }
.stat-copy p { margin: 0 0 6px; color: #657082; font-size: 12px; font-weight: 650; }
.stat-copy strong { display: block; font-size: 23px; line-height: 1; letter-spacing: -.04em; }
.stat-copy small { margin-inline-start: 5px; color: #8f98a5; font-size: 10px; font-weight: 550; }
.stat-arrow { color: #87909c; font-size: 21px; }
.action-row { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 12px; margin-bottom: 13px; }
.action-tile { min-height: 53px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #2c3543; font-size: 13px; font-weight: 760; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease; }
.action-tile:hover { transform: translateY(-1px); box-shadow: var(--shadow); }
.action-tile > span:first-child { font-size: 19px; }
.action-tile--primary { border-color: #ad7c09; background: linear-gradient(100deg,#a87807,#e3a81e 50%,#bd8910); box-shadow: 0 5px 13px rgba(199, 143, 12, 0.2),inset 0 1px 0 rgba(255, 255, 255, 0.5); color: #fff; }
.main-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(310px,.78fr); gap: 13px; }
.panel-card { min-width: 0; padding: 18px; }
.panel-heading { display: flex; align-items: center; gap: 11px; margin-bottom: 15px; }
.panel-heading .stat-icon { width: 40px; height: 40px; font-size: 18px; }
.panel-heading h2 { margin: 0; font-size: 18px; letter-spacing: -.035em; }
.panel-heading p { margin: 3px 0 0; color: #7b8492; font-size: 11px; }
.panel-heading .panel-arrow { margin-inline-start: auto; border: 0; background: transparent; color: #838c98; font-size: 23px; cursor: pointer; }
.machine-feature { min-height: 225px; display: grid; grid-template-columns: minmax(120px,.72fr) minmax(180px,1fr); align-items: center; gap: 12px; padding: 7px 11px 2px; border-radius: 15px; background: linear-gradient(135deg,#f6f7f9,#fff 53%,#f5f6f8); }
.machine-visual { position: relative; min-height: 196px; display: grid; place-items: center; }
.machine-visual::before { position: absolute; width: 175px; height: 175px; content: ""; border-radius: 50%; background: radial-gradient(circle,rgba(245, 183, 37, 0.17),transparent 69%); }
.machine-unit { position: relative; width: 145px; height: 137px; display: grid; place-items: center; border: 6px solid #bac2cc; border-radius: 21px; background: linear-gradient(140deg,#fff,#d7dce3 42%,#fff 62%,#adb5c0); box-shadow: 8px 13px 21px rgba(38, 48, 64, 0.2),inset 0 0 0 3px white; transform: rotate(-4deg); }
.machine-unit::before { position: absolute; inset: 9px; content: ""; border: 1px solid white; border-radius: 11px; }
.machine-unit__core { width: 65px; height: 65px; display: grid; place-items: center; border: 4px solid white; border-radius: 50%; background: #a97a0d; box-shadow: 0 0 0 5px #959eaa,0 0 21px rgba(233, 170, 24, 0.8); overflow: hidden; }
.machine-unit__core img { width: 124%; height: 124%; object-fit: cover; }
.machine-unit__side { position: absolute; inset-inline-end: -6px; width: 17px; height: 56px; border: 3px solid #aab2bd; border-radius: 4px; background: repeating-linear-gradient(180deg,#7a8491 0 4px,#e4e7eb 4px 8px); transform: translateX(12px); }
.machine-details { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.status-chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 999px; background: #eef1f5; color: #6d7785; font-size: 10px; font-weight: 750; }
.status-chip::before { width: 7px; height: 7px; content: ""; border-radius: 50%; background: #9aa2ac; }
.machine-details p { margin: 0; color: #717b89; font-size: 12px; line-height: 1.65; }
.soft-button { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 16px; border: 1px solid #d9dde4; border-radius: 11px; background: linear-gradient(180deg,#fff,#f6f7f9); color: #2b3543; font-size: 12px; font-weight: 740; cursor: pointer; }
.soft-button:hover { border-color: #cbd1da; background: #fff; }
.soft-button--red { border-color: #af7e0b; background: linear-gradient(100deg,#a87807,#e3a81e 52%,#bd8910); box-shadow: 0 4px 11px rgba(199, 143, 12, 0.17),inset 0 1px 0 rgba(255, 255, 255, 0.46); color: #fff; }
.soft-button--red:hover { filter: brightness(1.06); }
.market-card { display: flex; flex-direction: column; }
.market-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 3px; border: 1px solid #e0e4ea; border-radius: 11px; background: #f4f5f7; }
.market-tabs button { min-height: 34px; border: 0; border-radius: 9px; background: transparent; color: #5c6674; font-size: 12px; font-weight: 700; cursor: pointer; }
.market-tabs button.is-active { background: linear-gradient(100deg,#af7e0b,#e3a81e); color: white; box-shadow: 0 3px 8px rgba(199, 143, 12, 0.16); }
.market-empty { flex: 1; min-height: 145px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; text-align: center; }
.empty-icon { width: 50px; height: 50px; display: grid; place-items: center; margin-bottom: 8px; border: 3px solid #dfe3e9; border-radius: 12px; color: #abb2bc; font-size: 25px; }
.market-empty strong { font-size: 13px; }
.market-empty p { max-width: 240px; margin: 5px 0 12px; color: #8992a0; font-size: 11px; line-height: 1.55; }
.market-empty .soft-button { min-width: min(100%,220px); }
.lower-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 13px; }
.lower-card { display: flex; align-items: center; gap: 13px; min-height: 98px; padding: 15px 17px; }
.lower-card .stat-icon { width: 42px; height: 42px; }
.lower-copy { min-width: 0; flex: 1; }
.lower-copy h3 { margin: 0 0 4px; font-size: 14px; }
.lower-copy p { margin: 0; color: #7b8492; font-size: 11px; }
.link-preview { max-width: 100%; margin-top: 7px; padding: 6px 9px; overflow: hidden; border-radius: 8px; background: #f1f3f6; color: #8b939e; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.content-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.section-card { padding: 18px; }
.section-card h2 { margin: 0; font-size: 18px; letter-spacing: -.03em; }
.section-card > p { color: #748091; font-size: 12px; line-height: 1.7; }
.machine-list, .offer-list { display: grid; gap: 12px; }
.machine-row { display: flex; align-items: center; gap: 13px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(110deg,#fff,#f7f8fa); }
.machine-row__icon { width: 50px; height: 50px; display: grid; place-items: center; overflow: hidden; border-radius: 13px; background: #fff0f1; }
.machine-row__icon img { width: 45px; height: 45px; object-fit: cover; }
.machine-row__copy { flex: 1; min-width: 0; }
.machine-row__copy strong { display: block; font-size: 13px; }
.machine-row__copy small { display: block; margin-top: 4px; color: #7c8694; font-size: 10px; }
.machine-metric { text-align: end; }
.machine-metric strong { display: block; font-size: 12px; }
.machine-metric small { color: #8a94a2; font-size: 10px; }
.offer-card { display: flex; flex-direction: column; gap: 10px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.offer-card__top { display: flex; align-items: center; gap: 11px; }
.offer-card__art { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(140deg,#fff0f1,#e9edf2); color: var(--red); font-size: 22px; }
.offer-card__top strong, .offer-card__top small { display: block; }
.offer-card__top small { margin-top: 3px; color: #808a98; font-size: 10px; }
.offer-card__meta { display: flex; justify-content: space-between; color: #6d7785; font-size: 11px; }
.offer-card__meta strong { color: var(--ink); }
.wallet-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px; border-radius: 16px; background: linear-gradient(115deg,#fff,#fff3f4); }
.wallet-summary strong { font-size: 25px; letter-spacing: -.04em; }
.wallet-summary small { display: block; margin-top: 4px; color: #758090; font-size: 11px; }
.transaction-row { display: flex; align-items: center; gap: 11px; padding: 12px 0; border-bottom: 1px solid #edf0f3; }
.transaction-row:last-child { border-bottom: 0; }
.transaction-row .stat-icon { width: 36px; height: 36px; font-size: 15px; }
.transaction-row div:nth-child(2) { flex: 1; }
.transaction-row strong, .transaction-row small { display: block; }
.transaction-row strong { font-size: 12px; }
.transaction-row small { margin-top: 3px; color: #858e9b; font-size: 10px; }
.transaction-row b { font-size: 12px; }
.team-hero { display: flex; align-items: center; gap: 18px; padding: 20px; border: 1px solid #f1eada; border-radius: 16px; background: linear-gradient(115deg,#fff6f6,#fff 66%); }
.team-hero__mark { width: 60px; height: 60px; display: grid; place-items: center; border-radius: 18px; background: #fff; color: var(--red); font-size: 26px; box-shadow: 0 7px 18px rgba(160, 117, 18, 0.1); }
.team-hero h2 { margin: 0; font-size: 19px; }
.team-hero p { margin: 5px 0 0; color: #7c8694; font-size: 12px; line-height: 1.6; }
.referral-box { display: flex; align-items: center; gap: 8px; margin-top: 14px; padding: 7px; border: 1px solid #e0e4ea; border-radius: 12px; background: #fff; }
.referral-box code { min-width: 0; flex: 1; padding-inline: 8px; overflow: hidden; color: #6f7987; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.setting-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px 0; border-bottom: 1px solid #edf0f3; }
.setting-row:last-child { border-bottom: 0; }
.setting-row strong { display: block; font-size: 13px; }
.setting-row small { display: block; margin-top: 4px; color: #828c99; font-size: 10px; }
.toggle-pill { padding: 7px 12px; border: 1px solid #e1e5eb; border-radius: 9px; background: #f7f8fa; color: #677180; font-size: 11px; font-weight: 700; }
.site-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 22px; padding: 12px 4px 4px; color: #8a93a0; font-size: 10px; }
.modal-backdrop { position: fixed; inset: 0; z-index: 20; display: grid; place-items: center; padding: 18px; background: rgba(18, 25, 38, 0.36); backdrop-filter: blur(5px); }
.modal-card { position: relative; width: min(100%,430px); max-height: min(88vh,700px); overflow-y: auto; padding: 30px; border-radius: 22px; text-align: center; }
.modal-close { position: absolute; top: 12px; inset-inline-end: 12px; border: 0; background: transparent; }
.modal-symbol { width: 46px; height: 46px; display: grid; place-items: center; margin: 0 auto 12px; border-radius: 50%; background: #fff0f1; color: var(--red); font-size: 22px; }
.modal-card h2 { margin: 0 0 8px; font-size: 21px; }
.modal-card p { margin: 0 0 22px; color: #737d8a; font-size: 13px; line-height: 1.8; }
.toast { position: fixed; left: 50%; right: auto; bottom: 22px; z-index: 30; width: max-content; max-width: min(420px,calc(100vw - 28px)); box-sizing: border-box; padding: 11px 17px; border: 1px solid #303b4b; border-radius: 11px; background: #202a38; box-shadow: 0 10px 25px rgba(15, 22, 34, 0.2); color: #fff; font-size: 12px; text-align: center; opacity: 0; pointer-events: none; transform: translate(-50%,12px); transition: .2s ease; }
.toast.is-visible { opacity: 1; transform: translate(-50%,0); }
.sidebar-scrim { display: none; }
.language-control { position: relative; display: inline-flex; }
.language-control .language-menu { top: calc(100% + 8px); inset-inline-end: 0; }
body.modal-open { overflow: hidden; }
@media (min-width: 1550px) { .sidebar { width: 275px; flex-basis: 275px; padding-inline: 20px; } }
@media (max-width: 1050px) {
  .auth-content { grid-template-columns: minmax(0,1fr) minmax(400px,.95fr); gap: 28px; padding-inline: 4px; }
  .auth-hero { min-height: 600px; }
  .hero-art { height: 355px; }
  .hero-rig { width: 165px; height: 156px; }
  .hero-rig__core { width: 72px; height: 72px; }
  .sidebar { width: 220px; flex-basis: 220px; }
  .main-grid { grid-template-columns: minmax(0,1fr) minmax(275px,.78fr); }
}
@media (max-width: 790px) {
  .auth-shell { padding: 12px 13px 25px; }
  .auth-header { min-height: 60px; padding: 7px 12px; }
  .auth-header__actions { gap: 9px; }
  .language-button { min-height: 38px; padding-inline: 9px; }
  .auth-content { grid-template-columns: 1fr; gap: 10px; margin-top: 12px; }
  .auth-hero { min-height: 0; padding: 24px 12px 6px; }
  .auth-hero h1 { font-size: clamp(33px,8vw,50px); }
  .auth-hero__sub { max-width: 590px; margin-top: 10px; font-size: 14px; }
  .hero-art { width: min(100%,540px); height: 280px; margin-top: 0; }
  .hero-art__coin { width: min(62%,310px); }
  .hero-rig { width: 136px; height: 126px; border-width: 5px; border-radius: 18px; }
  .hero-rig__core { width: 60px; height: 60px; }
  .hero-rig__vents i { height: 21px; }
  .auth-footnote { margin-top: 0; }
  .auth-panel { max-width: none; justify-self: stretch; padding: 23px; border-radius: 22px; }
  .app-shell { display: block; }
  .sidebar { position: fixed; top: 35px; bottom: 0; inset-inline-start: 0; z-index: 12; width: min(290px,86vw); height: calc(100vh - 35px); min-height: 0; transform: translateX(-110%); transition: transform .22s ease; box-shadow: 0 14px 40px rgba(15, 24, 38, 0.16); }
  [dir="rtl"] .sidebar { transform: translateX(110%); }
  .sidebar.is-open { transform: translateX(0); }
  .sidebar-close { display: inline-grid !important; }
  .sidebar-scrim.is-open { position: fixed; inset: 35px 0 0; z-index: 11; display: block; background: rgba(20, 29, 43, 0.3); }
  .workspace { width: 100%; }
  .topbar { min-height: 66px; margin: 10px 10px 0; padding: 9px 12px; }
  .menu-button { display: inline-grid; flex: 0 0 auto; }
  .topbar-title h1 { font-size: 19px; }
  .topbar-title p { max-width: 220px; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
  .preview-pill { display: none; }
  .topbar-actions { gap: 6px; }
  .topbar-actions .language-button { min-width: 40px; justify-content: center; padding: 0 8px; }
  .topbar-actions .language-button #appLanguageLabel { display: none; }
  .topbar-actions .icon-button, .avatar-button { width: 36px; height: 36px; }
  .workspace-content { padding: 12px 10px 20px; }
  .app-disclaimer { align-items: flex-start; padding: 10px; }
  .app-disclaimer p { font-size: 10px; }
  .stats-grid { gap: 8px; }
  .stat-card { min-height: 94px; gap: 8px; padding: 12px 9px; }
  .stat-icon { width: 38px; height: 38px; font-size: 18px; }
  .stat-copy p { font-size: 10px; }
  .stat-copy strong { font-size: 19px; }
  .stat-copy small { display: block; margin: 4px 0 0; }
  .stat-arrow { display: none; }
  .action-row { gap: 8px; }
  .action-tile { min-height: 48px; gap: 6px; font-size: 11px; }
  .main-grid { grid-template-columns: 1fr; }
  .panel-card { padding: 14px; }
  .machine-feature { min-height: 190px; grid-template-columns: minmax(110px,.72fr) minmax(130px,1fr); padding-inline: 4px; }
  .machine-unit { width: 120px; height: 116px; }
  .machine-unit__core { width: 56px; height: 56px; }
  .lower-grid { gap: 8px; }
  .lower-card { min-height: 105px; flex-wrap: wrap; gap: 8px; padding: 12px; }
  .lower-card .soft-button { width: 100%; min-height: 35px; }
  .lower-copy h3 { font-size: 12px; }
  .lower-copy p { font-size: 10px; }
  .content-grid { grid-template-columns: 1fr; }
}
@media (max-width: 450px) {
  .demo-ribbon { justify-content: flex-start; font-size: 10px; text-align: start; }
  .demo-ribbon__tag { display: none; }
  .brand__name { font-size: 17px; }
  .brand__coin { width: 42px; height: 42px; }
  .auth-header__actions { gap: 5px; }
  .auth-header .language-button { gap: 5px; font-size: 11px; }
  .text-button { font-size: 11px; }
  .auth-content { padding-inline: 0; }
  .auth-hero { padding-inline: 4px; }
  .auth-hero h1 { font-size: 32px; }
  .hero-art { height: 230px; }
  .hero-rig { inset-inline-end: 2%; bottom: 6%; width: 112px; height: 105px; }
  .hero-rig__core { width: 49px; height: 49px; }
  .auth-panel { padding: 19px 16px; }
  .stats-grid { grid-template-columns: 1fr; }
  .stat-card { min-height: 73px; }
  .stat-copy small { display: inline; margin-inline-start: 5px; }
  .action-row { grid-template-columns: 1fr 1fr; }
  .action-tile--primary { grid-column: 1 / -1; }
  .machine-feature { grid-template-columns: 1fr; }
  .machine-visual { min-height: 150px; }
  .machine-details { align-items: stretch; padding: 2px 8px 8px; }
  .machine-details .status-chip { align-self: flex-start; }
  .lower-grid { grid-template-columns: 1fr; }
  .lower-card { min-height: 90px; flex-wrap: nowrap; }
  .lower-card .soft-button { width: auto; }
  .site-footer { flex-direction: column; align-items: flex-start; }
  .topbar-title p { display: none; }
  .topbar-title h1 { font-size: 17px; }
  .notification-button { display: none; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }


/* Composition from the user's references: stable physical placement in both languages. */
.demo-ribbon { display: flex; }
.auth-shell { width: 100%; max-width: 2560px; min-height: 100vh; margin: 0 auto; padding: 18px 45px 36px; }
.auth-header { direction: ltr; min-height: 78px; padding: 9px 24px; border-radius: 20px; }
.auth-header__brand, .auth-header__actions { direction: ltr; }
.auth-content { width: 100%; max-width: 2470px; direction: ltr; grid-template-columns: minmax(0,1.18fr) minmax(540px,.95fr); align-items: center; gap: clamp(34px,4vw,90px); margin: 30px auto 0; padding: 8px 52px; }
.auth-hero, .auth-panel { direction: rtl; }
html[lang="en"] .auth-hero, html[lang="en"] .auth-panel { direction: ltr; }
.auth-hero { min-height: 690px; padding: 26px 10px 18px; }
.auth-hero h1 { max-width: 1050px; font-size: clamp(42px,4.5vw,76px); line-height: 1.12; }
.auth-hero__sub { max-width: 720px; margin-top: 18px; font-size: clamp(15px,1.25vw,21px); }
.hero-art { width: min(100%,1000px); height: clamp(410px,33vw,610px); direction: ltr; margin: 8px auto 0; }
.hero-art__coin { top: 1%; left: 2%; right: auto; width: min(69%,650px); max-height: 100%; }
.hero-art__machine { position: absolute; z-index: 2; right: 1%; bottom: 4%; width: min(41%,390px); height: auto; border-radius: 16px; filter: drop-shadow(0 14px 26px rgba(0, 0, 0, 0.45)); mix-blend-mode: screen; opacity: .95; }
.auth-panel { width: 100%; max-width: 990px; justify-self: end; padding: clamp(34px,3.4vw,60px); border-radius: 30px; }
.auth-panel h2 { font-size: clamp(31px,2.35vw,42px); }
.auth-panel .field-label { margin: 16px 0 8px; font-size: 14px; }
.auth-panel .input-wrap { min-height: 56px; border-radius: 12px; }
.auth-panel .input-wrap input { height: 54px; font-size: 15px; }
.auth-panel .primary-button { min-height: 54px; border-radius: 13px; font-size: 15px; }
.auth-panel .check-row { margin: 18px 0; font-size: 13px; }
.auth-panel .auth-footnote { margin: 13px 0 0; color: #818a96; font-size: 11px; line-height: 1.6; }

.app-shell { direction: ltr; min-height: 100vh; }
.sidebar { position: sticky; top: 35px; direction: rtl; width: 240px; flex-basis: 240px; height: calc(100vh - 35px); border-inline-end: 0; border-right: 1px solid #e2e6ec; padding: 20px 14px; }
html[lang="en"] .sidebar { direction: ltr; }
.sidebar-brand { direction: ltr; flex-direction: column; align-items: flex-start; gap: 10px; padding: 6px 8px 24px; }
.brand__coin--small { width: 82px; height: 82px; }
.brand__name { font-size: 19px; }
.nav-item { direction: ltr; min-height: 52px; gap: 12px; padding: 0 12px; font-size: 14px; }
.nav-item > span:nth-child(2) { flex: 1; direction: rtl; text-align: right; }
html[lang="en"] .nav-item > span:nth-child(2) { direction: ltr; text-align: left; }
.workspace { direction: ltr; width: 100%; }
.topbar { direction: ltr; min-height: 90px; margin: 14px 18px 0; padding: 14px 20px; }
.topbar-title { direction: rtl; text-align: right; }
html[lang="en"] .topbar-title { direction: ltr; text-align: left; }
.topbar-actions { direction: ltr; }
.workspace-content { width: 100%; max-width: none; direction: ltr; padding: 14px 18px 24px; }
.page-content { direction: ltr; min-height: 0; }
.app-disclaimer { direction: ltr; gap: 9px; margin-bottom: 11px; padding: 7px 12px; border-color: #e5e8ed; border-radius: 10px; background: #f7f8fa; color: #697383; }
.app-disclaimer p { direction: rtl; text-align: right; font-size: 10px; }
html[lang="en"] .app-disclaimer p { direction: ltr; text-align: left; }
.stats-grid { direction: ltr; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; margin-bottom: 13px; }
.stat-card { direction: ltr; min-height: 108px; gap: 14px; padding: 17px 18px; }
.stat-copy { direction: rtl; text-align: right; }
html[lang="en"] .stat-copy { direction: ltr; text-align: left; }
.action-row { direction: ltr; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-bottom: 13px; }
.main-grid { direction: ltr; grid-template-columns: minmax(0,1.45fr) minmax(330px,.85fr); gap: 13px; }
.panel-card { direction: rtl; }
html[lang="en"] .panel-card { direction: ltr; }
.panel-heading { direction: ltr; }
.panel-heading > div { direction: rtl; text-align: right; }
html[lang="en"] .panel-heading > div { direction: ltr; text-align: left; }
.machine-feature { direction: ltr; min-height: 300px; grid-template-columns: minmax(0,1fr) minmax(220px,.9fr); gap: 14px; }
.machine-visual { direction: ltr; min-height: 260px; }
.machine-visual__image { position: relative; z-index: 1; display: block; width: min(100%,370px); max-height: 290px; object-fit: contain; border-radius: 17px; filter: drop-shadow(0 10px 18px rgba(20, 29, 43, 0.12)); mix-blend-mode: multiply; }
.machine-details { direction: rtl; align-items: flex-start; }
html[lang="en"] .machine-details { direction: ltr; }
.market-card { direction: rtl; }
html[lang="en"] .market-card { direction: ltr; }
.market-tabs { margin-top: 2px; }
.market-empty { min-height: 205px; }
.lower-grid { direction: ltr; grid-template-columns: 1fr 1fr; }
.lower-card { direction: ltr; }
.lower-copy { direction: rtl; text-align: right; }
html[lang="en"] .lower-copy { direction: ltr; text-align: left; }
.site-footer { direction: ltr; }

@media (max-width: 1050px) {
  .auth-shell { padding-inline: 22px; }
  .auth-content { grid-template-columns: minmax(0,1fr) minmax(430px,.95fr); gap: 28px; padding-inline: 18px; }
  .auth-hero { min-height: 620px; }
  .hero-art { height: 430px; }
  .auth-panel { padding: 32px; }
  .sidebar { width: 220px; flex-basis: 220px; }
  .workspace-content { padding-inline: 14px; }
  .main-grid { grid-template-columns: minmax(0,1.35fr) minmax(280px,.9fr); }
  .machine-feature { grid-template-columns: minmax(0,1fr) minmax(190px,.9fr); }
}
@media (max-width: 790px) {
  .auth-shell { padding: 12px 13px 25px; }
  .auth-header { min-height: 60px; padding: 7px 12px; }
  .auth-content { grid-template-columns: 1fr; gap: 10px; margin-top: 12px; padding: 0; }
  .auth-hero { min-height: 0; padding: 22px 8px 0; }
  .auth-hero h1 { font-size: clamp(33px,8vw,50px); }
  .auth-hero__sub { max-width: 590px; margin-top: 10px; font-size: 14px; }
  .hero-art { width: min(100%,540px); height: 280px; margin-top: 0; }
  .hero-art__coin { width: min(68%,310px); left: 50%; right: auto; }
  .hero-art__machine { width: min(43%,190px); right: 0; bottom: 1%; }
  .auth-panel { max-width: none; justify-self: stretch; padding: 23px; border-radius: 22px; }
  .auth-panel h2 { font-size: 29px; }
  .auth-panel .field-label { margin-top: 13px; font-size: 13px; }
  .auth-panel .input-wrap { min-height: 49px; }
  .auth-panel .input-wrap input { height: 47px; font-size: 14px; }
  .auth-panel .primary-button { min-height: 49px; }
  .app-shell { display: block; direction: ltr; }
  .sidebar { position: fixed; top: 35px; bottom: 0; left: 0; right: auto; inset-inline-start: auto; z-index: 12; width: min(290px,86vw); height: calc(100vh - 35px); min-height: 0; transform: translateX(-110%); transition: transform .22s ease; box-shadow: 0 14px 40px rgba(15, 24, 38, 0.16); }
  [dir="rtl"] .sidebar { left: auto; right: 0; transform: translateX(110%); }
  .sidebar.is-open { transform: translateX(0); }
  .sidebar-scrim.is-open { position: fixed; inset: 0; z-index: 11; }
  .workspace { width: 100%; }
  .topbar { min-height: 66px; margin: 10px 10px 0; padding: 9px 12px; }
  .workspace-content { padding: 12px 10px 20px; }
  .main-grid { grid-template-columns: 1fr; }
  .machine-feature { min-height: 210px; grid-template-columns: minmax(110px,.72fr) minmax(130px,1fr); padding-inline: 4px; }
  .machine-visual { min-height: 190px; }
  .machine-visual__image { max-height: 190px; }
  .market-empty { min-height: 170px; }
}
@media (max-width: 450px) {
  .auth-header { padding-inline: 10px; }
  .auth-header__actions { gap: 5px; }
  .auth-header .language-button { gap: 5px; font-size: 11px; }
  .auth-content { padding-inline: 0; }
  .auth-hero { padding-inline: 4px; }
  .auth-hero h1 { font-size: 32px; }
  .hero-art { height: 230px; }
  .hero-art__machine { width: min(43%,150px); right: 1%; }
  .auth-panel { padding: 19px 16px; }
  .stats-grid { grid-template-columns: 1fr; }
  .stat-card { min-height: 73px; }
  .action-row { grid-template-columns: 1fr 1fr; }
  .action-tile--primary { grid-column: 1 / -1; }
  .machine-feature { grid-template-columns: 1fr; }
  .machine-visual { min-height: 160px; }
  .machine-visual__image { max-height: 165px; }
  .machine-details { align-items: stretch; padding: 2px 8px 8px; }
  .machine-details .status-chip { align-self: flex-start; }
  .lower-grid { grid-template-columns: 1fr; }
  .lower-card { min-height: 90px; flex-wrap: nowrap; }
  .lower-card .soft-button { width: auto; }
  .topbar-title p { display: none; }
  .topbar-title h1 { font-size: 17px; }
  .notification-button { display: none; }
}


/* Final alignment details from the dashboard reference. */
.sidebar { width: 230px; flex-basis: 230px; }
.sidebar-brand { align-items: center; justify-content: center; padding: 2px 0 22px; }
.sidebar-demo, .sidebar-help, .sidebar-version { display: none; }
.nav-item > span:nth-child(2) { text-align: left; }
.market-tabs { direction: ltr; }
.market-tabs button { direction: rtl; }
html[lang="en"] .market-tabs button { direction: ltr; }


/* Wallet, profile and project-token surfaces */
.asset-stat-icon { padding: 2px; overflow: hidden; background: #10141d; }
.asset-stat-icon img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.wallet-page, .profile-grid { direction: rtl; }
html[lang="en"] .wallet-page, html[lang="en"] .profile-grid { direction: ltr; }
.wallet-page { display: grid; gap: 15px; }
.wallet-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.wallet-heading h2, .profile-card-heading h2 { margin: 0; font-size: 20px; }
.wallet-heading p, .profile-card-heading p { margin: 5px 0 0; color: #758091; font-size: 12px; line-height: 1.6; }
.wallet-link-status { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid #eee7d6; border-radius: 999px; background: #fff7f7; color: #8c6d26; font-size: 10px; font-weight: 750; white-space: nowrap; }
.wallet-link-status i { width: 7px; height: 7px; border-radius: 50%; background: #d2a53c; box-shadow: 0 0 0 4px rgba(210, 165, 60, 0.1); }
.wallet-assets { display: grid; grid-template-columns: repeat(auto-fit,minmax(235px,1fr)); gap: 14px; }
.wallet-asset-card { min-width: 0; padding: 20px; border: 1px solid #e5e8ee; border-radius: 18px; background: linear-gradient(140deg,#fff,#f8f9fb); box-shadow: 0 10px 28px rgba(29, 40, 61, 0.06); }
.wallet-asset-card--usdt { border-color: #303747; background: radial-gradient(ellipse at 94% 8%,rgba(223, 166, 32, 0.28),transparent 42%),linear-gradient(140deg,#242b39,#131823 75%); color: #fff; }
.wallet-asset-top { display: flex; align-items: center; gap: 12px; }
.wallet-asset-top h3 { margin: 0; font-size: 14px; }
.wallet-asset-top small { display: block; margin-top: 4px; color: #8b94a2; font-size: 10px; }
.wallet-asset-card--usdt .wallet-asset-top small { color: #c1c8d2; }
.wallet-asset-icon { width: 52px; height: 52px; display: grid; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; }
.wallet-asset-icon--usdt { background: linear-gradient(145deg,#50c6ac,#148a77); color: #fff; font: 800 29px/1 Arial,sans-serif; }
.wallet-asset-icon--rp { background: #07090e; box-shadow: 0 0 0 3px rgba(211, 155, 25, 0.12); }
.wallet-asset-icon--rp img { width: 100%; height: 100%; object-fit: cover; }
.wallet-asset-icon--gift { border-color: rgba(200, 151, 49, 0.35); background: linear-gradient(145deg,#fff0c7,#f3d58c); box-shadow: 0 0 0 3px rgba(200, 151, 49, 0.12); font-size: 27px; }
.wallet-network-tag { margin-inline-start: auto; padding: 6px 9px; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 8px; background: rgba(255, 255, 255, 0.08); color: #f2f4f7; font: 700 10px Arial,sans-serif; }
.wallet-network-tag--internal { border-color: #eadde0; background: #fff6f7; color: #a7780c; }
.wallet-asset-balance { display: block; margin-top: 22px; font-size: clamp(25px,3vw,35px); font-weight: 800; letter-spacing: -.04em; overflow-wrap: anywhere; }
.wallet-asset-balance small { font-size: 12px; font-weight: 700; letter-spacing: 0; }
.wallet-asset-card--usdt .wallet-asset-balance small { color: #d1d6df; }
.wallet-asset-note { min-height: 32px; margin: 7px 0 15px; color: #778190; font-size: 10px; line-height: 1.6; }
.wallet-asset-card--usdt .wallet-asset-note { color: #c0c6d0; }
.wallet-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.wallet-actions .soft-button { flex: 1 1 115px; min-height: 38px; font-size: 11px; }
.wallet-asset-card--usdt .wallet-actions .soft-button:not(.soft-button--red) { border-color: #485160; background: #2a3241; color: #fff; }
.wallet-safety-note { display: flex; align-items: flex-start; gap: 9px; margin: 0; padding: 12px 14px; border: 1px solid #f0e0c7; border-radius: 12px; background: #fffaf1; color: #755b2f; font-size: 11px; line-height: 1.65; }
.wallet-history-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.wallet-history-grid > .section-card { min-width: 0; direction: rtl; }
html[lang="en"] .wallet-history-grid > .section-card { direction: ltr; }
.wallet-history-grid h3 { margin: 0; font-size: 15px; }
.history-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 6px; }
.history-heading .inline-link { font-size: 10px; }
.wallet-ledger-row { display: flex; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid #edf0f3; }
.wallet-ledger-row:last-child { border-bottom: 0; }
.ledger-kind-icon { width: 34px; height: 34px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 11px; background: #fff0f1; color: #b4820d; font-size: 18px; font-weight: 800; }
.ledger-description { min-width: 0; flex: 1; }
.ledger-description strong, .ledger-description small, .ledger-value b, .ledger-value small { display: block; }
.ledger-description strong { font-size: 11px; }
.ledger-description small { margin-top: 4px; overflow: hidden; color: #84909e; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.ledger-value { text-align: end; }
.ledger-value b { font-size: 11px; white-space: nowrap; }
.ledger-value small { margin-top: 4px; color: #8c95a2; font-size: 9px; }
.ledger-status--confirmed { color: #16754f !important; }
.ledger-status--failed { color: #b3851b !important; }
.empty-history { margin: 13px 0 3px; color: #808a98; font-size: 11px; }
.profile-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(240px,.75fr); align-items: start; gap: 14px; }
.profile-card-heading { margin-bottom: 17px; }
.profile-form .field-label { display: block; margin: 13px 0 6px; }
.profile-form .input-wrap input { direction: inherit; text-align: start; }
.password-section { margin-top: 20px; padding-top: 15px; border-top: 1px solid #edf0f3; }
.password-section h3 { margin: 0; font-size: 15px; }
.password-section > p { margin: 5px 0 9px; color: #7e8998; font-size: 10px; line-height: 1.6; }
.profile-form .primary-button { margin-top: 14px; }
.profile-photo-card { display: flex; flex-direction: column; align-items: center; text-align: center; }
.profile-photo-card h2 { align-self: stretch; text-align: start; }
.profile-photo-card > p { max-width: 250px; font-size: 10px; }
.profile-photo-preview { width: 132px; height: 132px; display: grid; place-items: center; margin: 18px 0 7px; overflow: hidden; border: 4px solid #fff; border-radius: 50%; background: radial-gradient(circle at 35% 28%,#343b49,#11151d 70%); box-shadow: 0 0 0 1px #e2e6ec,0 10px 24px rgba(20, 28, 42, 0.12); color: #fff; font-size: 30px; font-weight: 800; }
.profile-photo-preview img { width: 100%; height: 100%; object-fit: cover; }
.profile-upload-button { margin-top: 8px; cursor: pointer; }
.profile-upload-button[aria-disabled="true"] { opacity: .6; cursor: wait; }
@media (max-width: 790px) {
  .wallet-assets, .wallet-history-grid, .profile-grid { grid-template-columns: 1fr; }
  .wallet-heading { align-items: flex-start; flex-direction: column; }
  .wallet-asset-card { padding: 17px; }
  .wallet-asset-balance { font-size: 29px; }
  .profile-photo-card { align-items: stretch; }
  .profile-photo-preview { align-self: center; }
  .profile-upload-button { align-self: center; }
}


/* Royal Pool black-and-red launch theme */
:root {
  color-scheme: dark;
  --ink: #f4eff1;
  --muted: #b8aeb2;
  --line: #35252b;
  --surface: #151114;
  --canvas: #080708;
  --red: #f2b21d;
  --red-dark: #bd8910;
  --red-bright: #fdc135;
  --red-soft: #2a2210;
  --red-glow: rgba(242, 178, 29, 0.24);
  --silver: #4a4146;
  --shadow: 0 16px 42px rgba(0, 0, 0, 0.45);
}
html, body { background: #080708 !important; color: var(--ink); }
body {
  background:
    radial-gradient(ellipse at 92% 0%, rgba(177, 127, 9, 0.18), transparent 33%),
    radial-gradient(ellipse at 8% 70%, rgba(85, 63, 12, 0.14), transparent 38%),
    linear-gradient(145deg, #090809, #100c0e 58%, #080708) !important;
}
::selection { background: rgba(242, 178, 29, 0.35); color: #fff; }
.demo-ribbon { background: #16120a; border-color: #4b3b17; color: #feedc6; }
.demo-ribbon__tag { border-color: #8a6c26; background: #221c0d; color: #fee09b; }
.glass-card, .auth-panel, .auth-header, .section-card, .panel-card, .stat-card, .action-tile, .modal-card {
  border-color: #34252a;
  background: rgba(20, 16, 18, 0.96);
  color: var(--ink);
  box-shadow: var(--shadow);
}
.brand, .brand__name, .auth-hero h1, .topbar-title h1, .panel-heading h2, .section-card h2, .section-card h3 { color: #f7f2f3; }
.brand__coin { border: 1px solid #544420; background: #090809; box-shadow: 0 0 18px rgba(240, 174, 20, 0.2); }
.auth-hero__sub, .topbar-title p, .form-heading > p:last-child, .form-switch, .auth-footnote, .field-hint, .profile-card-heading p, .profile-photo-card > p, .password-section > p { color: var(--muted); }
.eyebrow, .form-kicker, .globe-icon, .inline-link, .forgot-link { color: #fdc749; }
.sidebar { background: rgba(12, 10, 11, 0.97); border-color: #302126; box-shadow: 8px 0 28px rgba(0, 0, 0, 0.23); }
.sidebar-demo { border-color: #50401a; background: #1b160b; color: #fee7b1; }
.sidebar-help { border-color: #34252a; background: #171214; }
.help-mark { background: #2b2311; color: #fdd066; }
.nav-item { color: #d8cdd1; }
.nav-item:hover { border-color: #4a3f25; background: #1b1316; }
.nav-item.is-active { border-color: #6a5420; background: linear-gradient(100deg, #31270e, #1b1810); color: #fdc84c; }
.nav-divider { background: #34252a; }
.logout-button { color: #d0c2c6; }
.topbar, .preview-pill, .language-button, .icon-button, .avatar-button, .account-id-badge { border-color: #39272e; background: #171215; color: #f1e9ec; }
.preview-pill { color: #e2d6da; }
.avatar-button { background: linear-gradient(140deg, #322810, #171114); color: #fed471; }
.language-menu { border-color: #402830; background: #151114; box-shadow: 0 14px 36px rgba(0, 0, 0, 0.55); }
.language-menu button { color: #eee5e8; }
.language-menu button:hover, .language-menu button.is-selected { background: #302711; color: #fdd067; }
.app-disclaimer { border-color: #544420; background: #1a160d; color: #f2e2bd; }
.disclaimer-icon, .disclaimer-close { color: #fdca54; }
.site-footer { color: #92868a; }
.input-wrap, .admin-select { border-color: #463038; background: #100d0f; color: #f7f5f0; }
.input-wrap input { color: #f7f5f0; }
.input-wrap input::placeholder { color: #887c81; }
.field-icon, .show-password { color: #c0aeb4; }
.check-row { color: #c6b8bd; }
.primary-button { border-color: #b07f0d; background: linear-gradient(100deg, #856008, #f2b21d 50%, #b9850c); box-shadow: 0 7px 20px rgba(210, 151, 12, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.18); }
.soft-button, .action-tile { border-color: #463038; background: #1b1518; color: #f1e8eb; }
.soft-button:hover, .action-tile:hover { border-color: #8b6e2a; background: #272114; }
.soft-button--red, .action-tile--primary { border-color: #b5830d; background: linear-gradient(100deg, #a6780b, #edae1b); color: #fff; }
.action-tile--primary:hover, .soft-button--red:hover { background: linear-gradient(100deg, #c48d0d, #fdc032); }
.stat-icon { background: #21161a; color: #fdca54; }
.stat-arrow, .panel-arrow { color: #fdcd5b; }
.machine-feature { border: 1px solid #3a252b; background: linear-gradient(125deg, #181315, #100d0f); }
.machine-visual { overflow: hidden; border: 1px solid #4a3238; border-radius: 17px; background: #f3f1f2; }
.machine-visual__image { mix-blend-mode: normal; filter: drop-shadow(0 10px 20px rgba(15, 0, 4, 0.18)); }
.status-chip { border-color: #6b5625; background: #2a2210; color: #fee09b; }
.market-tabs { border-color: #38282d; background: #100d0f; }
.market-tabs button { color: #cabbc0; }
.market-tabs button.is-active { border-color: #765d21; background: #302711; color: #fdcd5e; }
.market-empty { border-color: #33252a; background: linear-gradient(145deg,#181315,#100d0f); color: #e9dfe2; }
.empty-icon { background: #2b2311; color: #fdcb55; }
.link-preview { border-color: #3b2a30; background: #100d0f; color: #d8c7cc; }
.lower-card { border-color: #37262c; background: #151114; }
.lower-copy p, .machine-details p, .market-empty p { color: #b5a8ad; }
.wallet-link-status { border-color: #765d21; background: #251e0e; color: #fee7b1; }
.wallet-link-status i { background: #fdc135; box-shadow: 0 0 0 4px rgba(253, 193, 53, 0.15); }
.wallet-asset-card--rp { border-color: #4b3f22; background: radial-gradient(ellipse at 10% 0%,rgba(200, 144, 14, 0.17),transparent 45%),linear-gradient(145deg,#1d1518,#100d0f); color: #f7f5f0; }
.wallet-asset-card--usdt { border-color: #4d4020; background: radial-gradient(ellipse at 94% 8%,rgba(228, 166, 20, 0.35),transparent 42%),linear-gradient(140deg,#191417,#0d0b0d 78%); }
.wallet-asset-top small, .wallet-asset-note, .ledger-description small, .ledger-value small { color: #b7a9ae; }
.wallet-asset-card--usdt .wallet-asset-top small, .wallet-asset-card--usdt .wallet-asset-note { color: #d2c6ca; }
.wallet-asset-icon--rp { overflow: visible; border: 0; border-radius: 8px; background: #000; box-shadow: none; }
.wallet-asset-icon--rp img { display: block; width: 100%; height: 100%; border-radius: 0; object-fit: contain; }
.wallet-network-tag--internal { border-color: #6c5726; background: #2a2210; color: #fee29f; }
.wallet-safety-note { border-color: #6b5728; background: #1d180e; color: #f1e1bd; }
.wallet-history-grid > .section-card, .wallet-ledger-row { border-color: #38282e; }
.wallet-ledger-row { border-bottom-color: #38282e; }
.ledger-kind-icon { background: #302711; color: #fdcd5b; }
.ledger-status--confirmed { color: #72d9a8 !important; }
.ledger-status--failed { color: #fed26c !important; }
.empty-history, .profile-photo-card > p { color: #b2a4aa; }
.password-section { border-top-color: #3a2a30; }
.profile-photo-preview { border-color: #24181c; background: radial-gradient(circle at 35% 28%,#3b3320,#100d10 72%); box-shadow: 0 0 0 1px #6a5628,0 10px 24px rgba(0, 0, 0, 0.45); }
.profile-photo-preview img { object-fit: cover; }
.asset-stat-icon { padding: 0; overflow: visible; border-radius: 9px; background: #000; }
.asset-stat-icon img { width: 100%; height: 100%; border-radius: 0; object-fit: contain; }
.machine-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 14px; }
.machine-list-heading h2 { margin: 0; color: #f8f6f1; font-size: 20px; }
.machine-list-heading p { margin: 5px 0 0; color: #b8aeb2; font-size: 12px; }
.machines-inventory .machine-feature { min-height: 330px; }
.machines-inventory .machine-details h3 { margin: 8px 0 2px; color: #fff; font-size: 18px; }
.machines-inventory .machine-details .soft-button { margin-top: 12px; }
.modal-backdrop { background: rgba(0, 0, 0, 0.78); }
.modal-close { color: #f4f1ea; }
.form-error { color: #fed679; }
button:focus-visible, input:focus-visible { outline-color: rgba(253, 194, 56, 0.62); }
@media (max-width: 790px) {
  .sidebar { background: #0d0b0c; }
  .topbar { background: rgba(20, 16, 18, 0.97); }
  .machines-inventory .machine-feature { min-height: 0; }
}


/* Refined graphite, burgundy and crimson palette; keep the logo artwork intact. */
:root { --canvas: #1b171a; --surface: #292327; --line: #4b343c; }
html, body { background: #1b171a !important; }
body { background: #211a20 !important; }
.glass-card, .auth-panel, .auth-header, .section-card, .panel-card, .stat-card, .action-tile, .modal-card {
  border-color: #4a353c;
  background: rgba(39, 32, 36, 0.95);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), 0 0 24px rgba(150, 110, 18, 0.06);
}
.demo-ribbon { background: linear-gradient(90deg,#322915,#21171b 54%,#3a2f15); border-color: #6a5627; }
.sidebar { background: rgba(28, 24, 27, 0.97); border-color: #49343b; }
.topbar, .preview-pill, .language-button, .icon-button, .avatar-button { border-color: #534049; background: #30272c; }
.language-menu { border-color: #57414a; background: #2a2327; }
.language-menu button { color: #f0e6e9; }
.input-wrap, .admin-select { border-color: #5a4149; background: #292226; }
.input-wrap input { color: #fff7f8; }
.soft-button, .action-tile { border-color: #59434b; background: linear-gradient(145deg,#32292e,#282226); }
.soft-button:hover, .action-tile:hover { border-color: #a5812d; background: linear-gradient(145deg,#3d252d,#302126); }
.stat-card { background: linear-gradient(145deg,rgba(53, 43, 48, 0.98),rgba(39, 32, 36, 0.98)); }
.machine-feature { border-color: #594e34; background: linear-gradient(125deg,#35252b,#252024 65%,#30291a); }
.market-empty { border-color: #4a353c; background: linear-gradient(145deg,#30272b,#241e22); }
.link-preview { border-color: #57414a; background: #261f23; }
.lower-card { border-color: #4c3740; background: linear-gradient(135deg,#30272b,#262024); }
.wallet-asset-card--rp { border-color: #665632; background: radial-gradient(ellipse at 8% 0%,rgba(228, 166, 22, 0.24),transparent 48%),linear-gradient(145deg,#38282e,#252024); }
.wallet-asset-card--usdt { border-color: #715e30; background: radial-gradient(ellipse at 94% 8%,rgba(239, 175, 25, 0.42),transparent 42%),linear-gradient(140deg,#30252a,#1b181c 78%); }
.wallet-asset-icon--rp, .asset-stat-icon { border-radius: 10px; background: #050505; }
.wallet-asset-icon--rp img, .asset-stat-icon img, .brand__coin img { object-fit: contain; }
.brand__coin { background: #050505; }
.brand__coin img { border-radius: 0; }
.machine-cards-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.machine-device-card { min-width: 0; overflow: hidden; border: 1px solid #625536; border-radius: 17px; background: linear-gradient(150deg,#38282e,#282125 62%,#312a1b); box-shadow: 0 13px 28px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.04); }
.machine-device-card::before { display: block; height: 3px; content: ""; background: linear-gradient(90deg,#9b7110,#fdc032,#7e5e14); }
.machine-device-art { height: 180px; display: grid; place-items: center; margin: 12px 12px 0; overflow: hidden; border: 1px solid #70515a; border-radius: 13px; background: #f1eef0; }
.machine-device-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
.machine-device-content { padding: 12px 15px 15px; }
.machine-device-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.machine-device-index { color: #fdcf62; font: 800 11px/1 Arial,sans-serif; letter-spacing: .12em; }
.machine-device-card h3 { margin: 11px 0 3px; color: #fff3f5; font-size: 16px; }
.machine-device-kind { margin: 0; color: #b9a9af; font-size: 11px; }
.machine-device-rate { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 13px 0; padding: 9px 10px; border: 1px solid #4e353d; border-radius: 10px; background: rgba(25, 18, 21, 0.55); color: #c9b9bf; font-size: 10px; }
.machine-device-rate strong { color: #fff0f3; font-size: 12px; }
.machine-device-rate small { color: #d0c5aa; font-size: 9px; font-weight: 500; }
.machine-device-card .soft-button { width: 100%; min-height: 36px; font-size: 11px; }
.machine-count { display: inline-flex; align-items: center; gap: 6px; padding: 8px 11px; border: 1px solid #705d30; border-radius: 999px; background: #352c18; color: #feecc2; font-size: 11px; font-weight: 700; white-space: nowrap; }
.machine-count strong { color: #fdca54; font-size: 14px; }
@media (max-width: 1050px) {
  .machine-cards-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 790px) {
  .sidebar { left: auto; right: 0; transform: translateX(110%); background: rgba(30, 25, 28, 0.99); }
  [dir="rtl"] .sidebar { left: auto; right: 0; transform: translateX(110%); }
  html[lang="en"] .sidebar { left: 0; right: auto; transform: translateX(-110%); }
  .sidebar.is-open { transform: translateX(0); }
  html[lang="en"] .sidebar.is-open { transform: translateX(0); }
  .sidebar-brand { position: relative; flex-direction: column; justify-content: center; padding: 13px 0 23px; }
  .sidebar-brand .brand__name { display: block !important; color: #f7f5ef; font-size: 18px; }
  .sidebar-brand .brand__coin { width: 88px; height: 88px; }
  .sidebar-close { position: absolute; top: 9px; inset-inline-end: 2px; display: inline-grid !important; margin: 0; }
  .machine-cards-grid { grid-template-columns: 1fr; }
  .machine-device-art { height: 205px; }
}


/* VYRO identity: cinematic graphite, ember red and high-contrast controls. */
:root {
  color-scheme: dark;
  --ink: #f7f2f4;
  --muted: #b7a8af;
  --line: #49343c;
  --surface: #211b20;
  --canvas: #151215;
  --red: #f5b41b;
  --red-dark: #a47609;
  --red-bright: #fdc033;
  --red-soft: #342a13;
  --red-glow: rgba(245, 180, 27, 0.3);
  --silver: #66565d;
  --shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}
html, body { background: #171316 !important; color: var(--ink); }
body { background: #1d1a1e !important; }
button, input, select, textarea { color-scheme: dark; }
::selection { background: rgba(253, 188, 37, 0.38); color: #fff; }
.demo-ribbon { background: linear-gradient(90deg,#272114,#342a13 48%,#21161a); border-color: #6b5626; color: #fff3d8; }
.demo-ribbon__tag { border-color: #947734; background: #362c15; color: #fee6ae; }
.glass-card, .auth-panel, .auth-header, .section-card, .panel-card, .stat-card, .action-tile, .modal-card {
  border-color: #513942;
  background: linear-gradient(145deg, rgba(43, 35, 40, 0.96), rgba(29, 24, 28, 0.97));
  color: var(--ink);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.auth-shell, .app-shell, .workspace, .workspace-content { background: transparent; }
.auth-header { border-color: #615435; background: linear-gradient(110deg,rgba(37, 29, 33, 0.96),rgba(46, 39, 24, 0.96)); }
.brand { color: #fff; }
.brand__coin { border: 0; background: transparent; box-shadow: 0 0 18px rgba(253, 185, 26, 0.22); }
.brand__coin img { object-fit: contain; border-radius: 0; }
.brand__name { display: inline-flex; align-items: baseline; gap: 0; color: #f8f5f6; font-family: Arial, "Segoe UI", sans-serif; font-size: 23px; font-weight: 950; letter-spacing: .105em; line-height: 1; text-transform: uppercase; text-shadow: 0 2px 14px rgba(0, 0, 0, 0.35); }
.brand__v { color: #fdba1f; font-size: 1.12em; font-style: italic; font-weight: 1000; text-shadow: 0 0 15px rgba(253, 185, 27, 0.52); }
.brand__yro { color: #f7f4f5; }
.sidebar-brand .brand__name { font-size: 18px; }
.sidebar-version { color: #c7ba9d; font-size: 9px; letter-spacing: .16em; }
.demo-ribbon__dot, .preview-pill i { background: #fdbe2a; box-shadow: 0 0 0 4px rgba(253, 190, 42, 0.15), 0 0 14px rgba(253, 187, 32, 0.68); }
.auth-hero { background: radial-gradient(ellipse at 52% 52%,rgba(142, 103, 12, 0.15),transparent 53%); }
.auth-hero h1 { color: #fff8fa; text-shadow: 0 4px 25px rgba(0, 0, 0, 0.42); }
.auth-hero__sub, .topbar-title p, .form-heading > p:last-child, .form-switch, .auth-footnote, .field-hint, .profile-card-heading p, .profile-photo-card > p, .password-section > p { color: #c0b1b7; }
.eyebrow, .form-kicker, .globe-icon, .inline-link, .forgot-link { color: #fdc84b; }
.hero-art { background: radial-gradient(ellipse at center,rgba(170, 124, 15, 0.21),transparent 56%); }
.hero-art__halo { background: radial-gradient(ellipse,rgba(253, 186, 31, 0.3) 7%,rgba(176, 127, 13, 0.18) 42%,transparent 73%); filter: blur(19px); }
.hero-art::before, .hero-art::after { border-color: rgba(253, 186, 31, 0.38); box-shadow: 0 0 30px rgba(233, 168, 15, 0.23); }
.hero-art::after { border-color: rgba(208, 159, 44, 0.25); }
.hero-art__coin { inset-inline-start: 50%; inset-inline-end: auto; width: min(68%,470px); filter: drop-shadow(0 25px 28px rgba(222, 158, 9, 0.38)); }
.hero-art__machine { display: none !important; }
@keyframes coin-float { 0%,100% { transform: translate(-50%,0) rotate(-2deg); } 50% { transform: translate(-50%,-9px) rotate(1deg); } }
.auth-panel { border-color: #574d34; background: linear-gradient(150deg,rgba(42, 34, 39, 0.97),rgba(28, 23, 27, 0.98)); }
.form-heading h2, .form-heading > p:last-child { color: #f8f6f1; }
.field-label { color: #eee5e9; }
.optional, .field-hint { color: #b19fa7; }
.input-wrap, .admin-select { border-color: #62434e !important; background: linear-gradient(145deg,#2b2328,#241e22) !important; color: #f8f3f5 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); }
.input-wrap:focus-within, .admin-select:focus-visible { border-color: #f1b62b !important; box-shadow: 0 0 0 3px rgba(245, 180, 27, 0.18),0 0 18px rgba(245, 180, 27, 0.1); }
.input-wrap input, .admin-select, input, textarea { color: #fff6f8; }
.input-wrap input::placeholder, input::placeholder, textarea::placeholder { color: #9f8d95; }
.input-wrap input:-webkit-autofill, .input-wrap input:-webkit-autofill:hover, .input-wrap input:-webkit-autofill:focus { -webkit-text-fill-color: #fff6f8; -webkit-box-shadow: 0 0 0 1000px #292126 inset; caret-color: #fff; }
.admin-select option { background: #241e22; color: #f7f5f0; }
.check-row { color: #d5c7cd; }
.check-row input { accent-color: #fdbe2a; }
.primary-button { border-color: #f1b323; background: linear-gradient(105deg,#a2750b 0%,#fab618 52%,#bd880b 100%); box-shadow: 0 8px 24px rgba(232, 166, 13, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22); }
.primary-button:hover { filter: brightness(1.12); box-shadow: 0 10px 29px rgba(232, 166, 13, 0.38); }
.text-button, .inline-link, .forgot-link, .demo-link { color: #fdca54; }
.form-error { color: #fed984; }
.sidebar { border-color: #4b333b; background: linear-gradient(180deg,rgba(33, 27, 31, 0.98),rgba(25, 21, 24, 0.98) 70%,rgba(39, 34, 21, 0.98)); box-shadow: 8px 0 35px rgba(0, 0, 0, 0.3); }
.sidebar-demo { border-color: #615331; background: linear-gradient(110deg,#352b15,#282317); color: #feecc3; }
.sidebar-help { border-color: #48343b; background: linear-gradient(135deg,#30272c,#251f23); }
.help-mark { background: #42361b; color: #fdd067; }
.nav-item { color: #e3d8dc; }
.nav-item:hover { border-color: #6e5f3c; background: #30252a; }
.nav-item.is-active { border-color: #9c7a2a; background: linear-gradient(100deg,#534118,#322a17 82%); color: #fdd067; box-shadow: inset 0 0 18px rgba(230, 166, 18, 0.1); }
.nav-divider { background: #50353e; }
.logout-button { color: #ddcdd3; }
.topbar, .preview-pill, .language-button, .icon-button, .avatar-button, .account-id-badge { border-color: #5a3f49; background: linear-gradient(145deg,#32272d,#271f24); color: #f7f5ef; }
.topbar-title h1 { color: #fff8fa; }
.preview-pill { color: #eadce1; }
.avatar-button { border-color: #9b7c34; background: linear-gradient(145deg,#644d18,#a2750d); color: #fff; box-shadow: 0 0 18px rgba(240, 175, 22, 0.2); }
.notification-button { color: #f6f2e9; }
.language-menu { border-color: #65414c; background: #292126; box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5); }
.language-menu button { color: #f4f1e9; }
.language-menu button:hover, .language-menu button.is-selected { background: #423518; color: #fed472; }
.app-disclaimer { border-color: #7b6634; background: linear-gradient(100deg,#352c18,#27191e); color: #f2e4c4; }
.disclaimer-icon, .disclaimer-close { color: #fdd067; }
.site-footer { color: #b5a3ab; }
.stat-card { background: linear-gradient(145deg,#342a30,#251f23); border-color: #56404a; }
.stat-icon { background: #45381a; color: #fdcb55; }
.stat-arrow, .panel-arrow { color: #fdce5f; }
.action-tile, .soft-button { border-color: #60434e; background: linear-gradient(145deg,#33282e,#261f23); color: #f8f5ef; }
.soft-button:hover, .action-tile:hover { border-color: #c19633; background: linear-gradient(140deg,#483d23,#302126); }
.soft-button--red, .action-tile--primary { border-color: #f5b623; background: linear-gradient(100deg,#a1740a,#f1b017 57%,#c28b0c); color: #fff; box-shadow: 0 6px 17px rgba(228, 164, 16, 0.19); }
.machine-feature { border-color: #635535; background: linear-gradient(130deg,#35232a,#241e22 62%,#312a1a); }
.machine-visual, .machine-device-art { border-color: #613b45; background: radial-gradient(ellipse at center,#3a3322,#21191e 78%); }
.machine-visual__image, .machine-device-art img { mix-blend-mode: multiply; filter: saturate(1.08) contrast(1.06); }
.machine-device-card { border-color: #706240; background: linear-gradient(150deg,#38282f,#282126 64%,#302a1b); }
.machine-device-rate { border-color: #5a3943; background: rgba(28, 21, 25, 0.72); }
.status-chip { border-color: #876e35; background: #3b3017; color: #fee7b2; }
.market-tabs { border-color: #553943; background: #251e22; }
.market-tabs button { color: #d6c6cc; }
.market-tabs button.is-active { border-color: #9e7d30; background: #4a3c1c; color: #fed472; }
.market-empty { border-color: #49343d; background: linear-gradient(145deg,#30262b,#241e22); color: #f2efe8; }
.empty-icon { border-color: #6a5c3d; background: #42371c; color: #fdcf62; }
.lower-card { border-color: #513942; background: linear-gradient(135deg,#30262c,#241e22); }
.link-preview { border-color: #523b44; background: #241e22; color: #e5d7dc; }
.offer-card { border-color: #553a44; background: linear-gradient(145deg,#32272d,#241e22); color: #f5f3ed; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24); }
.offer-card__art { border: 1px solid #685a38; background: radial-gradient(circle,#554520,#2b1b21); color: #fdce5f; box-shadow: 0 0 17px rgba(230, 166, 16, 0.12); }
.offer-card__top small, .offer-card__meta { color: #c4b1b9; }
.offer-card__meta strong { color: #fff1f4; }
.wallet-link-status { border-color: #776333; background: #3b3119; color: #feecc1; }
.wallet-link-status i { background: #fdc33a; box-shadow: 0 0 0 4px rgba(253, 195, 58, 0.17); }
.wallet-asset-card { border-color: #5c3a44; background: linear-gradient(145deg,#33282e,#241e22); color: #f7f5f0; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25); }
.wallet-asset-card--usdt { border-color: #796432; background: radial-gradient(ellipse at 92% 6%,rgba(226, 164, 19, 0.3),transparent 44%),linear-gradient(140deg,#34262d,#221d21 78%); }
.wallet-asset-card--rp { border-color: #796434; background: radial-gradient(ellipse at 9% 0%,rgba(235, 171, 21, 0.25),transparent 48%),linear-gradient(145deg,#38262d,#241e22); }
.wallet-asset-icon--rp, .asset-stat-icon { border-radius: 10px; background: #050505; }
.wallet-asset-icon--rp img, .asset-stat-icon img { object-fit: contain; }
.wallet-asset-top small, .wallet-asset-note, .ledger-description small, .ledger-value small { color: #c3b3ba; }
.wallet-asset-card--usdt .wallet-asset-top small, .wallet-asset-card--usdt .wallet-asset-note { color: #ddd0d5; }
.wallet-network-tag--internal { border-color: #806a36; background: #3c3219; color: #fee8b5; }
.wallet-safety-note { border-color: #67424b; background: linear-gradient(120deg,#302329,#251e22); color: #e8dec7; }
.wallet-actions .soft-button:not(.soft-button--red) { border-color: #684650; background: #30252a; color: #f3f0e8; }
.wallet-history-grid > .section-card, .wallet-ledger-row, .transaction-row { border-color: #48343c; }
.wallet-ledger-row { border-bottom-color: #48343c; }
.ledger-kind-icon { background: #42361b; color: #fdd065; }
.empty-history { color: #c0afb7; }
.wallet-summary { border: 1px solid #5d3b45; background: linear-gradient(115deg,#35272d,#261f23); color: #fff3f5; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); }
.wallet-summary small { color: #c6b3bb; }
.team-hero { border-color: #635639; background: linear-gradient(115deg,#3a3322,#2a2025 66%); color: #fff3f5; }
.team-hero__mark { border: 1px solid #7a6535; background: radial-gradient(circle,#5b4a21,#322b19); color: #fdd065; box-shadow: 0 0 23px rgba(235, 170, 20, 0.17); }
.team-hero p { color: #c5b0b8; }
.referral-box { border-color: #5b3d46; background: linear-gradient(145deg,#2f2429,#251e22); }
.referral-box code { color: #e3d3d9; }
.setting-row { border-bottom-color: #49353d; }
.setting-row strong { color: #f8f6f0; }
.setting-row small { color: #beaeb5; }
.toggle-pill { border-color: #64424b; background: #35252b; color: #fff1d1; }
.profile-photo-preview { border-color: #fdc542; background: radial-gradient(circle at 38% 30%,#5a4a24,#21181d 72%); box-shadow: 0 0 0 1px #7f6833,0 0 28px rgba(228, 164, 16, 0.15); }
.password-section { border-top-color: #513942; }
.modal-backdrop { background: rgba(6, 4, 6, 0.78); }
.modal-card p, .profile-card-heading p, .profile-photo-card > p { color: #c4b3ba; }
.modal-symbol { border: 1px solid #705e33; background: #41351a; color: #fdd068; }
.modal-close { color: #f4f1e9; }
.toast { border-color: #7b6635; background: linear-gradient(100deg,#382f1a,#251a1e); color: #fff8e9; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45),0 0 20px rgba(228, 164, 16, 0.12); }
button:focus-visible, input:focus-visible, select:focus-visible { outline-color: rgba(253, 194, 55, 0.7); }
@media (max-width: 790px) {
  .sidebar { background: linear-gradient(180deg,#282025,#1f191d 70%,#2b2518); }
  .topbar { background: linear-gradient(120deg,#30252b,#241d22); }
  .auth-content { background: transparent; }
}

/* A restrained watermark uses the supplied VYRO coin artwork without replacing it. */
body::before {
  position: fixed;
  inset: 0;
  z-index: 0;
  content: "";
  pointer-events: none;
  opacity: .12;
  background: url("assets/project-token.png?v=clean1") no-repeat 56% 46% / min(62vw, 720px) auto;
  mix-blend-mode: screen;
}
body > .demo-ribbon, body > .auth-shell, body > .app-shell { position: relative; z-index: 1; }
@media (max-width: 790px) {
  body::before { background-position: 50% 40%; background-size: 96vw auto; opacity: .085; }
}

/* Generated VYRO product renders have their own dark backgrounds and should remain crisp. */
.machine-visual__image, .machine-device-art img { mix-blend-mode: normal; filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.34)); }


/* Market package cards and session-only device activation switches. */
.market-inventory { direction: rtl; }
html[lang="en"] .market-inventory { direction: ltr; }
.market-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.market-page-heading h2 { margin: 0; }
.market-page-heading p { margin: 5px 0 0; color: #b7a8af; font-size: 12px; line-height: 1.6; }
.market-page-heading .machine-count { max-width: 180px; white-space: normal; text-align: center; }
.market-demo-note { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 14px; padding: 11px 13px; border: 1px solid #6b5728; border-radius: 12px; background: linear-gradient(100deg,rgba(70, 54, 18, 0.62),rgba(34, 23, 28, 0.82)); color: #f1e3c1; font-size: 11px; line-height: 1.7; }
.market-demo-note > span { flex: 0 0 auto; color: #fdca54; font-size: 16px; line-height: 1.2; }
.market-offer-list { margin-top: 12px; }
.market-offer-list .offer-card { direction: inherit; padding: 15px; }
.market-offer-list .offer-card__top { min-width: 0; }
.market-offer-list .offer-card__top > div { min-width: 0; flex: 1; }
.market-offer-list .offer-card__top strong { color: #fff2f5; font-size: 13px; }
.market-offer-list .offer-card__art img { display: block; width: 44px; height: 44px; border-radius: 8px; object-fit: contain; }
.market-offer-list .offer-card__meta { align-items: center; gap: 12px; }
.market-offer-list .offer-card__meta strong { margin-inline-start: auto; white-space: nowrap; }
.market-offer-list .offer-card .soft-button { width: 100%; min-height: 38px; }
.market-orders-empty { min-height: 125px; margin-top: 13px; }

.activation-demo-note { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 14px; padding: 10px 13px; border: 1px solid #625330; border-radius: 12px; background: linear-gradient(100deg,rgba(59, 47, 19, 0.66),rgba(35, 25, 29, 0.78)); color: #eadfc4; font-size: 11px; line-height: 1.65; }
.activation-demo-note::before { content: "ⓘ"; flex: 0 0 auto; color: #fdcd5d; font-size: 15px; line-height: 1.2; }
.device-activation { position: relative; display: flex; align-items: center; gap: 10px; min-height: 42px; margin: 0 0 11px; padding: 7px 10px; border: 1px solid #524831; border-radius: 11px; background: rgba(23, 16, 19, 0.58); color: #f1ede4; transition: border-color .18s ease, background .18s ease; }
.device-activation.is-active { border-color: #9c7c30; background: linear-gradient(110deg,rgba(90, 69, 19, 0.68),rgba(39, 33, 20, 0.8)); }
.device-activation--button { width: 100%; appearance: none; font: inherit; text-align: start; cursor: pointer; }
.device-activation--button:hover { border-color: #9c7c30; background: linear-gradient(110deg,rgba(65, 52, 20, 0.78),rgba(39, 33, 20, 0.8)); }
.device-activation--button:focus-visible { outline: 2px solid rgba(253, 200, 76, 0.75); outline-offset: 3px; }
.device-activation.is-active { cursor: pointer; }
.device-activation__track { position: relative; display: inline-block; flex: 0 0 auto; width: 44px; height: 24px; border: 1px solid #67424b; border-radius: 999px; background: #292126; transition: background .18s ease, border-color .18s ease; }
.device-activation__track i { position: absolute; top: 2px; inset-inline-start: 3px; width: 18px; height: 18px; border-radius: 50%; background: #b9a5ab; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); transition: transform .18s ease, background .18s ease; }
.device-activation.is-active .device-activation__track { border-color: #edb738; background: linear-gradient(100deg,#9d720c,#f2b21c); }
.device-activation.is-active .device-activation__track i { transform: translateX(-21px); background: #fff; }
html[lang="en"] .device-activation.is-active .device-activation__track i { transform: translateX(21px); }
.device-activation__label { flex: 1; font-size: 11px; font-weight: 750; }
.status-chip--active { border-color: #b58c2b; background: #544115; color: #feecc1; }
.status-chip--active::before { background: #fdc644; box-shadow: 0 0 0 3px rgba(253, 198, 68, 0.13); }
@media (max-width: 790px) {
  .market-page-heading { align-items: flex-start; flex-direction: column; }
  .market-page-heading .machine-count { max-width: 100%; }
}


/* Clear package prices and a more prominent referral-link card. */
.market-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid #756030;
  border-radius: 12px;
  background: linear-gradient(110deg, rgba(75, 59, 20, 0.72), rgba(35, 24, 29, 0.88));
  color: #d1bdc3;
  font-size: 11px;
}
.market-price strong {
  color: #fdca54;
  font-size: 23px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.market-price strong small {
  margin-inline-start: 4px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}
.market-offer-list .offer-card { gap: 13px; }
.market-offer-list .offer-card__top { min-height: 52px; }
.lower-grid--referral-focus { grid-template-columns: minmax(0,1.55fr) minmax(260px,.85fr); }
.lower-card--referral { min-height: 126px; }
.lower-card--referral .lower-copy { width: 100%; }
.referral-share-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  margin-top: 10px;
}
.referral-share-row .link-preview {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 9px 12px;
  border: 1px solid #625330;
  border-radius: 10px;
  background: linear-gradient(110deg,rgba(30, 20, 24, 0.92),rgba(47, 29, 36, 0.88));
  color: #f3efe5;
  font: 11px ui-monospace, SFMono-Regular, Consolas, monospace;
  text-align: left;
  direction: ltr;
}
.referral-share-row .soft-button { min-width: 126px; min-height: 42px; }
.referral-box--featured {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 18px 0 12px;
  padding: 13px;
  border-color: #625330;
  background: linear-gradient(120deg,rgba(44, 38, 25, 0.95),rgba(29, 22, 26, 0.92));
}
.referral-box__icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(195, 143, 22, 0.18);
  color: #fdca54;
  font-size: 22px;
}
.referral-box__content { min-width: 0; display: grid; gap: 5px; }
.referral-box__content small { color: #cbb8be; font-size: 10px; font-weight: 750; }
.referral-box--featured code {
  display: block;
  min-width: 0;
  padding: 0;
  color: #fff1f4;
  font: 12px ui-monospace, SFMono-Regular, Consolas, monospace;
  line-height: 1.5;
  text-align: left;
  direction: ltr;
}
.referral-box--featured .soft-button { min-width: 126px; min-height: 42px; white-space: nowrap; }
@media (max-width: 790px) {
  .lower-grid--referral-focus { grid-template-columns: 1fr; }
  .referral-share-row { grid-template-columns: minmax(0,1fr); }
  .referral-share-row .soft-button { width: 100%; }
  .referral-box--featured { grid-template-columns: 40px minmax(0,1fr); }
  .referral-box--featured .soft-button { grid-column: 1 / -1; width: 100%; }
}

.referral-share-row .link-preview,
.referral-box--featured code {
  overflow-x: auto;
  overflow-y: hidden;
  text-overflow: clip;
  scrollbar-width: thin;
  scrollbar-color: #a27f2c #2a2024;
  user-select: all;
}
.referral-share-row .link-preview::-webkit-scrollbar,
.referral-box--featured code::-webkit-scrollbar { height: 4px; }
.referral-share-row .link-preview::-webkit-scrollbar-thumb,
.referral-box--featured code::-webkit-scrollbar-thumb { border-radius: 4px; background: #a27f2c; }

.machine-device-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 10px 0;
  padding: 10px 12px;
  border: 1px solid #756030;
  border-radius: 11px;
  background: linear-gradient(110deg,rgba(75, 59, 20, 0.72),rgba(35, 24, 29, 0.88));
  color: #d1bdc3;
  font-size: 11px;
  direction: rtl;
}
html[lang="en"] .machine-device-price { direction: ltr; }
.machine-device-price strong { color: #fdca54; font-size: 20px; font-variant-numeric: tabular-nums; }
.machine-device-price strong small { margin-inline-start: 4px; color: #fff; font-size: 10px; }
.machine-device-actions {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 8px;
  margin-top: 11px;
  direction: rtl;
}
html[lang="en"] .machine-device-actions { direction: ltr; }
.machine-device-actions > .soft-button,
.machine-device-actions > .device-activation { width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 6px 8px; }
.machine-device-actions > .soft-button { font-size: 11px; }
.machine-device-actions > .device-activation { justify-content: space-between; gap: 6px; text-align: center; cursor: pointer; }
.machine-device-actions .device-activation__label { font-size: 10px; line-height: 1.2; text-align: center; }
.machine-device-actions .device-activation__track { width: 36px; height: 22px; }
.machine-device-actions .device-activation__track i { width: 16px; height: 16px; }
.machine-device-actions .device-activation.is-active .device-activation__track i { transform: translateX(-14px); }
html[lang="en"] .machine-device-actions .device-activation.is-active .device-activation__track i { transform: translateX(14px); }
@media (max-width: 460px) {
  .machine-device-actions { gap: 6px; }
  .machine-device-actions > .soft-button,
  .machine-device-actions > .device-activation { padding-inline: 6px; }
  .machine-device-actions .device-activation__track { width: 34px; }
  .machine-device-actions .device-activation.is-active .device-activation__track i { transform: translateX(-12px); }
  html[lang="en"] .machine-device-actions .device-activation.is-active .device-activation__track i { transform: translateX(12px); }
}

/* Machine modal — preview device + VYRO coin input + claim */
.machine-modal { display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center; }
.machine-modal__art { width:100%; max-width:280px; height:auto; border-radius:14px; }
.machine-modal__vyro-frame { width:100%; display:flex; flex-direction:column; gap:8px; padding:14px; border:1px solid #574d34; border-radius:12px; background:rgba(40, 28, 33, 0.5); }
.machine-modal__label { color:#c0b1b7; font-size:14px; font-weight:700; }
.machine-modal__input { width:100%; min-height:44px; padding:0 12px; border:1px solid #574d34; border-radius:10px; background:rgba(0, 0, 0, 0.3); color:#fff; font-size:16px; text-align:center; }
.machine-modal__claim { width:100%; }

/* Machine detail — full page view (device + VYRO coin input + claim) */
.machine-detail { display:flex; flex-direction:column; align-items:center; gap:16px; }
.machine-detail__back { align-self:flex-start; }
.machine-detail__title { text-align:center; margin:0; }
.machine-detail__art img { width:100%; max-width:320px; height:auto; border-radius:14px; }
.machine-detail__vyro-frame { width:100%; max-width:420px; display:flex; flex-direction:column; gap:8px; padding:14px; border:1px solid #574d34; border-radius:12px; background:rgba(40, 28, 33, 0.5); }
.machine-detail__label { color:#c0b1b7; font-size:14px; font-weight:700; }
.machine-detail__input { width:100%; min-height:48px; padding:0 12px; border:1px solid #574d34; border-radius:10px; background:rgba(0, 0, 0, 0.3); color:#fff; font-size:18px; text-align:center; }
.machine-detail__claim { width:100%; max-width:420px; }

/* Market — VYRO for sale */
.market-vyro { display:flex; flex-direction:column; gap:18px; }
.market-vyro__available { display:flex; justify-content:space-between; align-items:center; padding:14px 16px; border:1px solid #574d34; border-radius:12px; background:rgba(40, 28, 33, 0.5); }
.market-vyro__label { color:#c0b1b7; font-size:14px; font-weight:700; }
.market-vyro__amount { color:#fff; font-size:18px; font-weight:800; }
.market-vyro__form { display:flex; flex-direction:column; gap:14px; max-width:480px; margin:0 auto; width:100%; }
.market-vyro__sell { margin-top:8px; padding-top:22px; border-top:1px solid rgba(194, 157, 72, 0.28); }
.market-vyro__sell-heading { max-width:480px; margin:0 auto 16px; }
.market-vyro__sell-heading h3 { margin:0 0 6px; color:#fff; font-size:18px; font-weight:800; }
.market-vyro__sell-heading p { margin:0; color:#c0b1b7; font-size:12px; line-height:1.7; }
.market-vyro__balance { color:#bbaab1; font-size:12px; }
.market-vyro__sell-button { background:linear-gradient(100deg,#705311 0%,#c18e17 48%,#856313 100%); border-color:#826114; }
.market-vyro__field { display:flex; flex-direction:column; gap:8px; }
.market-vyro__field-label { color:#c0b1b7; font-size:14px; font-weight:700; }
.market-vyro__input-wrap { position:relative; display:flex; align-items:center; }
.market-vyro__input { width:100%; min-height:48px; padding:0 64px 0 14px; border:1px solid #574d34; border-radius:10px; background:rgba(0, 0, 0, 0.3); color:#fff; font-size:18px; text-align:center; }
.market-vyro__max { position:absolute; right:8px; top:50%; transform:translateY(-50%); min-height:32px; padding:0 12px; border:1px solid var(--accent); border-radius:8px; background:rgba(var(--accent-rgb),.15); color:#fed370; font-size:13px; font-weight:800; cursor:pointer; }
.market-vyro__max:hover { background:rgba(var(--accent-rgb),.3); }
.market-vyro__input--out { background:rgba(40, 28, 33, 0.5); color:#fff; font-weight:800; }
.market-vyro__price { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; align-items:center; padding:12px 16px; border:1px solid #574d34; border-radius:10px; background:rgba(40, 28, 33, 0.4); color:#c0b1b7; font-size:14px; }
.market-vyro__price strong { justify-self:end; color:#fff; font-size:18px; text-align:right; }
.market-vyro__price small { grid-column:1/-1; color:#c0b1b7; font-size:11px; }
.market-vyro__price-note { margin:-8px 2px 0; color:#c0b1b7; font-size:12px; line-height:1.65; }

/* Demo mining simulation — separate virtual balances and clear 24-hour reward state */
.machine-device-rate,
.demo-market-balance,
.demo-wallet-pending {
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:12px 14px; border:1px solid rgba(194, 157, 72, 0.28); border-radius:12px;
  background:linear-gradient(110deg,rgba(73, 59, 27, 0.62),rgba(29, 23, 28, 0.72));
}
.machine-device-rate span,
.demo-market-balance span,
.demo-wallet-pending span { color:#cdbdc3; font-size:13px; font-weight:650; }
.machine-device-rate strong,
.demo-market-balance strong,
.demo-wallet-pending strong { color:#fff; font-size:15px; font-weight:800; }
.machine-device-rate small { color:#bdaeb4; font-size:11px; }
.demo-mining-summary { width:100%; max-width:560px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.demo-mining-summary > div { display:flex; flex-direction:column; gap:6px; min-width:0; padding:12px; border:1px solid rgba(194, 157, 72, 0.26); border-radius:12px; background:rgba(40, 35, 24, 0.7); }
.demo-mining-summary span { color:#cdbdc3; font-size:12px; line-height:1.45; }
.demo-mining-summary strong { color:#fff; font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
.demo-mining-note,
.demo-mining-hint,
.demo-wallet-history .empty-history { margin:0; color:#cfbfc5; font-size:12px; line-height:1.75; }
.demo-mining-note { width:100%; max-width:560px; padding:11px 13px; border-inline-start:3px solid #fdc238; border-radius:8px; background:rgba(var(--accent-rgb),.08); }
.demo-mining-hint { display:block; width:100%; text-align:center; }
.machine-detail__actions { width:100%; max-width:420px; display:flex; flex-direction:column; gap:10px; }
.machine-detail__actions .soft-button { width:100%; }
.claim-options { display:flex; flex-direction:column; gap:12px; }
.claim-options p { margin:0 0 2px; color:#d6c8ce; line-height:1.7; }
.claim-options__choice { width:100%; min-height:74px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:6px; padding:13px 15px; text-align:start; white-space:normal; }
.claim-options__choice strong { color:#fff2f5; font-size:14px; }
.claim-options__choice small { color:#cfbdc4; font-size:12px; line-height:1.6; }
.demo-market-balance { border-color:rgba(194, 157, 72, 0.2); }
.demo-wallet-pending { margin:14px 0 10px; }
.demo-wallet-claim { width:100%; margin:0 0 8px; }
.demo-wallet-claim:disabled,
.market-vyro button:disabled,
.machine-device-actions button:disabled,
.machine-detail button:disabled { opacity:.52; cursor:not-allowed; filter:saturate(.55); }
.wallet-asset-card--demo-vyro { border-color:rgba(253, 193, 54, 0.42); background:linear-gradient(145deg,rgba(65, 54, 28, 0.96),rgba(28, 23, 29, 0.98)); }
.wallet-asset-icon--demo-vyro { display:grid; place-items:center; border:1px solid rgba(253, 206, 95, 0.58); background:radial-gradient(circle at 35% 30%,#fbc74d,#956f17 68%,#36290b); color:#fff; font-weight:900; box-shadow:0 0 22px rgba(253, 189, 41, 0.24); }
.demo-wallet-history { grid-column:1/-1; }
.demo-ledger-row .ledger-kind-icon { color:#fed26c; }
.demo-ledger-row .ledger-value b { font-variant-numeric:tabular-nums; }
.demo-ledger-row .ledger-value small { color:#9f9297; }
@media (max-width:560px) {
  .demo-mining-summary { gap:7px; }
  .demo-mining-summary > div { padding:10px; }
  .demo-mining-summary span { font-size:11px; }
  .demo-mining-summary strong { font-size:13px; }
  .machine-device-rate, .demo-market-balance, .demo-wallet-pending { padding:10px 12px; }
  .demo-wallet-history { grid-column:auto; }
}

@keyframes vyro-mining-pulse {
  0%, 100% { box-shadow: 0 0 10px rgba(253, 190, 42, 0.24), inset 0 0 7px rgba(253, 190, 42, 0.12); }
  50% { box-shadow: 0 0 22px rgba(253, 190, 42, 0.46), inset 0 0 15px rgba(253, 190, 42, 0.24); }
}
@keyframes vyro-mining-light {
  0%, 100% { opacity: .12; }
  50% { opacity: .38; }
}
.machine-device-card--mining .machine-device-art {
  position: relative;
  border-color: rgba(253, 198, 71, 0.95);
  box-shadow: 0 0 0 1px rgba(253, 194, 57, 0.24), 0 0 13px rgba(253, 190, 42, 0.25), inset 0 0 9px rgba(253, 190, 42, 0.12);
  animation: vyro-mining-pulse 2.8s ease-in-out infinite;
}
.machine-device-card--mining .machine-device-art::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 52%, transparent 38%, rgba(242, 178, 29, 0.3) 100%);
  animation: vyro-mining-light 2.8s ease-in-out infinite;
}
.machine-device-card--mining .status-chip--active::before { animation: vyro-mining-light 1.8s ease-in-out infinite; }
.machine-detail--mining .machine-detail__art img { animation: vyro-mining-device-glow 2.8s ease-in-out infinite; }
@keyframes vyro-mining-device-glow {
  0%, 100% { filter: drop-shadow(0 0 3px rgba(242, 178, 29, 0.16)); }
  50% { filter: drop-shadow(0 0 12px rgba(242, 178, 29, 0.38)); }
}
@media (prefers-reduced-motion: reduce) {
  .machine-device-card--mining .machine-device-art {
    animation: none;
    border-color: #fdca54;
    box-shadow: 0 0 0 1px rgba(253, 194, 57, 0.48), 0 0 18px rgba(253, 190, 42, 0.38), inset 0 0 13px rgba(253, 190, 42, 0.2);
  }
  .machine-device-card--mining .machine-device-art::after { animation: none; opacity: .22; }
  .machine-device-card--mining .status-chip--active::before {
    animation: none;
    box-shadow: 0 0 0 4px rgba(253, 198, 68, 0.2), 0 0 9px rgba(253, 190, 42, 0.6);
  }
  .machine-detail--mining .machine-detail__art img {
    animation: none;
    filter: drop-shadow(0 0 14px rgba(253, 190, 42, 0.52)) !important;
  }
}


/* Binary team section */
.team-page { display: grid; gap: 14px; }
.team-binary-section { overflow: hidden; }
.team-binary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 15px; direction: ltr; }
.team-binary-card { min-width: 0; padding: 17px; border: 1px solid #493139; border-radius: 15px; background: linear-gradient(145deg, #21171b, #130f11 76%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); }
.team-binary-card--left { border-color: rgba(242, 178, 29, 0.48); background: radial-gradient(ellipse at 0 0, rgba(179, 130, 15, 0.18), transparent 70%), linear-gradient(145deg,#21171b,#130f11 76%); }
.team-binary-card--right { border-color: rgba(176, 157, 165, 0.32); background: radial-gradient(ellipse at 100% 0, rgba(146, 118, 130, 0.13), transparent 70%), linear-gradient(145deg,#211a1e,#130f11 76%); }
.team-binary-card__heading { display: flex; align-items: center; gap: 9px; color: #e7dce0; font-size: 13px; font-weight: 800; }
.team-side-mark { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid rgba(253, 205, 93, 0.42); border-radius: 9px; background: rgba(253, 191, 47, 0.1); color: #fdcf62; font: 800 11px/1 Inter, Arial, sans-serif; }
.team-binary-card--right .team-side-mark { border-color: rgba(204, 182, 192, 0.3); background: rgba(199, 174, 185, 0.08); color: #d8c7cf; }
.team-binary-card__amount { display: block; margin-top: 15px; color: #fff; font-size: clamp(19px, 3vw, 27px); font-weight: 850; letter-spacing: -.035em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.team-binary-card__amount small { color: #fed472; font-size: 10px; letter-spacing: .04em; }
.team-binary-card--right .team-binary-card__amount small { color: #d0b9c2; }
.team-binary-card__caption { display: block; margin-top: 6px; color: #a99ba1; font-size: 10px; }
.team-claim-panel { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 13px; padding: 15px 16px; border: 1px solid #5b4b26; border-radius: 14px; background: linear-gradient(110deg,rgba(92, 70, 17, 0.31),rgba(31, 19, 24, 0.9)); }
.team-claim-panel__amount { min-width: 0; }
.team-claim-panel__amount small { display: block; color: #c8b6bd; font-size: 11px; }
.team-claim-panel__amount strong { display: block; margin-top: 5px; color: #fff; font-size: 23px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.team-claim-panel__amount strong span { color: #fed472; font-size: 10px; }
.team-claim-button { flex: 0 0 auto; min-height: 42px; padding-inline: 16px; font-size: 12px; }
.team-claim-status { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 7px 14px; margin-top: 10px; color: #fedb89; font-size: 11px; font-weight: 750; }
.team-claim-status small { color: #bbaab1; font-size: 10px; font-weight: 500; }
.team-notes { display: grid; gap: 7px; margin-top: 13px; }
.team-notes p { margin: 0; padding: 9px 11px; border-inline-start: 2px solid #8f7029; border-radius: 6px; background: rgba(255, 255, 255, 0.03); color: #b9aab0; font-size: 10px; line-height: 1.75; }
.team-invite-heading, .team-history-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.team-invite-heading h3, .team-history-heading h3 { margin: 0; color: #f7f2f3; font-size: 15px; }
.team-invite-heading p, .team-history-heading p { margin: 5px 0 0; color: #b8aeb2; font-size: 10px; line-height: 1.6; }
.team-direct-count { flex: 0 0 auto; padding: 8px 12px; border: 1px solid #4a3038; border-radius: 11px; background: #21171b; text-align: center; }
.team-direct-count strong, .team-direct-count small { display: block; }
.team-direct-count strong { color: #fff; font-size: 18px; }
.team-direct-count small { margin-top: 2px; color: #b8aeb2; font-size: 9px; }
.team-invite-section .referral-box { margin-top: 12px; }
.team-history-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 2px; border-bottom: 1px solid #38282e; }
.team-history-row:last-child { border-bottom: 0; }
.team-history-row strong, .team-history-row small { display: block; }
.team-history-row strong { color: #f0e7ea; font-size: 11px; }
.team-history-row small { margin-top: 4px; color: #9f9297; font-size: 9px; }
.team-history-row b { flex: 0 0 auto; color: #fed472; font-size: 12px; font-variant-numeric: tabular-nums; }
.team-history-empty { margin: 12px 0 0; color: #a99ba1; font-size: 11px; }
.team-load-error { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; color: #fee19c; font-size: 11px; }
.team-page .soft-button:focus-visible, .team-page .primary-button:focus-visible { outline: 3px solid rgba(253, 206, 95, 0.45); outline-offset: 2px; }
html[dir="rtl"] .team-binary-card { direction: rtl; text-align: right; }
html[dir="ltr"] .team-binary-card { direction: ltr; text-align: left; }
@media (max-width: 560px) {
  .team-page { gap: 11px; }
  .team-binary-grid { gap: 8px; }
  .team-binary-card { padding: 12px 10px; }
  .team-binary-card__heading { gap: 6px; font-size: 11px; }
  .team-side-mark { width: 23px; height: 23px; }
  .team-binary-card__amount { margin-top: 12px; font-size: clamp(16px, 5vw, 22px); }
  .team-binary-card__amount small { font-size: 8px; }
  .team-binary-card__caption { font-size: 9px; }
  .team-claim-panel { align-items: stretch; flex-direction: column; gap: 11px; padding: 13px; }
  .team-claim-panel__amount strong { font-size: 21px; }
  .team-claim-button { width: 100%; }
  .team-notes p { font-size: 9px; }
  .team-invite-heading { align-items: flex-start; }
}


/* Direct referral reward summary */
.referrals-page { display: grid; gap: 14px; }
.referral-overview > p { color: #b8aeb2; font-size: 11px; line-height: 1.7; }
.referral-bonus-section { overflow: hidden; }
.referral-bonus-section .team-hero { position: relative; }
.referral-bonus-mark { font-size: 22px !important; font-weight: 850; }
.referral-bonus-rate { flex: 0 0 auto; margin-inline-start: auto; padding: 8px 12px; border: 1px solid rgba(253, 205, 93, 0.38); border-radius: 11px; background: rgba(253, 191, 47, 0.1); color: #fed472; font: 850 15px/1 Inter, Arial, sans-serif; }
.referral-bonus-total { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 14px; padding: 15px 16px; border: 1px solid #5b4b26; border-radius: 14px; background: linear-gradient(110deg,rgba(92, 70, 17, 0.31),rgba(31, 19, 24, 0.9)); }
.referral-bonus-total small, .referral-bonus-total strong { display: block; }
.referral-bonus-total small { color: #c8b6bd; font-size: 11px; }
.referral-bonus-total strong { margin-top: 5px; color: #fff; font-size: 24px; font-variant-numeric: tabular-nums; }
.referral-bonus-total strong span { color: #fed472; font-size: 10px; }
.referral-bonus-chip { flex: 0 0 auto; padding: 7px 10px; border: 1px solid #4a3038; border-radius: 10px; color: #dbcbd0; font-size: 10px; font-weight: 750; }
.referral-bonus-note { margin: 10px 2px 14px; color: #b9aab0; font-size: 10px; line-height: 1.7; }
.referral-bonus-history { margin-top: 8px; }
.referral-bonus-history .team-history-row { padding-inline: 2px; }
.referral-bonus-history .team-history-row b { color: #fed472; }
@media (max-width: 560px) {
  .referrals-page { gap: 11px; }
  .referral-bonus-section .team-hero { align-items: flex-start; gap: 11px; }
  .referral-bonus-section .team-hero__mark { width: 44px; height: 44px; flex: 0 0 auto; border-radius: 13px; }
  .referral-bonus-section .team-hero > div { min-width: 0; }
  .referral-bonus-section .team-hero h2 { font-size: 14px; }
  .referral-bonus-section .team-hero p { font-size: 10px; }
  .referral-bonus-rate { padding: 6px 8px; font-size: 12px; }
  .referral-bonus-total { padding: 13px; }
  .referral-bonus-total strong { font-size: 21px; }
}


/* Internal VYRO account-to-account transfer form. */
.swap-transfer-card { width: 100%; max-width: 720px; padding: 20px; }
.swap-transfer-heading h2 { margin: 0; font-size: 20px; }
.swap-transfer-heading p { margin: 6px 0 0; color: #c9b8bf; font-size: 12px; line-height: 1.7; }
.swap-transfer-balance { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 17px 0 12px; padding: 14px 15px; border: 1px solid rgba(194, 157, 72, 0.28); border-radius: 12px; background: linear-gradient(110deg,rgba(73, 59, 27, 0.62),rgba(29, 23, 28, 0.72)); }
.swap-transfer-balance span { color: #cdbdc3; font-size: 12px; }
.swap-transfer-balance strong { color: #fff; font-size: 18px; font-variant-numeric: tabular-nums; }
.swap-transfer-notice { margin: 0 0 16px; padding: 11px 13px; border-inline-start: 3px solid #fdc238; border-radius: 8px; background: rgba(var(--accent-rgb),.08); color: #cfbfc5 !important; font-size: 11px !important; line-height: 1.75 !important; }
.swap-transfer-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.swap-transfer-form .market-vyro__field { min-width: 0; }
.swap-transfer-form .market-vyro__input { width: 100%; min-height: 48px; direction: ltr; text-align: start; }
.swap-transfer-form [data-action="transfer-vyro"] { grid-column: 1 / -1; width: 100%; min-height: 48px; }
.swap-transfer-form [data-action="transfer-vyro"]:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 560px) {
  .swap-transfer-card { padding: 16px; }
  .swap-transfer-form { grid-template-columns: 1fr; gap: 12px; }
  .swap-transfer-form [data-action="transfer-vyro"] { grid-column: auto; }
  .swap-transfer-balance { align-items: flex-start; flex-direction: column; gap: 7px; }
}

/* On-chain contract link in the sidebar nav */
.side-nav a.nav-item { text-decoration: none; }
.side-nav a.nav-item:focus-visible { outline: 2px solid var(--red-bright, #e0a212); outline-offset: 2px; }

/* ---- السوق الداخلي: نسخة مدمجة على شاشة واحدة ---- */
.market-vyro--compact { gap: 10px; padding: 14px; }
.market-vyro--compact .mk-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; }
.market-vyro--compact .mk-head h2 { margin: 0; color: #fff; font-size: 17px; font-weight: 800; }
.market-vyro--compact .market-tabs { margin: 0; }
.market-vyro--compact .mk-top { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.market-vyro--compact .mk-chip { display: flex; flex-direction: column; gap: 3px; padding: 9px 11px; border: 1px solid #574d34; border-radius: 11px; background: rgba(40, 28, 33, 0.55); }
.market-vyro--compact .mk-chip > span { color: #c0b1b7; font-size: 11px; font-weight: 700; }
.market-vyro--compact .mk-chip strong { color: #fff; font-size: 15px; font-weight: 800; direction: ltr; text-align: start; }
.market-vyro--compact .mk-balance { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 3px; color: #c0b1b7; font-size: 12px; }
.market-vyro--compact .mk-balance strong { color: #35d07f; font-size: 14px; font-weight: 800; }
.market-vyro--compact .mk-row { display: flex; align-items: stretch; gap: 8px; }
.market-vyro--compact .mk-row .market-vyro__input { padding: 0 12px; min-height: 46px; font-size: 17px; }
.market-vyro--compact .mk-max { flex: 0 0 auto; min-height: 46px; padding: 0 18px; border: 1px solid var(--accent); border-radius: 10px; background: rgba(var(--accent-rgb),.15); color: #fed370; font-size: 13px; font-weight: 800; cursor: pointer; }
.market-vyro--compact .mk-max:active { background: rgba(var(--accent-rgb),.32); }
.market-vyro--compact .mk-out { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #c0b1b7; font-size: 12px; font-weight: 700; }
.market-vyro--compact .mk-out .market-vyro__input { flex: 1 1 auto; max-width: none; min-height: 42px; font-size: 15px; }
.market-vyro--compact .primary-button { min-height: 48px; }
@media (max-width: 420px) {
  .market-vyro--compact { padding: 12px; gap: 9px; }
  .market-vyro--compact .mk-chip strong { font-size: 14px; }
}

/* ---- لون أخضر للشراء وأحمر للبيع ---- */
.market-vyro--buy {
  border-color: rgba(53, 208, 127, 0.55) !important;
  box-shadow: 0 0 0 1px rgba(53, 208, 127, 0.18), 0 0 22px rgba(53, 208, 127, 0.12);
}
.market-vyro--buy .mk-head h2 { color: #6ff0b0; }
.market-vyro--buy .mk-chip { border-color: rgba(53, 208, 127, 0.32); background: rgba(16, 44, 33, 0.55); }
.market-vyro--buy .mk-balance strong { color: #4ee6a0; }
.market-vyro--buy .mk-row .market-vyro__input { border-color: rgba(53, 208, 127, 0.45); }
.market-vyro--buy .mk-max { border-color: #2fd07f; background: rgba(53, 208, 127, 0.16); color: #5fe3a4; }
.market-vyro--buy .mk-max:active { background: rgba(53, 208, 127, 0.32); }
.market-vyro--buy .primary-button {
  border-color: #12a05f;
  background: linear-gradient(100deg, #0c5e3b 0%, #12a05f 48%, #0b7a4c 100%);
  box-shadow: 0 5px 14px rgba(18, 160, 95, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.market-vyro--buy .market-tabs { border-color: rgba(53, 208, 127, 0.3); background: rgba(14, 36, 28, 0.7); }
.market-vyro--buy .market-tabs button { color: #9fd6bd; }
.market-vyro--buy .market-tabs button.is-active { background: linear-gradient(100deg,#0e7a4b,#19b46c); color: #fff; box-shadow: 0 3px 10px rgba(25, 180, 108, 0.28); }

.market-vyro--sell {
  border-color: rgba(var(--accent-rgb),.6) !important;
  box-shadow: 0 0 0 1px rgba(var(--accent-rgb),.2), 0 0 22px rgba(var(--accent-rgb),.14);
}
.market-vyro--sell .mk-head h2 { color: #fed370; }
.market-vyro--sell .mk-chip { border-color: rgba(var(--accent-rgb),.34); background: rgba(48, 40, 20, 0.55); }
.market-vyro--sell .mk-balance strong { color: #fedd90; }
.market-vyro--sell .mk-row .market-vyro__input { border-color: rgba(var(--accent-rgb),.45); }
.market-vyro--sell .mk-max { border-color: var(--accent); background: rgba(var(--accent-rgb),.18); color: #feda86; }
.market-vyro--sell .market-tabs { border-color: rgba(var(--accent-rgb),.3); background: rgba(40, 33, 16, 0.7); }
.market-vyro--sell .market-tabs button { color: #e7d6ad; }
.market-vyro--sell .market-tabs button.is-active { background: linear-gradient(100deg,#af7e0b,#e3a81e); color: #fff; box-shadow: 0 3px 10px rgba(227, 168, 30, 0.3); }

/* تمديد بطاقة السوق لآخر الشاشة */
.market-vyro--compact { display: flex; flex-direction: column; }
.market-vyro--compact > .primary-button { margin-top: auto; }


/* ===== العملة: خلفية شفافة + توهج ذهبي مثل اللمعان ===== */
.brand__coin{
  background: transparent !important;
  border: 0 !important;
  overflow: visible;
  box-shadow: none !important;
}
.brand__coin img{
  border-radius: 50%;
  filter:
    drop-shadow(0 0 6px rgba(253, 191, 47, 0.26))
    drop-shadow(0 0 14px rgba(253, 191, 47, 0.12));
}
.hero-art__coin{
  background: transparent !important;
  filter:
    drop-shadow(0 0 12px rgba(253, 191, 47, 0.16))
    drop-shadow(0 18px 34px rgba(0, 0, 0, 0.55)) !important;
}

/* توهج موحّد لكل شعارات العملة */
.coin,
.token-logo,
img[src*="project-token"],
img[src*="vyro-token"]{
  filter: drop-shadow(0 0 7px rgba(253, 191, 47, 0.22)) drop-shadow(0 0 16px rgba(253, 191, 47, 0.10));
}

/* ===== خلفية متحركة: هالات ذهبية + شعاع + جمرات ===== */
.ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict;
  background-image:
    radial-gradient(ellipse 76% 35% at 50% -5%, rgba(211, 153, 17, 0.33), transparent 76%),
    radial-gradient(ellipse 32% 50% at 100% 48%, rgba(122, 89, 12, 0.22), transparent 72%),
    radial-gradient(ellipse 35% 48% at 0% 76%, rgba(125, 93, 18, 0.18), transparent 74%),
    linear-gradient(145deg, #1d191d 0%, #26171d 45%, #171518 100%)}
.ambient__aura{position:absolute;width:clamp(280px,46vw,620px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(245,184,49,.18),rgba(184,124,18,.08) 38%,transparent 72%);
  will-change:transform;transform:translateZ(0);backface-visibility:hidden}
.ambient__aura--l{top:-12%;inset-inline-start:-18%;animation:ambient-drift 26s ease-in-out infinite}
.ambient__aura--r{bottom:-18%;inset-inline-end:-22%;animation:ambient-drift 34s ease-in-out infinite reverse}
.ambient__beam{position:absolute;top:-10%;bottom:-10%;inset-inline-start:-40%;width:32%;transform:skew(-16deg);
  background:linear-gradient(90deg,transparent,rgba(255,213,109,.05),rgba(255,191,54,.03),transparent);
  animation:ambient-beam 26s ease-in-out infinite;will-change:transform}
.ambient__ember{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe29a;
  box-shadow:0 0 9px 2px rgba(255,199,67,.7);opacity:.55;animation:ember-drift 11s ease-in-out infinite}
.ambient__ember--1{top:26%;inset-inline-start:14%}
.ambient__ember--2{top:58%;inset-inline-start:82%;animation-duration:14s;animation-delay:-3s}
.ambient__ember--3{top:74%;inset-inline-start:32%;animation-duration:17s;animation-delay:-7s}
.ambient__ember--4{top:38%;inset-inline-start:64%;animation-duration:13s;animation-delay:-9s}

@keyframes ambient-drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4%,-3%,0) scale(1.08)}}
@keyframes ambient-beam{0%,100%{transform:translateX(0) skew(-16deg);opacity:.5}50%{transform:translateX(320%) skew(-16deg);opacity:.85}}
@keyframes ember-drift{0%,100%{transform:translate3d(0,0,0);opacity:.25}45%{opacity:.8}60%{transform:translate3d(10px,-26px,0);opacity:.6}}

/* ===== مدار سماوي حول العملة ===== */
.orbit{position:absolute;inset:0;z-index:0;pointer-events:none}
.orbit__ring{position:absolute;top:50%;inset-inline-start:50%;border:1px solid rgba(242,185,31,.28);border-radius:50%;
  transform:translate(-50%,-50%) rotate(-16deg);box-shadow:0 0 26px rgba(242,185,31,.10)}
.orbit__ring--a{width:min(92%,470px);height:min(34%,168px);animation:orbit-breathe 12s ease-in-out infinite}
.orbit__ring--b{width:min(72%,370px);height:min(24%,120px);transform:translate(-50%,-50%) rotate(14deg);
  border-color:rgba(242,185,31,.18);animation:orbit-breathe 16s ease-in-out infinite reverse}
.orbit__ring--c{width:min(52%,260px);height:min(16%,84px);transform:translate(-50%,-50%) rotate(-6deg);
  border-style:dashed;border-color:rgba(242,185,31,.16);animation:orbit-breathe 20s ease-in-out infinite}

.orbit__lane{position:absolute;top:50%;inset-inline-start:50%;width:min(92%,470px);aspect-ratio:2.8/1;
  transform:translate(-50%,-50%) rotate(-16deg)}
.orbit__lane--b{width:min(72%,370px);transform:translate(-50%,-50%) rotate(14deg)}
.orbit__track{position:relative;display:block;width:100%;height:100%;transform:scaleY(.36);animation:orbit-spin 22s linear infinite}
.orbit__lane--b .orbit__track{animation:orbit-spin 30s linear infinite reverse}
.orbit__dot{position:absolute;top:50%;inset-inline-start:100%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;
  background:#ffd97a;box-shadow:0 0 10px 3px rgba(253,191,47,.55);transform:scaleY(2.6)}
.orbit__dot--small{width:5px;height:5px;background:#fff3cd;box-shadow:0 0 8px 2px rgba(253,191,47,.45)}

@keyframes orbit-spin{to{transform:scaleY(.36) rotate(360deg)}}
@keyframes orbit-breathe{0%,100%{opacity:.7;filter:blur(0)}50%{opacity:1;filter:blur(.3px)}}

/* العملة في مركز المدار (الواجهة الرئيسية) */
.auth-hero .hero-art__coin{inset-inline-start:50%;left:50%;top:4%;transform:translate(-50%,0);z-index:2}
.auth-hero .hero-art__machine{opacity:.55;width:min(30%,240px);inset-inline-end:0;bottom:2%}
@media (max-width:760px){
  .auth-hero .hero-art__coin{top:2%;width:min(58%,290px)}
  .orbit__lane{aspect-ratio:2.4/1}
}
@media (prefers-reduced-motion:reduce){
  .ambient__aura,.ambient__beam,.ambient__ember,.orbit__track,.orbit__ring{animation:none!important}
}

/* ==========================================================================
   أداء الهاتف: نحيّد البلور الخلفي والجمرات الثقيلة أثناء التمرير
   (كانت سبب رجفة الصفحة على الموبايل)
   ========================================================================== */
@media (max-width: 900px) {
  .glass-card, .auth-panel, .auth-header, .section-card, .panel-card, .stat-card,
  .action-tile, .modal-card, .sidebar, .modal-backdrop, .demo-ribbon {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .glass-card, .auth-panel, .auth-header { background-color: rgba(39, 32, 36, 0.97) !important; }
  .ambient__beam, .ambient__ember { display: none !important; }
  .ambient__aura { animation-duration: 46s !important; }
}

/* ==========================================================================
   محاكاة التعدين: وميض ذهبي + مسح ضوئي على الجهاز اللي يعدّن
   ========================================================================== */
.machine-device-card--mining .machine-device-art,
.machine-detail--mining .machine-detail__art { position: relative; overflow: hidden; }
.machine-detail--mining .machine-detail__art { border-radius: 16px; }

.machine-device-card--mining .machine-device-art::before,
.machine-detail--mining .machine-detail__art::before {
  content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 80%, rgba(253, 191, 47, 0.55), transparent 60%),
    radial-gradient(ellipse at 50% 28%, rgba(255, 216, 122, 0.20), transparent 64%);
  mix-blend-mode: screen;
  animation: vyro-mining-pulse 2.4s ease-in-out infinite;
  will-change: opacity;
}

.machine-device-card--mining .machine-device-art::after,
.machine-detail--mining .machine-detail__art::after {
  content: ""; position: absolute; left: -6%; right: -6%; top: -40%; height: 34%; z-index: 3; pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(255, 221, 130, 0.34) 45%, rgba(253, 191, 47, 0.46) 55%, transparent);
  mix-blend-mode: screen;
  animation: vyro-mining-scan 3.6s linear infinite;
  will-change: transform;
}

/* نبضة زيادة في زر التشغيل/الشرارة على بطاقة الجهاز */
.machine-device-card--mining { border-color: rgba(253, 191, 47, 0.55); }

@keyframes vyro-mining-pulse { 0%, 100% { opacity: 0.45; } 50% { opacity: 1; } }
@keyframes vyro-mining-scan { 0% { transform: translateY(0); } 100% { transform: translateY(430%); } }

@media (max-width: 900px) {
  .machine-detail--mining .machine-detail__art::after { animation-duration: 4.6s; }
}
@media (prefers-reduced-motion: reduce) {
  .machine-device-card--mining .machine-device-art::before,
  .machine-detail--mining .machine-detail__art::before { animation: none; opacity: 0.72; }
  .machine-device-card--mining .machine-device-art::after,
  .machine-detail--mining .machine-detail__art::after { display: none; }
}

/* ---- Matrix tree ---- */
.matrix-page { display: flex; flex-direction: column; gap: 14px; }
.matrix-hero { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.matrix-hero__you { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 14px;
  background: linear-gradient(135deg,#fff7e6,#fff); border: 1px solid #f2dfb3; color: #8e6a16; font-weight: 700; font-size: 13px; }
.matrix-hero__stats { display: flex; gap: 10px; }
.matrix-hero__stats > div { min-width: 74px; padding: 8px 10px; border-radius: 12px; background: #f8f9fb; border: 1px solid var(--line); text-align: center; }
.matrix-hero__stats small { display: block; font-size: 11px; color: var(--muted); margin-bottom: 3px; }
.matrix-hero__stats strong { font-size: 17px; color: var(--ink); }
.matrix-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.matrix-head h2 { margin: 0; font-size: 15px; }
.matrix-tag { font-size: 11px; font-weight: 800; color: var(--gold-dark); background: var(--gold-soft); border: 1px solid #f2dfb3; border-radius: 999px; padding: 3px 9px; }
.matrix-list { display: flex; flex-direction: column; gap: 8px; }
.matrix-node { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.matrix-node--sub { background: #fafbfc; }
.matrix-node__rank { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; background: var(--gold-soft);
  color: #8e6a16; font-size: 11px; font-weight: 800; flex: 0 0 auto; }
.matrix-node__body { flex: 1; min-width: 0; }
.matrix-node__body strong { display: block; font-size: 13.5px; }
.matrix-node__body small { color: var(--muted); font-size: 11.5px; }
.matrix-chip { font-size: 11px; font-weight: 700; color: var(--muted); background: #f1f3f7; border-radius: 999px; padding: 4px 9px; white-space: nowrap; }
.matrix-chip--active { color: #2e9e6b; background: #effaf3; }
.matrix-empty { margin: 0; padding: 14px 4px; color: var(--muted); font-size: 12.5px; text-align: center; }
.matrix-note p { margin: 0; font-size: 12px; color: var(--muted); line-height: 1.8; }
.matrix-note__muted { margin-top: 6px; opacity: .8; }
/* الماتريكس: لوحة داكنة + شريط معلومات ملوّن، ورقم المستوى بين المربعات */
.mx-frames { display: flex; flex-direction: column; gap: 46px; padding: 6px 0 10px; }
.mx-item { display: flex; flex-direction: column; gap: 12px; }
.mx-level { display: flex; align-items: center; justify-content: center; gap: 9px; }
.mx-level__num { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 999px;
  background: #fffaf0; border: 1px solid #e0bb6b; color: #8a6410; font-size: 12.5px; font-weight: 800; }
.mx-level__txt { font-size: 13px; font-weight: 800; color: #6c7481; letter-spacing: .2px; }
.mx-frame__figure { width: 100%; height: 250px; border-radius: 20px; overflow: hidden;
  box-shadow: 0 14px 30px rgba(10, 15, 30, .3); }
.mx-frame__figure svg { display: block; height: 100%; }
.mx-band { padding: 14px 16px; border-radius: 18px; color: #fff;
  background: linear-gradient(160deg, #2563eb 0%, #1d4ed8 55%, #1e3a8a 100%);
  box-shadow: 0 10px 24px rgba(29, 78, 216, .28); }
.mx-band__row { display: flex; align-items: center; justify-content: center; gap: 9px;
  font-size: 12.5px; font-weight: 700; line-height: 1.9; text-align: center; }
.mx-band__row b { font-weight: 800; }
.mx-band__row--price { font-size: 15px; letter-spacing: .2px; }
.mx-band__row--price span { font-size: 12px; font-weight: 600; opacity: .85; }
.mx-band__row--split { gap: 12px; font-size: 11.5px; font-weight: 600; opacity: .92; }
.mx-band__row--split span { display: inline-flex; align-items: center; gap: 4px; }
.mx-band__row--split b { background: rgba(255, 255, 255, .18); border-radius: 999px; padding: 1px 7px; }
/* سماء متحركة داخل لوحة الماتريكس */
.mx-star { animation-name: mxTwinkle; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.mx-stars { animation: mxDrift 34s ease-in-out infinite alternate; }
.mx-halo { animation: mxHalo 6s ease-in-out infinite; transform-origin: center; }
@keyframes mxTwinkle {
  0%, 100% { opacity: .12; }
  50% { opacity: .85; }
}
@keyframes mxDrift {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-8px, 6px, 0); }
}
@keyframes mxHalo {
  0%, 100% { opacity: .85; }
  50% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .mx-star, .mx-stars, .mx-halo { animation: none; }
}

@media (max-width: 380px) {
  .mx-frame__figure { height: 228px; }
  .mx-frames { gap: 38px; }
}
}


/* الضغط على دائرة عضو يفتح ماتريكسه */
.mx-node { cursor: pointer; }
.mx-node:active { opacity: .85; }
.member-mx { position: fixed; inset: 0; z-index: 90; display: flex; align-items: flex-start; justify-content: center;
  padding: 16px 12px 28px; overflow-y: auto; background: rgba(6, 8, 16, .8); }
/* نفس هوية لوحة الماتريكس: خلفية فضائية داكنة + حدود ذهبية */
.member-mx__panel { width: 100%; max-width: 520px; border-radius: 22px; border: 1px solid rgba(207, 151, 20, .45);
  background: linear-gradient(160deg, #0a0f1e 0%, #121a33 55%, #1d1530 100%);
  box-shadow: 0 24px 60px rgba(5, 8, 18, .6), 0 0 0 1px rgba(207, 151, 20, .12) inset;
  padding: 14px 14px 18px; }
.member-mx__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.member-mx__head small { display: block; font-size: 11.5px; font-weight: 700; color: #9aa3b5; }
.member-mx__head strong { display: block; font-size: 20px; font-weight: 800; color: #fff6e0; letter-spacing: .3px; }
.member-mx__counts { display: flex; gap: 12px; margin-top: 6px; font-size: 11.5px; font-weight: 700; color: #9aa3b5; }
.member-mx__counts b { color: #f0b429; }
.member-mx__close { width: 34px; height: 34px; flex: 0 0 auto; border-radius: 50%; border: 1px solid rgba(207, 151, 20, .55);
  background: rgba(255, 255, 255, .06); color: #f0b429; font-size: 18px; line-height: 1; display: grid; place-items: center; cursor: pointer; }
.member-mx__state { margin: 0; padding: 26px 10px; text-align: center; color: #b9c0cf; font-size: 13px; }
.member-mx__body .mx-frames { gap: 26px; padding-top: 0; }
.member-mx__body .mx-frame__figure { height: 232px; border-radius: 16px; box-shadow: 0 10px 24px rgba(3, 6, 14, .45); }
.member-mx__body .mx-level__num { background: #0c1226; border-color: #e0bb6b; color: #f7dc9a; }
.member-mx__body .mx-level__txt { color: #b9c0cf; }

/* صورة العضو في الشريط الجانبي */
.sidebar-avatar { position: relative; display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.sidebar-avatar__circle { width: 86px; height: 86px; flex: 0 0 auto; border-radius: 50%; padding: 0; overflow: hidden;
  display: grid; place-items: center; cursor: pointer;
  background: #090809; border: 2px solid #cf9714;
  box-shadow: 0 0 18px rgba(240, 174, 20, .28);
  color: #f3d18c; font-size: 22px; font-weight: 800; font-family: inherit; }
.sidebar-avatar__circle #sidebarAvatarInner { width: 100%; height: 100%; display: grid; place-items: center; font-size: 22px; font-weight: 800; }
.sidebar-avatar__circle #sidebarAvatarInner.has-photo { display: block; }
.sidebar-avatar__circle #sidebarAvatarInner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sidebar-avatar__pencil { position: static; width: 30px; height: 30px; flex: 0 0 auto;
  display: grid; place-items: center; border-radius: 50%; cursor: pointer;
  background: linear-gradient(150deg, #f7dc9a, #cf9714); color: #2b1d02;
  font-size: 14px; line-height: 1; border: 2px solid #090809;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .4); }
.sidebar-avatar__pencil:hover { filter: brightness(1.08); }
@media (max-width: 480px) {
  .sidebar-avatar { gap: 8px; }
  .sidebar-avatar__circle { width: 72px; height: 72px; }
  .sidebar-avatar__circle #sidebarAvatarInner { font-size: 19px; }
  .sidebar-avatar__pencil { width: 26px; height: 26px; font-size: 13px; }
}