.co-wrap, .co-wrap *{
  margin:0; padding:0; border:0; background:none; box-shadow:none;
  border-radius:0; width:auto; max-width:none; min-width:0; height:auto;
  box-sizing:border-box; float:none; position:static; text-align:left;
  font-size:14px; font-weight:400; line-height:1.4; list-style:none;
  text-decoration:none; color:inherit; ;
}
.co-wrap{width:100%;max-width:none;margin:0;padding:100px 5% 100px;background:#ffffff;display:block;}
.co-wrap a{cursor:pointer;}
.co-wrap button{cursor:pointer;}

.co-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start;}
@media (max-width:860px){ .co-grid{grid-template-columns:1fr;} }

/* ---- Left column: payment method selection ---- */
.co-title{font-size:32px;font-weight:800;color:#0f1420;margin-bottom:6px;display:block;}
.co-sub{color:#78818f;font-size:14px;margin-bottom:28px;display:block;}

.co-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;}
@media (max-width:560px){ .co-methods{grid-template-columns:1fr;} }

.co-method{border:1.5px solid #e9edf2;border-radius:16px;padding:18px 16px;display:flex;
  flex-direction:column;align-items:flex-start;gap:10px;transition:border-color .15s,box-shadow .15s,transform .15s;}
.co-method:hover{border-color:#b7bec9;transform:translateY(-2px);}
.co-method.active{border-color:#0f1420;box-shadow:0 8px 24px -10px rgba(15,20,32,.18);}
.co-method .co-m-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:#f1f2f4;color:#0f1420;}
.co-method.active .co-m-icon{background:#000000;color:#fff;}
.co-method .co-m-icon svg{width:19px;height:19px;display:block;}
.co-method .co-m-title{font-weight:700;color:#0f1420;font-size:20px;display:block;}
.co-method .co-m-desc{color:#8a93a3;font-size:12px;display:block;}

.co-panel{border:1px solid #e9edf2;border-radius:18px;padding:26px;display:none;}
.co-panel.show{display:block;}
.co-panel-title{font-weight:700;color:#0f1420;font-size:20px;margin-bottom:8px;display:block;}
.co-panel-desc{color:#78818f;font-size:13.5px;line-height:1.6;margin-bottom:20px;display:block;}

.co-note{display:flex;align-items:flex-start;gap:10px;background:#f4f5f7;border:1px solid #e6e8ec;
  border-radius:12px;padding:12px 14px;margin-bottom:22px;}
.co-note svg{flex:none;width:17px;height:17px;color:#0f1420;margin-top:1px;display:block;}
.co-note span{color:#4a5568;font-size:12.5px;line-height:1.5;display:block;}

/* Crypto coin/network chips */
.co-chiprow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;}

/* ---- Coin dropdown ---- */
.co-select{position:relative;margin-bottom:18px;}
.co-select-btn{display:flex;align-items:center;justify-content:space-between;width:100%;
  border:1.5px solid #0f1420;border-radius:13px;background:#fff;padding:12px 16px;cursor:pointer;
  transition:box-shadow .15s,transform .12s;}
.co-select-btn:hover{box-shadow:0 6px 18px -8px rgba(0,0,0,.18);}
.co-select-btn:active{transform:scale(.99);}
.co-select-btn .co-select-current{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:#0f1420;}
.co-select-btn .co-select-current svg{width:20px;height:20px;flex:none;display:block;color:#0f1420;}
.co-select-chevron{width:16px;height:16px;color:#0f1420;transition:transform .18s;display:block;flex:none;}
.co-select.open .co-select-chevron{transform:rotate(180deg);}

.co-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;
  border:1.5px solid #0f1420;border-radius:13px;box-shadow:0 16px 36px -12px rgba(0,0,0,.28);
  overflow:hidden;z-index:30;display:none;max-height:260px;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:#c9ced6 transparent;}
.co-select-menu::-webkit-scrollbar{width:8px;}
.co-select-menu::-webkit-scrollbar-track{background:transparent;}
.co-select-menu::-webkit-scrollbar-thumb{background:#c9ced6;border-radius:10px;}
.co-select-menu::-webkit-scrollbar-thumb:hover{background:#aab1bb;}
.co-select.open .co-select-menu{display:block;}
.co-select-option{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;
  font-size:13.5px;font-weight:600;color:#38424f;transition:background .12s;}
.co-select-option:hover{background:#f4f5f7;}
.co-select-option.active{background:#0f1420;color:#fff;}
.co-select-option svg{width:19px;height:19px;flex:none;display:block;color:#8a93a3;}
.co-select-option.active svg{color:#fff;}
.co-chip{border:1.5px solid #e9edf2;border-radius:11px;padding:9px 16px;font-weight:600;font-size:13px;
  color:#38424f;transition:border-color .15s,color .15s,background .15s;
  display:flex;align-items:center;gap:8px;}
.co-chip:hover{border-color:#b7bec9;}
.co-chip.active{border-color:#0f1420;color:#0f1420;background:#f1f2f4;font-weight:700;}
.co-field-label{font-size:12.5px;font-weight:700;color:#5b6472;margin-bottom:10px;display:block;
  text-transform:uppercase;}

.co-pay-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  background:#000000;color:#fff;font-weight:700;font-size:15px;border:1px solid rgba(255,255,255,.08);
  padding:14px 0;border-radius:13px;box-shadow:0 8px 20px -10px rgba(0,0,0,.35);
  transition:opacity .15s,transform .15s;}
.co-pay-btn:hover{opacity:.92;}
.co-pay-btn:active{transform:scale(.99);}
.co-pay-btn[disabled]{opacity:.55;cursor:not-allowed;}
.co-pay-btn svg{width:16px;height:16px;display:block;}
.co-pay-btn .btn-icon{flex:none;}

.co-spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);
  border-top-color:#fff;display:block;animation:coSpin .7s linear infinite;}
@keyframes coSpin{to{transform:rotate(360deg);}}

.co-err{display:none;align-items:flex-start;gap:8px;margin-top:14px;padding:11px 14px;border-radius:12px;
  background:rgba(224,85,90,.08);border:1px solid rgba(224,85,90,.25);color:#c62d33;font-size:13px;line-height:1.45;}
.co-err.show{display:flex;}
.co-err svg{flex:none;width:16px;height:16px;margin-top:1px;display:block;}

/* ---- Right column: order summary ---- */
.co-summary{border:1px solid #e9edf2;border-radius:18px;padding:26px;background:#fbfcfe;}
.co-summary-title{font-size:13px;font-weight:700;color:#5b6472;text-transform:uppercase;;
  margin-bottom:18px;display:block;}
.co-plan-name{font-size:19px;font-weight:800;color:#0f1420;margin-bottom:4px;display:block;}
.co-plan-desc{color:#8a93a3;font-size:13px;margin-bottom:18px;display:block;}
.co-line{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #eef1f5;font-size:13.5px;color:#38424f;}
.co-line:first-of-type{border-top:none;}
.co-total{display:flex;justify-content:space-between;padding-top:16px;margin-top:6px;border-top:1.5px solid #e2e6ec;
  font-size:17px;font-weight:800;color:#0f1420;}
.co-skel{height:180px;border-radius:18px;background:#f4f6f9;border:1px solid #eef1f5;
  animation:coPulse 1.4s ease-in-out infinite;display:block;}
@keyframes coPulse{0%,100%{opacity:.55;}50%{opacity:.95;}}








/* ============================================================
     SHARED across ALL /account/* pages -- do not resend after this.
     Sidebar nav shell (.acc-shell / .acc-sidebar / .acc-nav-link / .acc-main)
     ============================================================ */

.acc-shell, .acc-shell *{
  margin:0; padding:0; border:0; background:none; box-shadow:none;
  border-radius:0; width:auto; max-width:none; min-width:0; height:auto;
  box-sizing:border-box; float:none; position:stati
.sec-msg{display:none;align-items:flex-start;gap:8px;margin-top:14px;padding:11px 14px;border-radius:12px;font-size:13px;line-height:1.45;}
.sec-msg.show{display:flex;}
.sec-msg svg{flex:none;width:16px;height:16px;margin-top:1px;display:block;}
.sec-msg.ok{background:rgba(51,214,159,.1);border:1px solid rgba(51,214,159,.3);color:#1a9b6e;}
.sec-msg.err{background:rgba(224,85,90,.08);border:1px solid rgba(224,85,90,.25);color:#c62d33;}c; text-align:left;
  font-size:14px; font-weight:400; line-height:1.4; list-style:none;
  text-decoration:none; color:inherit;
}
.acc-shell{width:100%;max-width:none;margin:0;padding:40px 5% 100px;background:#ffffff;display:block;  min-height: calc(100vh - 300px);}
.acc-shell a{cursor:pointer;}
.acc-shell button{cursor:pointer;}

.acc-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start;}
@media (max-width:860px){ .acc-grid{grid-template-columns:1fr;} }

.acc-sidebar{border:1px solid #e9edf2;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:2px;}
.acc-nav-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;
  color:#5b6472;font-weight:600;font-size:13.5px;transition:background .12s,color .12s;}
.acc-nav-link svg{width:18px;height:18px;flex:none;display:block;color:#8a93a3;}
.acc-nav-link:hover{background:#f4f5f7;color:#0f1420;}
.acc-nav-link:hover svg{color:#0f1420;}
.acc-nav-link.active{background:#0f1420;color:#fff;}
.acc-nav-link.active svg{color:#fff;}

.acc-main{display:flex;flex-direction:column;gap:20px;}
.acc-card{border:1px solid #e9edf2;border-radius:16px;padding:24px;}
.acc-card-title{font-size:13px;font-weight:700;color:#5b6472;text-transform:uppercase;margin-bottom:16px;display:block;}
.acc-skel{height:120px;border-radius:16px;background:#f4f6f9;border:1px solid #eef1f5;
  animation:accPulse 1.4s ease-in-out infinite;display:block;}
@keyframes accPulse{0%,100%{opacity:.55;}50%{opacity:.95;}}

/* Status badge, reusable on any account page */
.acc-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font-size:12px;font-weight:700;}
.acc-badge.ok{background:rgba(51,214,159,.14);color:#1a9b6e;}
.acc-badge.warn{background:#fff8ec;color:#b8860b;}
.acc-badge.err{background:rgba(224,85,90,.1);color:#c62d33;}

/* Progress bar, reusable on any account page */
.acc-progress{height:8px;border-radius:6px;background:#eef1f5;overflow:hidden;}
.acc-progress-fill{height:100%;background:#0f1420;border-radius:6px;}

/* Plain button, reusable (matches .co-pay-btn look but sized for inline use) */
.acc-btn{display:inline-flex;align-items:center;gap:6px;background:#000000;color:#fff;font-weight:700;
  font-size:13px;padding:10px 18px;border-radius:11px;border:1px solid rgba(255,255,255,.08);
  transition:opacity .15s,transform .15s;}
.acc-btn:hover{opacity:.88;}
.acc-btn:active{transform:scale(.98);}
.acc-btn svg{width:14px;height:14px;display:block;}


.sec-msg{display:none;align-items:flex-start;gap:8px;margin-top:14px;padding:11px 14px;border-radius:12px;font-size:13px;line-height:1.45;}
.sec-msg.show{display:flex;}
.sec-msg svg{flex:none;width:16px;height:16px;margin-top:1px;display:block;}
.sec-msg.ok{background:rgba(51,214,159,.1);border:1px solid rgba(51,214,159,.3);color:#1a9b6e;}
.sec-msg.err{background:rgba(224,85,90,.08);border:1px solid rgba(224,85,90,.25);color:#c62d33;}