@font-face{font-family:ReferenceArabic;src:url('/assets/fonts/arabic-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:ReferenceArabic;src:url('/assets/fonts/arabic-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:ReferenceArabic;src:url('/assets/fonts/arabic-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:ReferenceArabic;src:url('/assets/fonts/arabic-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--u:min(calc(100vw / 848),calc(100vh / 480));--text:#676963;--muted:#92948d;--border:#e9eae5;--paper:#f7f7f5;--dark:#27333e;--black:#242220}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;color:var(--text);background:#6d68a4;font-family:ReferenceArabic,Arial,sans-serif}
body{font-size:calc(8 * var(--u));line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
button,input,select{font:inherit;color:inherit}
img{image-rendering:auto}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:2px solid #abaaca;outline-offset:3px}
input:focus,select:focus{outline:none;border-color:#bfc1b9;box-shadow:0 0 0 1px #d5d7d0}
[hidden]{display:none!important}
.scene{position:relative;min-height:100svh;background:url('/assets/background.png') center center/cover no-repeat}
.auth-area{min-height:100svh}
.auth-card{position:absolute;left:7.1vw;top:8vh;width:calc(273 * var(--u));height:calc(404 * var(--u));background:white;box-shadow:0 0 2px #4c4772;overflow:hidden}
.auth-brand{height:calc(104 * var(--u));display:flex;justify-content:center;align-items:center;border-bottom:1px solid #f2f2ee}
.auth-brand img{display:block;width:calc(94 * var(--u));height:calc(39 * var(--u));object-fit:contain}
.register-form{padding:calc(22 * var(--u));padding-top:calc(22 * var(--u))}
.form-field{margin:0 0 calc(9 * var(--u))}
.form-field label{display:block;font-size:calc(7 * var(--u));font-weight:500;margin:0 0 calc(5 * var(--u));line-height:1.65}
.form-field input,.form-field select,.otp-input{display:block;width:100%;height:calc(25 * var(--u));border:1px solid var(--border);border-radius:calc(2 * var(--u));background:#fff;padding:calc(3 * var(--u)) calc(9 * var(--u));font-size:calc(8 * var(--u));box-shadow:0 0 1px rgba(0,0,0,.025)}
.form-field input.invalid,.form-field select.invalid,.otp-input.invalid{border-color:#cc6d66;background:#fffafa}
.register-form .form-field{margin-bottom:calc(8 * var(--u))}
.register-form .form-field label{margin-bottom:calc(6 * var(--u))}
.register-form .form-field input{height:calc(25 * var(--u))}
.verification{width:100%;height:calc(36 * var(--u));background:#212121;border:0;display:flex;align-items:center;justify-content:space-between;direction:rtl;padding:calc(4 * var(--u)) calc(7 * var(--u));text-align:right;color:#fff;margin-top:calc(10 * var(--u));border-radius:0;font-size:calc(7 * var(--u))}
.verification-result{display:flex;align-items:center;gap:calc(5 * var(--u))}
.checkmark{display:grid;place-items:center;width:calc(16 * var(--u));height:calc(16 * var(--u));border-radius:50%;border:2px dotted #297b55;color:transparent;font-family:Arial,sans-serif;animation:checking 1s linear infinite}
.verification.verified .checkmark{color:#fff;background:#1cb450;border:0;font-size:calc(12 * var(--u));font-weight:700;animation:none}
.cloudflare-logo{width:calc(45 * var(--u));height:calc(24 * var(--u));object-fit:contain}
.terms{font-size:calc(7 * var(--u));text-align:right;margin:calc(14 * var(--u)) 0 calc(10 * var(--u));line-height:1.8;white-space:nowrap}
.terms button{border:0;padding:0;background:none;text-decoration:underline;font-size:inherit}
.button{display:inline-flex;align-items:center;justify-content:center;gap:calc(4 * var(--u));height:calc(25 * var(--u));padding:0 calc(12 * var(--u));font-size:calc(7 * var(--u));font-weight:600;line-height:1.5;border:1px solid var(--border);border-radius:calc(3 * var(--u));white-space:nowrap;transition:background .15s}
.button:hover{filter:brightness(.96)}
.button.black{background:var(--black);color:white;border-color:var(--black)}
.button.dark{background:var(--dark);color:white;border-color:var(--dark)}
.button.light{background:#fafafa;color:#484b47}
.full-width{width:100%}
.auth-switch{font-size:calc(7 * var(--u));text-align:center;margin:calc(18 * var(--u)) 0 0}
.auth-switch a{text-decoration:underline}
.auth-instruction{position:absolute;color:#fff;font-size:calc(26 * var(--u));font-weight:600;line-height:1.55;text-align:center;margin:0;left:41vw;right:3vw;top:40vh;letter-spacing:-.02em}
.verify-card{width:calc(293 * var(--u));isolation:isolate}
.verify-card .auth-brand{height:calc(147 * var(--u));border:0;padding-top:calc(13 * var(--u))}
.otp-form{position:relative;background:#fff;margin:0 calc(5 * var(--u));padding:calc(17 * var(--u)) calc(22 * var(--u)) calc(24 * var(--u));border-radius:calc(10 * var(--u));box-shadow:0 calc(7 * var(--u)) calc(9 * var(--u)) rgba(91,91,75,.10);z-index:2}
.otp-label-row{display:flex;justify-content:space-between;align-items:center;font-size:calc(7 * var(--u));margin-bottom:calc(5 * var(--u))}
.otp-label-row button{padding:0;background:none;border:0;font-size:calc(6 * var(--u));color:#8a8c85}
.otp-input{text-align:right}
.otp-actions{display:flex;justify-content:space-between;align-items:center;margin-top:calc(9 * var(--u))}
.otp-actions .button{height:calc(21 * var(--u));padding:0 calc(10 * var(--u))}
.plain-button{background:transparent;border:0;padding:0;font-size:calc(8 * var(--u))}
.auth-copyright{font-size:calc(7 * var(--u));text-align:center;margin:calc(13 * var(--u)) 0;position:relative;z-index:1}
.auth-watermark{position:absolute;bottom:calc(-6 * var(--u));left:calc(8 * var(--u));width:calc(330 * var(--u));height:calc(135 * var(--u));opacity:.045;z-index:-1;object-fit:cover}
.verify-instruction{left:45vw;right:6vw;top:42vh;font-size:calc(25 * var(--u))}
.workspace{position:absolute;left:8.4vw;top:8vh;width:83.5vw;height:84.3vh;background:var(--paper);box-shadow:0 0 2px #655d89;overflow:hidden;display:flex;flex-direction:column}
.topbar{height:calc(36 * var(--u));min-height:calc(36 * var(--u));background:#fff;display:flex;align-items:center;border-bottom:1px solid #e7e8e2;padding:0 calc(12 * var(--u));gap:calc(22 * var(--u));font-size:calc(7 * var(--u))}
.header-logo{width:calc(59 * var(--u));height:calc(25 * var(--u));object-fit:contain}
.topbar nav{display:flex;gap:calc(20 * var(--u));height:100%;align-items:stretch}
.topbar nav a{display:flex;align-items:center;padding:0 calc(2 * var(--u));border-bottom:calc(1 * var(--u)) solid transparent;font-size:calc(7 * var(--u))}
.topbar nav a.active{border-bottom-color:#60635d}
.logout{margin-right:auto;background:none;border:0;padding:0;display:flex;align-items:center;gap:calc(4 * var(--u));font-size:calc(7 * var(--u));direction:rtl}
.page{padding:calc(14 * var(--u)) calc(12 * var(--u));flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#d9dad4 transparent}
.page::-webkit-scrollbar{width:4px}
.page::-webkit-scrollbar-thumb{background:#ddd}
.icon{width:calc(13 * var(--u));height:calc(13 * var(--u));flex-shrink:0;vertical-align:middle;color:#8d9088}
.stats-row{display:flex;gap:calc(14 * var(--u));margin-bottom:calc(12 * var(--u))}
.stat{display:flex;align-items:center;justify-content:flex-start;gap:calc(16 * var(--u));background:#fff;flex:1;min-width:0;height:calc(55 * var(--u));padding:calc(10 * var(--u)) calc(20 * var(--u))}
.stat span{display:block;color:#969890;font-size:calc(7 * var(--u));font-weight:400}
.stat strong{font-weight:600;font-size:calc(8 * var(--u));display:block;text-align:right;font-family:monospace}
.dashboard-lower{display:flex;gap:calc(12 * var(--u))}
.user-data,.dashboard-requests{background:#fff;width:50%}
.user-data{padding:calc(3 * var(--u)) calc(12 * var(--u))}
.user-row{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--u));border-bottom:1px solid #f6f6f3;min-height:calc(25 * var(--u));font-size:calc(7 * var(--u))}
.user-row:last-child{border-bottom:0}
.user-row>span:first-child{color:#999b94;display:flex;align-items:center;gap:calc(6 * var(--u))}
.user-row .icon{width:calc(8 * var(--u));height:calc(8 * var(--u))}
.empty-state{background:#fff;text-align:center;display:flex;align-items:center;flex-direction:column;padding:calc(10 * var(--u)) calc(10 * var(--u)) calc(12 * var(--u));min-height:calc(82 * var(--u))}
.empty-icon{width:calc(23 * var(--u));height:calc(23 * var(--u));color:#e1e3dc;margin-bottom:calc(6 * var(--u))}
.empty-state strong{font-weight:700;font-size:calc(8 * var(--u));line-height:1.7;color:#454a41}
.empty-state p{font-size:calc(7 * var(--u));margin:calc(4 * var(--u)) 0 0;color:#8c8f86;line-height:1.6}
.dashboard-requests .empty-state{height:100%;min-height:calc(103 * var(--u))}
.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(9 * var(--u));min-height:calc(23 * var(--u))}
.single-left{justify-content:flex-end}
.page-toolbar .button{height:calc(23 * var(--u));font-weight:600}
.plus{font-size:calc(13 * var(--u));font-family:Arial,sans-serif;font-weight:400;line-height:1}
.row-link{display:inline-flex;align-items:center;gap:calc(4 * var(--u));font-size:calc(7 * var(--u));font-weight:600;color:#454a43;white-space:nowrap;border:0;background:none}
.row-link:hover{text-decoration:underline}
.bank-list{margin-top:0;background:#fff}
.bank-row{display:flex;align-items:center;justify-content:space-between;min-height:calc(43 * var(--u));padding:calc(6 * var(--u)) calc(6 * var(--u));background:#fff}
.bank-row:nth-child(4n+3){background:#fdfdfb}
.bank-info{display:flex;align-items:center;gap:calc(9 * var(--u))}
.bank-icon{width:calc(23 * var(--u));height:calc(23 * var(--u));object-fit:contain;flex-shrink:0}
.bank-info strong{display:block;font-size:calc(8 * var(--u));font-weight:700;color:#42453d;line-height:1.5}
.bank-info span{display:block;color:#8e9088;font:calc(8 * var(--u))/1.7 Arial,sans-serif;direction:ltr;text-align:right}
.bank-row .row-link{font-size:calc(7 * var(--u));gap:calc(4 * var(--u))}
.form-panel{background:#fff;padding:calc(13 * var(--u)) calc(12 * var(--u)) calc(5 * var(--u));margin:0}
.form-panel .form-field{margin-bottom:calc(9 * var(--u))}
.form-bank-name{display:flex;align-items:center;gap:calc(6 * var(--u));margin:0 0 calc(9 * var(--u));font-size:calc(7 * var(--u));font-weight:600;color:#92948d}
.form-bank-name .icon{width:calc(12 * var(--u));height:calc(12 * var(--u))}
button[disabled]{opacity:.65;cursor:progress}
.form-actions{display:flex;align-items:center;justify-content:flex-start;gap:calc(5 * var(--u));flex-direction:row;margin-top:calc(14 * var(--u));border-top:1px solid #f3f3ef;padding-top:calc(8 * var(--u));direction:rtl}
.form-actions .button.dark{order:1}
.form-actions .button.light{order:0}
.form-actions{justify-content:flex-end}
.form-actions .icon{width:calc(9 * var(--u));height:calc(9 * var(--u));color:inherit}
.account-row{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:calc(8 * var(--u)) calc(12 * var(--u));min-height:calc(42 * var(--u));margin-bottom:calc(8 * var(--u))}
.account-row-info{display:flex;align-items:center;gap:calc(10 * var(--u))}
.account-number{display:block;font-size:calc(7 * var(--u))}
.account-row-info small{display:block;color:#93958f;font-size:calc(6 * var(--u))}
.account-row .bank-icon{width:calc(21 * var(--u));height:calc(21 * var(--u))}
.account-columns{display:flex;gap:calc(10 * var(--u));align-items:flex-start}
.account-requests,.request-details{flex:1;min-width:0}
.account-sidebar{background:#fff;width:calc(160 * var(--u));padding:calc(10 * var(--u));flex-shrink:0;min-height:calc(214 * var(--u))}
.account-sidebar dl{margin:0}
.account-sidebar dt{font-size:calc(7 * var(--u));color:#9d9f97;margin-top:calc(13 * var(--u))}
.account-sidebar dt:first-child{margin-top:0}
.account-sidebar dd{margin:calc(3 * var(--u)) 0 0;font-size:calc(7 * var(--u));color:#575c53;font-weight:500}
.sidebar-iban{font-size:calc(6.3 * var(--u))!important;overflow-wrap:anywhere;text-align:right}
.mono{font-family:monospace;direction:ltr;display:inline-block;font-size:calc(6.5 * var(--u))}
.badge{display:inline-block;font-size:calc(6 * var(--u));padding:0 calc(4 * var(--u));border-radius:calc(2 * var(--u));line-height:1.75;font-weight:600}
.badge.green{background:#eaf4e9;color:#609873}
.badge.amber{background:#f5f0df;color:#a56547}
.badge.red{background:#fae9e7;color:#b45b59}
.request-row{background:#fff;padding:calc(8 * var(--u)) calc(12 * var(--u));display:flex;align-items:center;justify-content:space-between;min-height:calc(44 * var(--u));margin-bottom:calc(7 * var(--u))}
.request-row-info>div{display:flex;align-items:center;gap:calc(7 * var(--u))}
.request-row-info small{display:flex;align-items:center;gap:calc(4 * var(--u));font-size:calc(6 * var(--u));color:#8c8f86;margin-top:calc(3 * var(--u))}
.request-row-info .icon{width:calc(7 * var(--u));height:calc(7 * var(--u))}
.purpose-group{border:0;padding:0;margin:0 0 calc(11 * var(--u))}
.purpose-group legend{padding:0;font-size:calc(7 * var(--u));font-weight:600;margin-bottom:calc(3 * var(--u))}
.purpose-group label{display:flex;align-items:center;gap:calc(5 * var(--u));font-size:calc(7 * var(--u));height:calc(13 * var(--u));width:fit-content;cursor:pointer}
input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(9 * var(--u));height:calc(9 * var(--u));border:1px solid #e5e7df;border-radius:calc(1.5 * var(--u));background:#fff;flex-shrink:0;margin:0;display:grid;place-items:center;cursor:pointer}
input[type=checkbox]:checked{background:#727c70;border-color:#727c70}
input[type=checkbox]:checked:after{content:'✓';color:#fff;font-family:Arial,sans-serif;font-size:calc(8 * var(--u));line-height:1}
.consent{display:flex;align-items:center;gap:calc(5 * var(--u));border:1px solid #f0f1eb;background:#fdfdfc;padding:calc(3 * var(--u)) calc(6 * var(--u));min-height:calc(21 * var(--u));font-size:calc(7 * var(--u));color:#86897f;cursor:pointer}
.request-form .verification{margin-top:calc(10 * var(--u))}
.request-form .form-actions{margin-top:calc(8 * var(--u));padding-top:calc(6 * var(--u))}
.request-form .form-field label{margin-bottom:calc(4 * var(--u))}
.request-form select{appearance:auto}
.request-details{background:#fff;padding:calc(12 * var(--u))}
.request-detail-heading{display:flex;justify-content:space-between;font-size:calc(8 * var(--u));font-weight:600;border-bottom:1px solid var(--border);padding-bottom:calc(10 * var(--u))}
.request-details dl{margin:0}
.request-details dl>div{display:flex;justify-content:space-between;padding:calc(8 * var(--u)) 0;border-bottom:1px solid #f5f5f1;font-size:calc(7 * var(--u))}
.request-details dt{color:#999b94}
.request-details dd{margin:0;max-width:65%}
.toast{position:absolute;top:12vh;left:50%;transform:translateX(-50%);width:calc(212 * var(--u));padding:calc(10 * var(--u));background:#fff;border-radius:calc(3 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0,0,0,.12);z-index:10;font-size:calc(7 * var(--u))}
.toast-line{display:flex;gap:calc(4 * var(--u));align-items:center;padding-left:calc(10 * var(--u));font-weight:500}
.toast-status{border:1px solid #8edab5;border-radius:50%;color:#66c297;font-family:Arial,sans-serif;width:calc(11 * var(--u));height:calc(11 * var(--u));display:grid;place-items:center}
.toast.error .toast-status{border-color:#d98b84;color:#c46f67}
.toast p{color:#91978b;margin:calc(2 * var(--u)) 0 0;line-height:1.7}
.toast button{position:absolute;left:calc(10 * var(--u));top:calc(8 * var(--u));border:0;background:none;padding:0;color:#a7aaa1;font:calc(12 * var(--u)) Arial,sans-serif}
.demo-notice{position:fixed;bottom:8px;left:0;width:100%;padding:0 12px;color:rgba(255,255,255,.82);text-align:center;font-size:10px;z-index:20;line-height:1.5}
.demo-notice button{border:0;background:none;color:#fff;text-decoration:underline;font-size:10px;margin-right:9px;padding:0}
#demo-code{margin-right:8px;color:white}
dialog{border:1px solid #e4e5de;max-width:480px;border-radius:6px;padding:28px;font-size:14px;line-height:2;color:#65695e}
dialog::backdrop{background:rgba(41,37,70,.35)}
dialog h2{font-size:18px;margin:0 0 10px}
dialog .button{height:35px;font-size:12px}
@keyframes checking{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:700px){
  :root{--u:1px}
  body{font-size:12px}
  .scene{background-size:auto 100svh;background-attachment:fixed;min-height:100svh;padding:28px 16px 45px}
  .auth-area{min-height:0}
  .auth-card{position:relative;left:auto;top:auto;width:min(100%,360px);height:auto;min-height:510px;margin:0 auto;box-shadow:0 1px 8px #50477550}
  .auth-brand{height:126px}
  .auth-brand img{width:120px;height:50px}
  .register-form{padding:25px 26px}
  .form-field label,.register-form .form-field label{font-size:11px;margin-bottom:8px}
  .form-field input,.form-field select,.otp-input,.register-form .form-field input{height:36px;font-size:13px}
  .register-form .form-field{margin-bottom:12px}
  .verification{height:47px;font-size:10px;margin-top:14px;padding:7px 10px}
  .checkmark{width:21px;height:21px}
  .verification.verified .checkmark{font-size:16px}
  .cloudflare-logo{width:57px;height:32px}
  .terms{font-size:9px;margin:16px 0;white-space:normal}
  .button{font-size:11px;height:34px;padding:0 12px;border-radius:3px}
  .auth-switch{font-size:10px;margin:16px 0 0}
  .auth-instruction{position:relative;top:auto;left:auto;right:auto;font-size:18px;line-height:1.8;margin:24px auto 0;max-width:390px}
  .auth-instruction br{display:none}
  .verify-card{width:min(100%,360px);min-height:490px}
  .verify-card .auth-brand{height:180px;padding-top:15px}
  .otp-form{padding:20px 22px 24px;margin:0 6px}
  .otp-label-row{font-size:11px;margin-bottom:8px}
  .otp-label-row button{font-size:9px}
  .otp-actions{margin-top:13px}
  .otp-actions .button{height:29px}
  .plain-button{font-size:11px}
  .auth-copyright{font-size:10px;margin:19px 0}
  .auth-watermark{width:340px;height:140px}
  .workspace{position:relative;left:auto;top:auto;width:100%;height:calc(100svh - 76px);min-height:450px;overflow:hidden}
  .topbar{height:54px;min-height:54px;padding:0 10px;gap:16px;font-size:10px}
  .header-logo{width:60px;height:30px}
  .topbar nav{gap:15px}
  .topbar nav a,.logout{font-size:10px}
  .page{padding:12px 10px}
  .stats-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
  .stat{height:61px;padding:12px;gap:12px}
  .stat span{font-size:9px}
  .stat strong{font-size:11px}
  .stat .icon{width:17px;height:17px}
  .dashboard-lower{flex-direction:column;gap:10px}
  .user-data,.dashboard-requests{width:100%}
  .user-data{padding:6px 12px}
  .user-row{min-height:33px;font-size:10px}
  .user-row .icon{width:11px;height:11px}
  .empty-state{padding:17px 10px;min-height:120px}
  .empty-icon{width:27px;height:27px;margin-bottom:9px}
  .empty-state strong{font-size:11px}
  .empty-state p{font-size:10px}
  .page-toolbar{margin-bottom:12px}
  .page-toolbar .button{height:31px;font-size:10px}
  .row-link{font-size:10px}
  .plus{font-size:16px}
  .bank-row{min-height:62px;padding:8px 5px}
  .bank-info{gap:7px;max-width:65%}
  .bank-info strong{font-size:10px}
  .bank-info span{font-size:9px}
  .bank-icon{width:25px;height:25px}
  .bank-row .row-link{font-size:9px}
  .form-panel{padding:14px 10px 10px}
  .form-field{margin-bottom:13px}
  .form-actions{margin-top:15px;padding-top:10px;gap:5px}
  .form-actions .button{font-size:9px;padding:0 9px}
  .account-columns{flex-direction:column-reverse;gap:12px}
  .account-sidebar{width:100%;min-height:0;padding:13px}
  .account-sidebar dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
  .account-sidebar dt{margin:0;font-size:10px}
  .account-sidebar dd{font-size:10px;margin:0;text-align:left}
  .sidebar-iban{font-size:9px!important}
  .badge{font-size:9px;padding:1px 5px}
  .account-requests,.request-details{width:100%}
  .account-number{font-size:10px}
  .account-row-info small{font-size:9px}
  .account-row{padding:12px 8px}
  .account-row-info{gap:8px;max-width:70%}
  .account-number{overflow-wrap:anywhere}
  .account-row .row-link{font-size:9px}
  .purpose-group{margin:0 0 16px}
  .purpose-group legend{font-size:11px;margin-bottom:8px}
  .purpose-group label{font-size:11px;height:24px;gap:8px}
  input[type=checkbox]{width:13px;height:13px;border-radius:2px}
  input[type=checkbox]:checked:after{font-size:11px}
  .consent{font-size:10px;gap:8px;padding:8px;align-items:flex-start}
  .consent input{margin-top:3px}
  .request-form .form-field label{font-size:11px;margin-bottom:6px}
  .request-form .verification{margin-top:14px}
  .request-row{min-height:60px;padding:10px 8px}
  .request-row-info .mono{font-size:9px}
  .request-row-info small{font-size:9px}
  .request-row-info .icon{width:9px;height:9px}
  .request-row-info>div{gap:6px;flex-wrap:wrap}
  .request-row .row-link{font-size:9px}
  .request-detail-heading{font-size:12px;padding-bottom:10px}
  .request-details{padding:12px}
  .request-details dl>div{font-size:11px;padding:10px 0}
  .toast{position:fixed;top:16px;width:275px;padding:12px;font-size:11px}
  .toast-status{width:15px;height:15px}
  .toast button{font-size:17px;left:10px;top:10px}
  .demo-notice{font-size:9px;background:#6d68a4ec;bottom:0;padding:5px 8px}
}

/* Alignment corrections from the actual reference frames. */
@media(min-width:701px){
  .register-instruction{font-size:calc(24 * var(--u));right:1vw}
  .verify-card .auth-brand{height:calc(152 * var(--u));padding-top:calc(30 * var(--u))}
}
.otp-actions{direction:ltr}
.bank-row .row-link{flex-direction:row-reverse}
.button:has(.plus){direction:ltr}

.button:has(.plus){direction:rtl}
@media(min-width:701px){
  .account-sidebar dd{padding-bottom:calc(6 * var(--u));border-bottom:1px solid #f5f5f1}
  .account-sidebar dt{margin-top:calc(8 * var(--u))}
  .account-sidebar dd:last-child{border-bottom:0;padding-bottom:0}
}

/* Reference frame 34: identity confirmation left, logout right. */
.otp-actions{direction:rtl}