#srbs-app{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f7fc;color:#172b4d;min-height:720px;display:flex;border-radius:20px;overflow:hidden;box-shadow:0 18px 55px rgba(14,49,95,.12)}
.srbs-sidebar{width:250px;background:#071b3a;color:#fff;padding:24px 16px;display:flex;flex-direction:column;flex-shrink:0}.srbs-logo-wrap{display:flex;align-items:center;gap:10px;padding:5px 8px 30px}.srbs-logo-mark,.srbs-brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#2da7ff,#0a67d8);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:900;box-shadow:0 8px 18px rgba(34,147,255,.28)}.srbs-logo{font-size:17px;font-weight:900;line-height:1.05}.srbs-logo span{font-weight:700}.srbs-logo small{display:block;font-size:9px;color:#9fb3d2;margin-top:5px;font-weight:600}.srbs-nav{display:flex;flex-direction:column;gap:6px}.srbs-nav button{border:0;background:transparent;text-align:left;padding:13px 14px;border-radius:12px;color:#b7c6dd;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:12px}.srbs-nav button:hover,.srbs-nav button.active{background:#126de0;color:#fff;font-weight:700}.srbs-nav button:first-letter{font-size:17px}.srbs-logout{margin-top:auto;text-decoration:none;color:#ff9c9c;padding:13px 14px;font-size:14px;display:flex;gap:12px}
.srbs-main{flex:1;min-width:0;padding:28px;background:#f4f7fc}.srbs-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.srbs-eyebrow{font-size:11px;color:#70819a;text-transform:uppercase;letter-spacing:.13em}.srbs-topbar h1{margin:5px 0 0;font-size:28px}.srbs-user{display:flex;align-items:center;gap:9px;font-size:14px}.srbs-user small{display:block;color:#7b879a;font-size:11px;margin-top:2px}.srbs-avatar{width:42px;height:42px;border-radius:50%;background:#dbeafe center/cover no-repeat;display:grid;place-items:center;color:#126de0;font-weight:800;border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}.srbs-badge{background:#e9f8ef;color:#16803c;border-radius:999px;padding:6px 10px;font-size:11px;text-transform:capitalize;font-weight:800}
.srbs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.srbs-card{background:#fff;border:1px solid #e8edf5;border-radius:18px;padding:20px;box-shadow:0 8px 25px rgba(22,50,79,.05)}.srbs-card h3{margin:0 0 8px;font-size:13px;color:#718096}.srbs-value{font-size:25px;font-weight:850}.srbs-section{margin-top:20px}.srbs-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.srbs-section-title h2{font-size:18px;margin:0}.srbs-welcome{background:linear-gradient(135deg,#0755bd,#1689ed);color:#fff;border-radius:20px;padding:25px 28px;margin-bottom:18px;box-shadow:0 14px 35px rgba(9,102,211,.2)}.srbs-welcome small{opacity:.78}.srbs-welcome h2{font-size:27px;margin:5px 0}.srbs-welcome p{margin:0;opacity:.85}.srbs-account-card{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#071b3a;color:#fff;border-radius:18px;padding:20px}.srbs-account-card .label{color:#9fb3d2;font-size:12px}.srbs-account-card .number{font-size:18px;font-weight:800;letter-spacing:.08em}.srbs-account-card .balance{font-size:25px;font-weight:900}
.srbs-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:10px;padding:11px 15px;cursor:pointer;font-weight:700;font-size:13px}.srbs-primary{background:#0d6efd;color:#fff}.srbs-danger{background:#ef4444;color:#fff}.srbs-success{background:#16a34a;color:#fff}.srbs-muted{background:#f1f5f9;color:#334155}.srbs-table-wrap{overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:16px}.srbs-table{width:100%;border-collapse:collapse;min-width:650px}.srbs-table th,.srbs-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eef0f3;font-size:13px}.srbs-table th{color:#667085;background:#fafbfc}.srbs-status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;background:#f1f5f9}.srbs-status.Pending{background:#fff7e6;color:#a16207}.srbs-status.Approved,.srbs-status.Completed,.srbs-status.Active{background:#eaf7ef;color:#16803c}.srbs-status.Rejected,.srbs-status.Failed{background:#fff0f0;color:#b42318}.srbs-actions{display:flex;gap:8px;flex-wrap:wrap}.srbs-form{display:grid;gap:13px;max-width:620px}.srbs-form label{font-size:13px;font-weight:700}.srbs-form input,.srbs-form select,.srbs-form textarea{width:100%;box-sizing:border-box;border:1px solid #dfe3e8;border-radius:10px;padding:12px;background:#fff}.srbs-form textarea{min-height:100px;resize:vertical}.srbs-loading,.srbs-empty,.srbs-error{background:#fff;border:1px dashed #d6dbe1;border-radius:16px;padding:28px;text-align:center;color:#667085}
/* Branded client login */
.srbs-login-app{position:relative;min-height:720px;border-radius:22px;overflow:hidden;background-image:var(--srbs-login-bg);background-size:cover;background-position:center}.srbs-login-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,31,71,.83),rgba(9,95,185,.60),rgba(3,24,56,.68))}.srbs-login-shell{position:relative;z-index:1;min-height:720px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 18px}.srbs-login-brand{color:#fff;display:flex;align-items:center;gap:11px;margin-bottom:18px;text-align:left}.srbs-login-brand strong{font-size:20px;letter-spacing:.03em}.srbs-login-brand small{display:block;font-size:10px;opacity:.82;margin-top:3px}.srbs-login-card{width:min(430px,100%);box-sizing:border-box;background:rgba(255,255,255,.96);border-radius:22px;padding:31px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.srbs-login-heading{text-align:center;font-size:28px;font-weight:850;color:#102d58}.srbs-login-card>p{text-align:center;color:#7b8ba2;margin:6px 0 25px}.srbs-login-form{display:grid;gap:16px}.srbs-login-form label{font-size:13px;font-weight:800;color:#233b5e}.srbs-login-form input[type=text],.srbs-login-form input[type=password]{width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #dbe5f2;border-radius:12px;padding:14px 15px;font-size:14px;outline:none;background:#fff}.srbs-login-form input:focus{border-color:#1a7ae8;box-shadow:0 0 0 3px rgba(26,122,232,.1)}.srbs-password-wrap{position:relative}.srbs-password-wrap input{padding-right:48px!important}.srbs-eye{position:absolute;right:7px;top:10px;border:0;background:transparent;color:#3179d8;cursor:pointer;font-size:18px}.srbs-remember{display:flex!important;align-items:center;gap:8px;font-weight:600!important;color:#6d7b90!important}.srbs-remember input{width:17px;height:17px;accent-color:#1478e5}.srbs-login-btn{border:0;border-radius:12px;background:linear-gradient(135deg,#0873e6,#0759bd);color:#fff;font-weight:800;font-size:15px;padding:14px;cursor:pointer;box-shadow:0 10px 20px rgba(8,115,230,.25)}.srbs-login-btn:disabled{opacity:.65;cursor:wait}.srbs-login-error{background:#fff0f0;color:#b42318;border:1px solid #ffd4d4;border-radius:10px;padding:10px;font-size:12px}.srbs-login-security{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;color:#718096;font-size:10px;margin-top:18px}.srbs-login-security span{background:#f4f7fb;border-radius:999px;padding:6px 8px}
@media(max-width:1000px){.srbs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.srbs-sidebar{width:210px}}@media(max-width:700px){#srbs-app{display:block}.srbs-sidebar{width:auto;border-right:0;border-bottom:1px solid #15345d;padding:12px}.srbs-logo-wrap{padding-bottom:14px}.srbs-nav{display:grid;grid-template-columns:repeat(2,1fr)}.srbs-logout{margin-top:8px}.srbs-main{padding:18px}.srbs-topbar{align-items:flex-start}.srbs-user{max-width:190px}.srbs-grid{grid-template-columns:1fr}.srbs-topbar h1{font-size:23px}.srbs-login-card{padding:23px}.srbs-login-heading{font-size:25px}.srbs-login-shell{min-height:680px}.srbs-account-card{align-items:flex-start;flex-direction:column}}
.srbs-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px}.srbs-welcome-account{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:14px 18px;border-radius:14px;text-align:right}.srbs-card.accent{border-top:4px solid #0d74e8}.small-value{font-size:18px}.srbs-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.srbs-quick button{border:0;border-radius:14px;padding:15px;background:#fff;color:#17345d;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(22,50,79,.05)}.srbs-quick button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(22,50,79,.09)}.srbs-two{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;margin-top:16px}.srbs-rates{display:grid;gap:10px}.srbs-rates>div,.srbs-mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #edf1f6;border-radius:10px}.srbs-mini-row{margin-top:8px;font-size:12px}.srbs-link{border:0;background:none;color:#0873e6;font-weight:800;cursor:pointer}.srbs-muted-text{color:#718096;font-size:13px}.srbs-fee-box{display:flex;justify-content:space-between;background:#f5f8fc;border-radius:10px;padding:12px;font-size:13px}.srbs-success-box{margin-top:10px;background:#eaf7ef;color:#176b36;border:1px solid #ccebd7;border-radius:10px;padding:12px;font-size:13px}.srbs-support-box{margin-top:16px;background:#f4f8ff;border:1px solid #dceaff;padding:15px;border-radius:12px;color:#2c568b}.srbs-profile-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.srbs-profile-head h2{margin:0 0 4px}.srbs-profile-head p{margin:0 0 8px;color:#718096;font-size:13px}.srbs-avatar.big{width:78px;height:78px;font-size:25px}.account-grid{margin-top:12px}.srbs-login-brand strong{text-transform:none;font-size:25px}.srbs-login-card{backdrop-filter:blur(8px)}
@media(max-width:900px){.srbs-two{grid-template-columns:1fr}.srbs-quick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.srbs-welcome{flex-direction:column;align-items:flex-start}.srbs-welcome-account{text-align:left;width:100%;box-sizing:border-box}.srbs-quick{grid-template-columns:1fr 1fr}.srbs-login-app{border-radius:0}}
.srbs-fee-highlight{background:#eef7ff;border:1px solid #d8ebff}.srbs-exchange-preview{background:#f7faff;border:1px solid #e1ebf8;border-radius:14px;padding:12px;display:grid;gap:8px}.srbs-exchange-preview>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.srbs-exchange-preview .total{border-top:1px solid #dbe6f2;padding-top:10px;font-size:14px}.srbs-input-hint{display:block;color:#7b879a;font-size:11px;margin-top:5px;font-weight:500}.srbs-transfer-lock{background:#f5f8fc;border-radius:10px;padding:12px;margin:14px 0;color:#52657d;font-size:13px}.srbs-btn:disabled{opacity:.48;cursor:not-allowed;transform:none!important}
.srbs-client-notice{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#eef6ff,#fff);border:1px solid #cfe0ff;border-radius:18px;padding:18px;margin-bottom:18px;box-shadow:0 10px 30px rgba(20,70,140,.08)}
.srbs-client-notice img{width:88px;height:88px;object-fit:cover;border-radius:14px;flex:0 0 88px}.srbs-client-notice strong{font-size:18px;color:#0b3b78}.srbs-client-notice p{margin:6px 0 0;color:#53657c;line-height:1.6}
.srbs-fee-highlight{border-color:#ffd7a3;background:#fff8ed}.srbs-input-hint{display:block;margin-top:7px;color:#74839a;font-size:12px}

.srbs-golden-card{background:linear-gradient(135deg,#0b3b73,#0a68c9 55%,#f3b83f);color:#fff;border:0;box-shadow:0 18px 40px rgba(7,54,110,.22);position:relative;overflow:hidden}.srbs-golden-card:after{content:"";position:absolute;right:-40px;top:-50px;width:160px;height:160px;border:22px solid rgba(255,255,255,.12);border-radius:50%}.srbs-golden-card h3,.srbs-golden-card small{color:rgba(255,255,255,.82)}.srbs-golden-card .srbs-value{color:#fff}.srbs-exchange-preview{margin:14px 0;padding:14px 16px;border-radius:16px;background:#f6f9ff;border:1px solid #dbe7f7}.srbs-exchange-preview>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.srbs-exchange-preview .total{margin-top:6px;padding-top:12px;border-top:1px solid #d7e1ef;font-size:1.05em}.srbs-transfer-lock{margin:12px 0;padding:12px 14px;border-radius:12px;background:#f5f8fc;color:#475569}.srbs-fee-highlight{border:1px solid #f0c66b;background:#fff9e8}.srbs-success-box{padding:14px 16px;border-radius:14px;background:#ecfdf5;border:1px solid #b7efd4;color:#166534;margin-top:12px}.srbs-error{margin-top:12px}.srbs-form select{width:100%;padding:12px 14px;border:1px solid #d7e1ef;border-radius:12px;background:#fff}

.srbs-account-card-gold{margin:18px 0;padding:24px;border-radius:22px;background:linear-gradient(135deg,#f6d365,#d7a93f 45%,#9b6b16);color:#1c2530;box-shadow:0 16px 35px rgba(71,48,8,.18);position:relative;overflow:hidden;min-height:160px}.srbs-account-card-gold:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-55px;top:-75px;background:rgba(255,255,255,.16)}.srbs-account-card-gold span,.srbs-account-card-gold small{display:block;opacity:.78;font-size:12px;letter-spacing:.12em}.srbs-account-card-gold strong{display:block;font-size:22px;margin:8px 0}.srbs-account-card-number{font-size:20px;letter-spacing:.12em;margin:20px 0}.srbs-account-card-bottom{display:flex;justify-content:space-between;align-items:end}.srbs-account-card-bottom strong{margin:0;font-size:18px}.srbs-wallet-account-box{margin-top:22px;padding-top:20px;border-top:1px solid #e7edf6}.srbs-wallet-account-box h3{margin:0 0 8px}.srbs-btn.srbs-secondary{background:#eef3fb;color:#0b2d58;border:1px solid #d6e0ef}

/* v1.6 Mobile-app experience */
.srbs-mobile-nav{display:none}
@media(max-width:700px){
  body{background:#eef4f8}
  #srbs-app{display:block;min-height:100vh;height:auto;border-radius:0;box-shadow:none;background:#eef4f8;overflow:visible;padding-bottom:78px}
  .srbs-sidebar{display:none}
  .srbs-main{padding:0 14px 24px;background:#eef4f8;min-height:100vh}
  .srbs-topbar{position:sticky;top:0;z-index:20;margin:0 -14px 14px;padding:12px 15px 10px;background:linear-gradient(135deg,#087e79,#0b9c91);color:#fff;box-shadow:0 5px 18px rgba(4,67,78,.15);align-items:center}
  .srbs-eyebrow{color:rgba(255,255,255,.72);font-size:8px;letter-spacing:.12em}
  .srbs-topbar h1{font-size:22px;margin:2px 0 0;color:#fff}
  .srbs-user{gap:7px}.srbs-user strong{font-size:12px}.srbs-user small{color:rgba(255,255,255,.7);font-size:9px}.srbs-badge{padding:5px 8px;font-size:9px}
  .srbs-avatar{width:38px;height:38px;border-color:rgba(255,255,255,.75)}
  .srbs-welcome{border-radius:22px;padding:22px;margin-bottom:14px;background:linear-gradient(135deg,#087e79,#0b9c91);box-shadow:0 14px 30px rgba(6,117,112,.18)}
  .srbs-welcome h2{font-size:25px;margin:5px 0}.srbs-welcome p{font-size:13px}.srbs-welcome-account{margin-top:14px!important;width:100%;padding:13px;border-radius:15px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}
  .srbs-account-card-gold{margin:0 0 14px;border-radius:22px;min-height:150px;padding:20px;background:linear-gradient(135deg,#19160c,#80611b 50%,#e5b73e);box-shadow:0 16px 30px rgba(91,67,13,.22)}
  .srbs-account-card-gold strong{font-size:19px}.srbs-account-card-number{font-size:15px;margin:16px 0}.srbs-account-card-bottom strong{font-size:17px}
  .srbs-grid{grid-template-columns:1fr 1fr;gap:10px}.srbs-card{border-radius:17px;padding:15px}.srbs-value{font-size:20px}.srbs-card h3{font-size:11px}
  .srbs-quick{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.srbs-quick button{padding:12px 5px;border-radius:14px;font-size:10px}
  .srbs-two{grid-template-columns:1fr}.srbs-section{margin-top:14px}
  .srbs-table-wrap{border-radius:14px}.srbs-table{min-width:580px}
  .srbs-mobile-nav{position:fixed;display:flex;left:8px;right:8px;bottom:8px;z-index:100;justify-content:space-around;align-items:center;padding:8px 5px;background:rgba(255,255,255,.96);border:1px solid #e2e8ef;border-radius:22px;box-shadow:0 10px 30px rgba(18,42,61,.18);backdrop-filter:blur(16px)}
  .srbs-mobile-nav button{border:0;background:transparent;color:#83909f;min-width:54px;padding:4px 3px;border-radius:14px;font-size:18px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.srbs-mobile-nav button small{font-size:9px;font-weight:700}.srbs-mobile-nav button.active{color:#087e79;background:#e8f8f6}
  .srbs-login-app{min-height:100vh;border-radius:0;background:linear-gradient(145deg,#087e79 0%,#0b9c91 52%,#f0f52c 140%);}
  .srbs-login-overlay{background:radial-gradient(circle at 100% 0%,rgba(240,245,44,.65) 0 16%,transparent 17%),linear-gradient(180deg,rgba(4,76,82,.08),rgba(3,39,51,.22))}
  .srbs-login-shell{min-height:100vh;padding:28px 16px 36px;justify-content:center}
  .srbs-login-brand{margin-bottom:22px;align-self:center}.srbs-login-brand strong{font-size:22px}.srbs-login-brand small{font-size:9px}.srbs-brand-mark{width:46px;height:46px;border-radius:15px;background:#fff;color:#087e79;box-shadow:0 10px 24px rgba(0,0,0,.14)}
  .srbs-login-card{width:100%;max-width:390px;border-radius:28px;padding:24px 20px;box-shadow:0 24px 55px rgba(0,0,0,.2);background:rgba(255,255,255,.98)}
  .srbs-login-heading{font-size:26px}.srbs-login-card>p{font-size:12px;margin-bottom:20px}.srbs-login-form{gap:13px}.srbs-login-form input[type=text],.srbs-login-form input[type=password]{padding:14px;border-radius:13px}.srbs-login-btn{padding:15px;border-radius:14px;background:linear-gradient(135deg,#087e79,#0b9c91)}
  .srbs-login-security{font-size:9px;gap:8px;flex-wrap:wrap;justify-content:center}
}
@media(max-width:380px){.srbs-grid{grid-template-columns:1fr}.srbs-quick{grid-template-columns:repeat(2,1fr)}.srbs-topbar h1{font-size:20px}.srbs-mobile-nav button{min-width:48px}}

/* v1.7 final polish */
.srbs-user-wrap{position:relative}.srbs-user{border:0;background:transparent;padding:0;cursor:pointer;color:inherit;display:flex;align-items:center;gap:9px}.srbs-user-menu-panel{display:none;position:absolute;right:0;top:calc(100% + 10px);min-width:170px;background:#fff;border:1px solid #e4eaf2;border-radius:14px;box-shadow:0 16px 40px rgba(12,38,70,.16);padding:7px;z-index:90}.srbs-user-menu-panel.open{display:grid}.srbs-user-menu-panel button,.srbs-user-menu-panel a{border:0;background:#fff;text-decoration:none;color:#1d3557;text-align:left;padding:10px 12px;border-radius:9px;font-weight:700;font-size:12px}.srbs-user-menu-panel button:hover,.srbs-user-menu-panel a:hover{background:#eef5ff}.srbs-user-menu-panel a{color:#c0395a}.srbs-contact-strip{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:14px 0;padding:13px 15px;border:1px solid #dbe7f4;background:#fff;border-radius:14px;color:#718096;font-size:12px}.srbs-contact-strip strong{color:#17345d;font-size:13px}.srbs-account-card-gold{min-height:180px;padding:25px;background:linear-gradient(135deg,#17130a 0%,#765918 46%,#e5b73e 100%);color:#fff}.srbs-account-card-gold span,.srbs-account-card-gold small{color:rgba(255,255,255,.78);opacity:1}.srbs-account-card-gold strong,.srbs-account-card-number{color:#fff}.srbs-login-help{text-align:center;color:#78879a;font-size:11px;margin-top:15px}.srbs-login-help strong{color:#087e79}.srbs-login-security{display:flex;justify-content:center;gap:15px;margin-top:18px;color:#60758d;font-size:10px;font-weight:700}
@media(max-width:700px){.srbs-user-menu-panel{right:-3px;top:calc(100% + 8px)}.srbs-contact-strip{font-size:11px}.srbs-contact-strip strong{font-size:12px}.srbs-account-card-gold{min-height:165px}}