:root{
  --mx-navy:#0f172a;
  --mx-blue:#1e3a8a;
  --mx-blue-soft:#eaf2ff;
  --mx-orange:#f37021;
  --mx-orange-strong:#ff7a1a;
  --mx-orange-hover:#ea580c;
  --mx-green:#22c55e;
  --mx-green-soft:#dcfce7;
  --mx-slate:#475569;
  --mx-bg:#f8fafc;
  --mx-card:#ffffff;
  --mx-border:#e2e8f0;
  --mx-shadow:0 16px 40px rgba(15,23,42,.10);
}

.mixstations-form-wrap{max-width:760px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#13285f 0%,#1b2c65 48%,#f37021 100%);border-radius:20px;color:#fff;box-shadow:0 26px 70px rgba(15,23,42,.26)}
.mixstations-form{max-width:620px;margin:0 auto}
.mixstations-brand{font-size:54px;font-weight:800;color:#f37021;line-height:1;margin-bottom:8px;text-align:center}
.mixstations-topline{text-align:center;font-size:18px;font-weight:700;margin:0 0 18px;opacity:.95}
.mixstations-form h2{text-align:center;font-size:44px;line-height:1.05;margin:0 0 24px;color:#fff}
.mixstations-field{margin:0 0 12px}
.mixstations-field input{width:100%;min-height:56px;border:0;border-radius:10px;padding:14px 18px;font-size:18px;box-sizing:border-box;background:#fff;color:#0f172a}
.mixstations-field input:focus{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}
.mixstations-question{text-align:center;font-size:22px;font-weight:800;margin:22px 0;color:#fff}
.mixstations-dolor-group{margin:0 0 16px}
.mixstations-dolor-title{color:#ff9a56;font-size:22px;font-weight:800;margin:0 0 8px}
.mixstations-dolor-card{display:grid;grid-template-columns:72px 1fr 24px;align-items:center;gap:16px;background:linear-gradient(180deg,#f6f8fb 0%,#e9eef5 100%);border:1px solid #d7dee8;border-radius:14px;padding:14px 16px;cursor:pointer;box-shadow:0 10px 26px rgba(9,22,52,.10);color:#172a52;transition:all .18s ease}
.mixstations-dolor-card:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(9,22,52,.16)}
.mixstations-dolor-card input{position:absolute;opacity:0;pointer-events:none}
.mixstations-dolor-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:10px;background:#dde5ec;font-size:28px}
.mixstations-dolor-desc{font-size:18px;line-height:1.2;font-weight:700}
.mixstations-dolor-check{width:18px;height:18px;border-radius:50%;border:2px solid rgba(27,44,101,.35);background:#fff;justify-self:end}
.mixstations-dolor-card.is-selected,.mixstations-dolor-card:has(input:checked){border-color:rgba(243,112,33,.55);background:linear-gradient(180deg,#fff7f1 0%,#ffe6d3 100%);box-shadow:0 0 0 3px rgba(243,112,33,.10)}
.mixstations-dolor-card.is-selected .mixstations-dolor-check,.mixstations-dolor-card:has(input:checked) .mixstations-dolor-check{background:#f37021;border-color:#f37021;box-shadow:inset 0 0 0 4px #fff}
.mixstations-dolor-card.is-selected .mixstations-dolor-icon,.mixstations-dolor-card:has(input:checked) .mixstations-dolor-icon{background:#f37021;color:#fff}
.mixstations-submit{width:100%;min-height:68px;border:0;border-radius:14px;background:linear-gradient(180deg,var(--mx-orange-strong),var(--mx-orange));color:#fff;font-size:24px;font-weight:800;box-shadow:0 18px 32px rgba(243,112,33,.34);margin-top:20px;cursor:pointer;transition:all .28s ease;letter-spacing:.01em}
.mixstations-submit:hover{background:linear-gradient(180deg,#ff8b35,var(--mx-orange-hover));transform:translateY(-3px) scale(1.018);box-shadow:0 26px 48px rgba(243,112,33,.48)}
.mixstations-submit:active{transform:translateY(-1px) scale(.995)}
.mixstations-privacy{text-align:center;font-size:14px;margin-top:14px;color:#fff}
.mixstations-privacy a{color:#fff;text-decoration:underline}
.mixstations-message{margin:14px 0 0;font-weight:700}
.mixstations-message.is-error{color:#ffd6d6}
.mixstations-message.is-success{color:#d2ffd2}
.mixstations-hp{position:absolute!important;left:-9999px!important;opacity:0!important}

.mix-dashboard-shell,.mix-admin-wrap{max-width:1240px}
.mix-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 18px}
.mix-kpi-grid.front{margin:0 0 24px}
.mix-kpi-card{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid var(--mx-border);border-radius:18px;padding:18px 20px;color:var(--mx-navy);box-shadow:var(--mx-shadow)}
.mix-kpi-card strong{display:block;font-size:32px;line-height:1.1;margin-top:8px;color:var(--mx-navy)}
.mix-kpi-card small{display:block;margin-top:10px;color:#64748b}
.mix-kpi-label{display:block;color:#64748b;font-size:13px;text-transform:uppercase;letter-spacing:.08em}

.mix-dashboard-v2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mix-card-v2{background:var(--mx-card);color:var(--mx-navy);border-radius:24px;padding:28px;border:1px solid var(--mx-border);box-shadow:var(--mx-shadow)}
.mix-card-v2.is-accent{background:linear-gradient(180deg,#fffdf8,#fff7ef)}
.mix-title-v2{font-size:34px;font-weight:800;line-height:1.08;margin:0 0 8px;color:var(--mx-navy)}
.mix-card-subtitle{margin:0 0 20px;color:#64748b;font-size:15px;line-height:1.5}
.mix-row-v2{padding:12px 0}
.mix-row-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;font-size:18px;font-weight:700}
.mix-row-head strong{font-size:20px;color:var(--mx-navy)}
.mix-bar-track{width:100%;height:12px;border-radius:999px;background:rgba(34,197,94,.12);overflow:hidden}
.mix-bar-track.is-orange{background:rgba(243,112,33,.14)}
.mix-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a)}
.mix-bar-fill.is-orange{background:linear-gradient(90deg,#f37021,#ff9d4d)}
.mix-empty{margin:0;color:#64748b}

.mix-admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}
.mix-admin-settings .mix-settings-card{max-width:980px;background:#fff;border:1px solid var(--mx-border);padding:24px;border-radius:20px;box-shadow:var(--mx-shadow)}
.mix-settings-hero h1{margin:0 0 6px;color:var(--mx-navy)}
.mix-settings-hero p{margin:0 0 22px;color:#64748b;max-width:740px}
.mix-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mix-setting-field label{display:block;font-weight:700;color:var(--mx-navy);margin-bottom:8px}
.mix-setting-field input[type="text"],.mix-setting-field input[type="password"],.mix-setting-field input[type="number"]{width:100%;max-width:100%;padding:12px 14px;border:1px solid var(--mx-border);border-radius:12px;background:#fff}
.mix-switch{display:flex!important;align-items:center;gap:10px}
.mix-switch input{margin:0}

.mix-records-card{margin-top:24px;background:#fff;border:1px solid var(--mx-border);border-radius:24px;box-shadow:var(--mx-shadow);overflow:hidden}
.mix-records-head{display:flex;justify-content:space-between;align-items:flex-end;padding:24px 24px 0;background:linear-gradient(180deg,#f8fbff,#ffffff)}
.mix-records-head h2{margin:0;font-size:28px;color:var(--mx-navy)}
.mix-records-head p{margin:8px 0 18px;color:#64748b}
.mix-table-wrap{overflow:auto;padding:0 24px 24px}
.mix-table{width:100%;border-collapse:separate;border-spacing:0 10px}
.mix-table thead th{position:sticky;top:0;background:#f8fafc;color:#475569;font-size:13px;text-transform:uppercase;letter-spacing:.06em;padding:14px 12px;border-bottom:1px solid var(--mx-border);text-align:left}
.mix-table tbody tr{background:#fff;box-shadow:0 1px 0 var(--mx-border)}
.mix-table tbody tr:hover{background:#fafcff}
.mix-table tbody td{padding:16px 12px;vertical-align:top;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}
.mix-table tbody td:first-child{border-left:1px solid #eef2f7;border-radius:14px 0 0 14px}
.mix-table tbody td:last-child{border-right:1px solid #eef2f7;border-radius:0 14px 14px 0}
.mix-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800}
.mix-pill.is-real{background:var(--mx-green-soft);color:#15803d}
.mix-pill.is-test{background:#ede9fe;color:#6d28d9}
.mix-source-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:700}
.mix-cell-dolores{min-width:220px;color:#1f2937;line-height:1.55}
.mix-actions-cell{min-width:170px}

@media(max-width:980px){.mix-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-dashboard-v2{grid-template-columns:1fr}.mix-settings-grid{grid-template-columns:1fr}.mix-title-v2{font-size:28px}}
@media(max-width:767px){.mixstations-brand{font-size:38px}.mixstations-form h2{font-size:34px}.mixstations-dolor-title{font-size:18px}.mixstations-dolor-card{grid-template-columns:60px 1fr 18px}.mixstations-dolor-icon{width:48px;height:48px;font-size:22px}.mixstations-dolor-desc{font-size:16px}.mixstations-submit{font-size:20px;min-height:60px}.mix-kpi-grid{grid-template-columns:1fr}.mix-records-head{padding:20px 18px 0}.mix-table-wrap{padding:0 18px 18px}.mix-table thead th{font-size:12px}}