.platform-app { --paper-50:#fff; --paper-100:#f5f6f7; --paper-200:#eceef0; --ink-900:#232629; --ink-700:#41474d; --ink-600:#656d75; --line-200:#dfe3e6; --line-300:#c6cdd3; --text-base:14px; --text-sm:13px; --text-xs:12px; --text-title:26px; --text-lg:18px; --text-xl:22px; background:var(--paper-100); letter-spacing:0; }
.platform-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 32px; border-bottom:1px solid var(--line-200); background:var(--paper-50); }
.platform-brand { display:flex; align-items:center; gap:12px; font-size:18px; font-weight:700; }
.platform-brand .icon { color:var(--brand-600); width:28px; height:28px; }
.platform-tools { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.platform-app .i-settings-2 { --i:url(/assets/icons/settings.svg); }
.platform-app .i-save { --i:url(/assets/icons/check.svg); }
.platform-app .i-key-round { --i:url(/assets/icons/key-round.svg); }
.platform-app .i-copy { --i:url(/assets/icons/copy.svg); }
.platform-app .i-download { --i:url(/assets/icons/download.svg); }
.platform-breadcrumb { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:24px; color:var(--ink-600); }
.platform-breadcrumb a { display:inline-flex; align-items:center; gap:8px; min-height:44px; }
.platform-account-tabs { display:flex; gap:24px; border-bottom:1px solid var(--line-300); margin-bottom:24px; }
.platform-account-tabs a { display:inline-flex; align-items:center; padding:12px 4px; min-height:48px; color:var(--ink-600); border-bottom:3px solid transparent; text-decoration:none; }
.platform-account-tabs a[aria-selected=true] { color:var(--ink-900); font-weight:700; border-color:var(--brand-600); }
.platform-account-toolbar,.platform-account-pagination { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:20px 0; }
.platform-account-toolbar .search { display:flex; align-items:center; gap:10px; width:320px; max-width:100%; padding:0 12px; border:1px solid var(--line-300); border-radius:6px; background:var(--paper-50); }
.platform-account-toolbar .search input { min-width:0; width:100%; border:0; background:transparent; padding-inline:0; }
.platform-account-table td:first-child { max-width:260px; overflow-wrap:anywhere; }
.platform-account-table .button,.platform-account-table .icon-button,.platform-account-pagination .icon-button { min-height:44px; }
.platform-account-empty { padding:48px 16px !important; text-align:center !important; color:var(--ink-600); }
.platform-app dialog .check { align-items:flex-start; }
.platform-onboarding-names { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.platform-onboarding-summary { display:flex; flex-wrap:wrap; gap:16px 32px; padding-block:16px; border-block:1px solid var(--line-200); }
.platform-onboarding-summary dt { color:var(--ink-600); font-size:13px; }.platform-onboarding-summary dd { margin:6px 0 0; font-weight:600; }
.platform-entrances { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.platform-entrances section { min-width:0; padding-block:16px; border-top:1px solid var(--line-200); }
.platform-entrance-qr { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:300px; margin-top:16px; }
.platform-entrance-qr img { display:block; width:240px; max-width:100%; height:auto; background:#fff; }
.platform-entrances h3 { display:flex; align-items:center; gap:8px; font-size:16px; }
.platform-entrances section>a { display:block; overflow-wrap:anywhere; margin:12px 0; }
.platform-app [data-create-merchant],.platform-entrances .button { min-height:44px; }
.platform-app dialog[data-key=platform-onboarding] .button { min-height:44px; }
.platform-app dialog[data-key=platform-onboarding] .dialog-foot,.platform-app dialog[data-key=platform-entrances] .dialog-foot { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:12px; }
.platform-app dialog[data-key=platform-entrances] .dialog-foot { position:static; }
@media(max-width:640px) { .platform-onboarding-names,.platform-entrances { grid-template-columns:1fr; gap:0; }.platform-heading { flex-wrap:wrap; } }
.platform-heading .search { display:flex; align-items:center; gap:10px; width:320px; max-width:100%; padding:0 12px; border:1px solid var(--line-300); border-radius:6px; background:var(--paper-50); }
.platform-heading .search input { min-width:0; width:100%; border:0; background:transparent; padding-inline:0; }
.platform-main { max-width:1400px; margin:0 auto; padding:32px; }
.platform-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.platform-heading h1 { font-size:26px; margin-bottom:6px; }
.platform-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--line-200); margin:24px 0; padding:20px 0; }
.platform-stats div { padding:0 24px; border-right:1px solid var(--line-200); }
.platform-stats div:first-child { padding-left:0; }.platform-stats div:last-child { border:0; }
.platform-stats dt { color:var(--ink-600); font-size:13px; }.platform-stats dd { font-size:26px; font-weight:700; margin:8px 0 0; }
.platform-table-wrap { overflow-x:auto; border:1px solid var(--line-200); background:var(--paper-50); }
.platform-table { width:100%; border-collapse:collapse; min-width:980px; }
.platform-table th,.platform-table td { padding:16px; text-align:left; border-bottom:1px solid var(--line-200); vertical-align:middle; }
.platform-table th { font-size:12px; color:var(--ink-600); background:var(--paper-100); }.platform-table tr:last-child td { border:0; }
.platform-table small { display:block; margin-top:5px; color:var(--ink-600); }
.platform-login { width:min(100% - 40px,420px); margin:90px auto; }.platform-login h1 { margin:24px 0 8px; font-size:26px; }.platform-login form { margin-top:28px; }
.platform-entry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; border-top:1px solid var(--line-200); }.platform-entry-grid label { min-height:48px; border-bottom:1px solid var(--line-200); padding:8px 0; }
.platform-audit { padding:16px 0; border-bottom:1px solid var(--line-200); }.platform-audit p { margin-top:8px; overflow-wrap:anywhere; }.platform-audit summary { cursor:pointer; padding:8px 0; }.platform-audit ul { padding-left:20px; }
@media(max-width:640px) { .platform-header { padding:16px; flex-wrap:wrap; }.platform-main { padding:20px 16px; }.platform-heading { align-items:flex-start; }.platform-heading h1 { font-size:22px; }.platform-entry-grid { grid-template-columns:1fr; }.platform-stats div { padding:0 12px; }.platform-stats dd { font-size:22px; }.platform-tools { gap:8px; }.platform-login { margin:48px auto; } }