@charset "utf-8";

/* =========================================================
   dark-mode.css  —  다크모드 전용 스타일
   ========================================================= */

/* =========================================================
   공통 + 메인페이지
   ========================================================= */
@media (prefers-color-scheme: dark){
  :root{
    --color-background:#15171c;
    --color-text-default:#e7e8ea;
    --color-text-sub:#a3a8b0;
    --color-text-placeholder:#6f747c;
    --color-line:#2b2f37;
    --input-border:#3a3f48;
    --input-bg:#1d2026;
    --point:#ff5b50;
    --point-dark:#e2231a;
    --accent:#cd0111;
    --footer-bg:#101217;
    --footer-line:#2b2f37;
    --surface:#1e2128;
    --surface-2:#262a31;
    --color-panel-divider :#2a2a2a;
    --btn-line-default:#5a606a;
  }

  /* 로고 */
  .hp-mid .logo a,
  .hm-mid .logo a{background-image:url('../img/logo_dark.png');}

  /* 고정 헤더 배경 (라이트 #fff → 다크) */
  .header-pc,.header-mo{background:var(--color-background);}
  .btn-top{background:rgba(255,255,255,.16);}
  .btn-top:hover{background:rgba(255,255,255,.28);}

  /* 데스크탑 상단 유틸 / 고객센터 */
  .hp-util>li>a,.hp-util .cs-toggle{color:var(--color-text-sub);}
  .cs-arrow{border-color:#aaa;}
  .cs-drop{background:var(--surface);box-shadow:0 8px 20px rgba(0,0,0,.5);}
  .cs-drop a{color:var(--color-text-sub);}
  .cs-drop a:hover{background:var(--surface-2);}
  .member-info{color:var(--color-text-sub);}
  .member-info strong{color:var(--color-text-default);}
  .member-logout{border-top-color:var(--color-line);}
  .btn-logout{background:var(--surface-2);border-color:var(--input-border);color:var(--color-text-sub);}
  .btn-logout:hover{color:var(--point);}

  /* 검색 / 아이콘 */
  .hp-search{border-color:var(--input-border);background:var(--input-bg);}
  .hp-search .btn-search,.hp-icons .ico{color:var(--color-text-default);}

  /* GNB */
  .hp-gnb{border-top-color:#3a3f48;}
  .gnb-list>li>a,.gnb-event{color:var(--color-text-default);}
  .gnb-list .btn-allmenu .ham-mini,
  .gnb-list .btn-allmenu .ham-mini::before,
  .gnb-list .btn-allmenu .ham-mini::after{border-top-color:var(--color-text-default);}
  /* 이벤트 */
  @media (prefers-color-scheme: dark){
    :root{
      --ev-tint:#2a1416;   /* 어두운 레드 틴트 */
      --ev-line:#5a2b2e;   /* 레드 외곽선 */
    }
	/* 다크모드 관련 - 260821 하유정 */
	.gnb-event--plan {background:#1a2f57;border:#5a606a !important;}
    .gnb-event:hover{background:#3a1c1f ;}
	.gnb-event--plan:hover {background:#0b1e41;}
	.gnb-list>li>a, .gnb-list .btn-allmenu {color:#fff;}
	.notice-badge {background:var(--board-point);color:#fff;}
	.btn-detail-view {background:var(--mp-cart-bg);border:1px solid var(--mp-btn-line);}
	.order-list-item-02 .order-goods-title {color:#fff;}
	.order-list-item-02 .order-goods-total {color:#fff;}
	.qty-stepper__input {background:var(--mp-cart-bg);}
	.qty-stepper {border:1px solid var(--mp-btn-line);}
	.pt-table .pt-minus {color:#fff;}
	.ship-method__box {background:var(--mp-cart-bg);border:1px solid var(--mp-btn-line);}
	.ship-fee__help {color:var(--mp-cart-bg);}
	.wr-nav button:hover {color:#fff;}
	.wr-cur {color:var(--color-text-sub);}
	.wr-cur .n-cur {color:#fff;}
  }

  /* 전체메뉴 레이어 */
  .allmenu-layer{background:var(--surface);box-shadow:0 12px 24px rgba(0,0,0,.5);}
  .allmenu-col h4{color:var(--color-text-default);border-bottom-color:var(--color-text-default);}
  .allmenu-col li a{color:var(--color-text-sub);}
  .btn-allmenu-close{color:var(--color-text-default);}

  /* 윙 배너 */
  .wing-recent{background:var(--surface);}
  .wc-tit{color:var(--color-text-default);}
  .wr-tit{color:var(--color-text-default);border-bottom-color:var(--color-line);}
  .wr-list img{border-color:var(--color-line);}
  .wr-nav button{border-color:var(--color-line);background:var(--surface);color:var(--color-text-sub);}

  /* 상품 카드 */
  .prod-item a.thumb{border-color:var(--color-line);}
  .prod-name{color:var(--color-text-default);}
  .prod-price{color:var(--color-text-default);}
  .prod-btns button{border-color:var(--input-border);background:var(--surface-2);color:var(--color-text-sub);}
  .prod-btns button:hover{border-color:#5a606a;}
  .btn-more{border-color:var(--input-border);background:var(--surface);color:var(--color-text-sub);}
  .sec-head h2{color:var(--color-text-default);}

  /* 푸터 */
  .ft-links li+li::before{background:#444a52;}
  .ft-links-top li a{color:var(--color-text-default);}
  .ft-links-sub li a{color:var(--color-text-sub);}
  .ft-info{color:var(--color-text-sub);}
  .ft-info a{color:var(--color-text-sub);}
  .ft-note{color:var(--color-text-placeholder);}
  .ft-addr{color:var(--color-text-sub);border-top-color:var(--footer-line);}

  /* 모바일/태블릿 헤더 */
  .header-mo{border-bottom-color:#3a3f48;}
  .hm-util a{color:var(--color-text-sub);}
  .hm-ico{color:var(--color-text-default);}
  .btn-hamburger span{background:var(--color-text-default);}
  .hm-search{border-color:var(--input-border);}
  .hm-search .btn-search{color:var(--color-text-default);}
  .hm-gnb{border-top-color:var(--color-line);}
  .hm-gnb li a{color:var(--color-text-default);}

  /* 모바일 사이드바 / 카테고리 패널 */
  .m-sidebar,.m-category{background:var(--surface);}
  .m-close{color:var(--color-text-default);}
  .ms-btn{border-color:var(--accent);color:var(--accent);}
  .ms-cat-item{color:var(--color-text-default);}
  .ms-cs h3{color:var(--color-text-default);}
  .ms-cs-list a{color:var(--color-text-sub);}
  .mc-title{color:var(--color-text-default);}
  .mc-tabs{background:#191c22;border-right-color:var(--color-line);}
  .mc-tabs li button{color:var(--color-text-default);border-bottom-color:var(--color-line);}
  .mc-tabs li.on button{background:var(--surface);color:var(--point);}
  .mc-list li a{color:var(--color-text-default);}
}


/* =========================================================
   로그인/회원가입
   ========================================================= */
@media (prefers-color-scheme: dark){
  :root{
    --auth-bg:#15171c;
    --auth-text:#e7e8ea;
    --auth-text-sub:#a3a8b0;
    --auth-line:#2b2f37;
    --auth-input-bg:#1d2026;
    --auth-input-border:#3a3f48;
    --auth-input-text:#e7e8ea;
    --auth-placeholder:#6f747c;
    --auth-notice-bg:#1e2128;
    --auth-dark-btn:#3f4651;
    --auth-dark-btn-hover:#4a525e;
  }

  /* 하드코딩 색상 보정 */
  .auth__title{color:#f1f2f4;}
  .field > label,
  .agree label{color:#cfd2d6;}
  .btn-detail{background:#262a31;border-color:#3a3f48;color:#c4c7cc;}
  .btn-detail:hover{border-color:#5a606a;color:#fff;}
  .auth-links,
  .auth-links a{color:#9aa0a6;}
  .auth-links .sep{color:#3a3f48;}
  .result__label{color:#c4c7cc;}
  .result__email{color:#f1f2f4;}
  .result__desc{color:#a3a8b0;}

  /* 모달 */
  .modal__box{background:#1e2128;box-shadow:0 20px 60px rgba(0,0,0,.6);}
  .modal__title,
  .modal__body h4{color:#f1f2f4;}
  .modal__close{color:#b8bcc2;}
  .modal__close:hover{background:#2c313a;color:#fff;}
  .modal__body{color:#b6bac1;}
}

/* =========================================================
   마이페이지
   ========================================================= */
@media (prefers-color-scheme: dark){
  :root{
    --mp-tab-text:#a3a8b0;
    --mp-tab-active-bg:#3a3f48;     /* 어두운 배경 대비용으로 살짝 밝게 */
    --mp-tab-active-text:#ffffff;
    --mp-search-bg:#1d2026;         /* 검색창 */
    --mp-cart-bg:#3a414b;           /* 장바구니 담기 */
    --mp-cart-text:#f1f2f4;
    --mp-btn-cancel:#5a606a;        /* 주문취소(아웃라인 보더) */
    --mp-btn-track:#e2231a;         /* 배송조회 — 라이트(레드 #cd0111)와 톤 일치 */
    --mp-btn-inquiry:#e7a200;       /* 1:1문의(예약 변수) */
    --mp-thumb-bg:#1c1f25;
    --mp-btn-line:#5a606a;          /* 상세보기 등 보더 */
    --mp-detail-point:#ff5b50;   /* 결제일시 강조 — 어두운 배경 대비용 */
    --cp-from:#f5333d;
    --cp-to:#cf1622;
    --mp-track-point:#ff5b50;   /* 진행상황/확인 — 다크 대비용 밝은 레드 */
    --mp-step-off:#3a3f48;      /* 비활성 스텝 원 */
    --mp-step-line:#2b2f37;     /* 비활성 연결선 */
  }

  /* 1:1 문의 */
  .mp-inquiry{color:var(--point);}

  /* 탭 hover */
  .mypage-tabs a:hover{background:rgba(255,255,255,.05);}

  /* 배송조회 모달 */
  .track-modal__box{background:#1e2128;box-shadow:0 20px 60px rgba(0,0,0,.6);}
  .track-ship__copy{background:#2a2f37;}
  .track-ship__copy:hover{filter:brightness(1.12);}

}

/* =========================================================
   마이페이지 > 쿠폰 : 변수
   ========================================================= */
@media (prefers-color-scheme: dark){
  :root{
    --jcp-red-from:#e2231a;       /* 레드(글레어 완화 위해 to만 살짝 darker) */
    --jcp-red-to:#b50410;
    --jcp-body-bg:#1e2128;        /* ★ 좌측 본문 배경(다크 표면) — 흰색→다크 */
    --jcp-card-line:#363b45;      /* 카드 외곽선 */
    --jcp-amount:#f1f2f4;         /* ★ 금액(밝게) */
    --jcp-name:#e7e8ea;           /* ★ 쿠폰명(밝게) */
    --jcp-meta:#d2d4d7;           /* 사용조건/유효기간(대비 확보) */
  }
}


/* =========================================================
   고객센터 메인
   ========================================================= */
@media (prefers-color-scheme: dark){
  :root{
    --cs-card-bg:#1e2128;
    --cs-card-line:#2b2f37;
    --cs-badge-bg:#262a31;
    --cs-point:#ff5b50;
    --board-head-line:#4a515c;   /* 추가: 게시판 헤더 상단 보더(다크) */
  }
  .cs-card__badge{box-shadow:0 4px 12px rgba(0,0,0,.4);}
  .cs-card:hover{box-shadow:0 14px 30px rgba(0,0,0,.5);}
}


/* =========================================================
   board 공통
   ========================================================= */
@media (prefers-color-scheme: dark){
  :root{
    --board-line:#2b2f37;
    --board-head-bg:#1e2128;
    --board-no:#7c818a;
    --board-point:#ff5b50;
    --board-search-bg:#1d2026;
    --board-panel-bg:#191c22;
  }
}

/* =========================================================
   board 날짜 컬럼/페이지네이션
   ========================================================= */
@media (prefers-color-scheme: dark){
  .pagination__page:hover,
  .pagination__nav:hover{background:rgba(255,255,255,.05);}
}

/* =========================================================
   1:1문의(QnA)
   ========================================================= */
@media (prefers-color-scheme: dark){
  :root{
    --bbs-field-bg:#1d2026;
    --qna-answer-bg:#191c22;
    --qna-btn-primary:#454c5a;     /* 차콜 — 어두운 배경에서 분리되도록 살짝 밝게 */
    --qna-badge-bg:#262a31;      /* 추가: 다크는 흰색 대신 어두운 표면 */
  }
  .board__row:hover{background:rgba(255,255,255,.04);}
}

/* =========================================================
   장바구니
   ========================================================= */
@media (prefers-color-scheme: dark){
  :root{
    --cd-banner-from:#201a2b;      /* 배너 배경(어두운 보라) */
    --cd-banner-to:#241a22;        /* 배너 배경(어두운 핑크) */
    --cd-banner-line:rgba(160,120,210,.22);
    --cd-ico-bg:#33264a;           /* 태그 아이콘 배경 */
    --cd-ico:#c79cf0;             /* 태그 아이콘/제목(밝은 보라) */
    --cd-track:#2b2f37;           /* 진행바 트랙 */
    --cd-summary-bg:#1e2128;       /* 요약 박스 배경 */
    --cart-qty-btn-bg:#262a31;      /* 버튼 배경(다크 표면) */
    --cart-qty-btn-hover:#2e333b;   /* 버튼 hover(다크) */
  }
}

/* =========================================================
   찜한 상품
   ========================================================= */
@media (prefers-color-scheme: dark){
  .cart__addcart:hover{filter:brightness(1.05);}
}

/* =========================================================
   내정보수정
   ========================================================= */
@media (prefers-color-scheme: dark){
  :root{
    --mp-point-tint:#2a1a1c;       /* 어두운 레드 틴트 */
    --mp-point-line:#5a2b2e;       /* 레드 외곽선 */
    --mp-point-ink:#ff7b73;        /* 레드 텍스트(밝게) */
    --mp-point-badge:#3a2123;      /* 배지 배경 */
    --mp-coupon-tint:#1e2128;      /* 어두운 회색 틴트 */
    --mp-coupon-line:#363b45;      /* 회색 외곽선 */
    --mp-coupon-ink:#c2c8d2;       /* 회색 텍스트(밝게) */
    --mp-coupon-badge:#2a2f37;     /* 배지 배경 */
    --profile-btn:#454c5a;       /* 확인 버튼 차콜 — 어두운 배경에서 분리 */
  }
}

/* =========================================================
   이벤트
   ========================================================= */
@media (prefers-color-scheme: dark){
  :root{
    --ev-tab-track:#1e2128;     /* 탭 트랙 */
    --ev-tab-from:#e2231a;      /* 활성 탭(글레어 완화) */
    --ev-tab-to:#b50410;
    --ev-thumb-bg:#1c1f25;      /* 썸네일 배경 */
    --ev-tab-active:#3a3f48;    /* 추가: 활성 탭 배경(다크) */
  }
  .event-tabs__btn{color:var(--color-text-sub);}
}

/* =========================================================
   주문/결제
   ========================================================= */
@media (prefers-color-scheme: dark){
  :root{
    --ord-field-bg:#1d2026;       /* 입력 필드 배경 */
    --ord-sum-bg:#1e2128;         /* 합계/입금 박스 배경 */
    --ord-line:#2b2f37;
    --ord-blue:#4f8af0;           /* 블루(다크 대비 밝게) */
    --ord-blue-line:#6aa0f5;
    --ord-purple:#8254d6;         /* 보라(밝게) */
    --ord-dark-btn:#454c5a;       /* 주소검색 차콜(분리되게) */
    --ord-pay-line:#363b45;       /* 결제수단 기본 보더 */
    --ord-pay-on:#ff5b50;         /* 결제수단 선택 보더(다크 레드) */
  }

  /* 셀렉트 화살표 색 보정 */
  select.ord-input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a8b0' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");}

  /* 개인통관부호 강조 텍스트 */
  .ord-field__note strong{color:var(--ord-blue-line);}

  /* blue-line 버튼 hover */
  .ord-btn--blue-line:hover{background:rgba(79,138,240,.12);}

  /* 입금자명 입력은 표면 위라 한 단계 밝게 */
  .ord-bank__input{background:#262a31;}
}

/* =========================================================
   주문 결제완료
   ========================================================= */
@media (prefers-color-scheme: dark){
  .ordc-hero__no strong{color:var(--color-text-default);}
  .ordc-continue{border-color:#454c5a;}
  .ordc-continue:hover{border-color:var(--point);color:var(--point);}
}

/* =========================================================
   상품상세
   ========================================================= */
@media (prefers-color-scheme: dark){
  :root{
    --pd-field-bg:#1d2026;        /* 이미지/셀렉트/공유 배경 */
    --pd-line:#2b2f37;
    --pd-coupon:#5a3fb5;          /* 쿠폰 보라(살짝 밝게) */
    --pd-sale:#ff6a64;            /* 할인가 레드(다크 대비 밝게) */
    --pd-tab-active:#3a3f48;      /* 활성 탭 */
    --pd-stepper-bg:#262a31;       /* 숫자 영역(다크 표면) */
    --pd-stepper-btn:#1d2026;      /* +- 버튼(다크, 한단계 어둡게) */
    --pd-stepper-line:#363b45;
  }

  /* 원가 취소선 텍스트 */
  .pd-price__origin span{color:#7c818a;}

  /* 공유 SVG 색 */
  .pd-share__item svg{fill:var(--color-text-default);}

  /* 탭 비활성 hover 시 배경 */
  .pd-tabs__item:hover{background:var(--surface-2, #262a31);}

  /* 패널 그림자 강화 */
  .pd-panel{box-shadow:0 -4px 20px rgba(0,0,0,.5);}

  /* 찜/장바구니 아이콘 — 다크용 화이트 아이콘 필요 시 교체
     (zzim.png/cart.png가 어두운 라인이면 다크에서 안 보일 수 있음)
     필요하면 아래 주석 해제하고 _dark 아이콘 경로 지정
  .pd-ico-cart{background-image:url('/img/cart_dark.png');}
  .pd-ico-zzim{background-image:url('/img/zzim_dark.png');}
  */
}

/* =========================================================
   상품 카테고리 헤더
   ========================================================= */
@media (prefers-color-scheme: dark){
  .pcat{
    --pcat-surface:#1c1f25;      /* 패널/셀렉트 배경 + 화살표 페이드를 다크로 */
    --pcat-active-ink:#d7dbe3;   /* 모바일 밑줄/활성 텍스트를 밝게 */
  }
  .pcat__link.is-active{background:#4a5261;border-color:#4a5261;color:#fff;}
}

/* =========================================================
   이용안내(운영정책)
   ========================================================= */
@media (prefers-color-scheme: dark){
  .policy{
    --policy-th-bg:#242830;      /* 표 헤더 배경 */
    --policy-info-bg:#1c1f25;    /* 회사정보 박스 배경 */
  }
}

/* =========================================================
   배송비 안내 모달
   ========================================================= */
@media (prefers-color-scheme: dark){
  .fee-modal{
    --fee-surface:#1c1f25;   /* 모달 배경 */
    --fee-th-bg:#242830;     /* 표 헤더 배경 */
  }
  .fee-modal__dim{background:rgba(0,0,0,.6);}
}

/* =========================================================
   공지사항(NEW)
   ========================================================= */
@media (prefers-color-scheme: dark){
  .notice-board{
    --nb-line:#2a2d34;
    --nb-head-line:#4a4f58;
    --nb-badge-bg:#1c1f25;
  }
  .notice-board__head{background:transparent;}
  .notice-board__row:hover{background:rgba(255,255,255,.03);}
  .notice-view{
    --nv-line:#2a2d34;
    --nv-head-line:#4a4f58;
  }
}

/* =========================================================
   마이페이지/적립금
   ========================================================= */
@media (prefers-color-scheme: dark){
  .pt{
    --pt-line:#2a2d34;
    --pt-head-bg:#242830;
    --pt-summary-bg:#1c1f25;
    --pt-field-bg:#242830;
  }
  .pt-summary__refund,
  .pt-search__btn,
  .pt-more{background:#1c1f25;}
  .pt-card__badge--save{background:rgba(255,91,80,.14);}
  .pt-card__badge--use{color:#b5b5b5;background:rgba(214,158,46,.14);}
  .pt-card__badge--refund{color:#0dc75c;background:rgba(232,241,237,.14);}

  .pt-modal{
    --pt-modal-surface:#1c1f25;
    --pt-modal-field-bg:#242830;
  }
  .pt-modal__dim{background:rgba(0,0,0,.6);}
  /* 날짜 입력 캘린더 아이콘을 밝은 회색으로 (stroke 색만 교체) */
  .pt-search__date{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa0aa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E");
  }
}

/* =========================================================
   상품상세페이지 - 장바구니 클릭시 모달팝업
   ========================================================= */
@media (prefers-color-scheme: dark){
  .pd-cartpop{
    --cp-surface:#22262e;
    box-shadow:0 10px 30px rgba(0,0,0,.5);
  }
  .pd-cartpop__link:hover{background:rgba(255,91,80,.12);}
}

/* =========================================================
   마이페이지/주문내역배송조회 - 구매후기쓰기
   ========================================================= */
@media (prefers-color-scheme: dark){
  .rv-modal{
    --rv-surface:#1c1f25;
    --rv-field-bg:#242830;
    --rv-dash:#4a5058;
    --rv-pick-bg:#242830;
  }
  .rv-modal__dim{background:rgba(0,0,0,.6);}
  .rv-photo__del{background:#2a2f38;}

  .rvd-modal{--rvd-surface:#1c1f25;}
  .rvd-modal__dim{background:rgba(0,0,0,.6);}
}

/* =========================================================
   구매후기 목록+읽기
   ========================================================= */
@media (prefers-color-scheme: dark){
  .review-page{
    --rvl-line:#2a2d34;
    --rvl-card-bg:#1c1f25;
    --rvl-thumb-bg:#242830;
    --rvl-more-bg:#242830;
  }
  .rvl-item:hover{border-color:#3a3f48;box-shadow:none;}
  .rvr{
    --rvr-line:#2a2d34;
    --rvr-dash:#3a3f48;
    --rvr-reply-bg:#1c1f25;
  }
  .rvr-actions__list{background:#1c1f25;}
}

/* =========================================================
   이벤트 목록 NEW
   ========================================================= */
@media (prefers-color-scheme: dark){
  .evl-page{
    --evl-line:#2a2d34;
    --evl-thumb-bg:#242830;
    --evl-badge-end:#5a6069;
  }
  .evl-item__link:hover{background:rgba(255,255,255,.03);}
  .evl-more{background:#1c1f25;}

  .evl-modal{--evl-modal-surface:#1c1f25;}
  .evl-modal__dim{background:rgba(0,0,0,.6);}
}


/* =========================================================
   마이페이지/주문내역/배송조회: 주문취소 및 환불완료 모달
   ========================================================= */
@media (prefers-color-scheme: dark){
  .oc-modal{
    --oc-surface:#1c1f25;
    --oc-field-bg:#242830;
  }
  .oc-modal__dim{background:rgba(0,0,0,.6);}
}


@media (prefers-color-scheme: dark){
  .product-more{background: #1c1f25;}
}

/* =========================================================
   회원 탈퇴 모달 - 260901 하유정
   ========================================================= */
   @media (prefers-color-scheme: dark){
	   #withdrawModal .modal-header {background:#1e2128;border-bottom:1px solid var(--color-line);}
	   #withdrawModal .modal-container {background:#1e2128;}
	   #withdrawModal .confirm-message {color:var(--color-text-default);}
	   #withdrawModal .password-group label {color:var(--color-text-default);}
	   #withdrawModal .withdraw-modal-footer {border-top:1px solid var(--color-line);}
	   #withdrawModal .withdraw-btn-confirm {background:var(--mp-track-point);}
	   #withdrawModal .modal-title {color:var(--mp-track-point);}
	   #withdrawModal .withdraw-notice {background:unset;border:1px solid #5a2b2e;color:#ff7b73;}
	   #withdrawModal .withdraw-notice h4 {color:#ff7b73;}
	   #withdrawModal .withdraw-btn-cancel {background:var(--profile-btn);}
	   #withdrawModal .password-input {background:var(--profile-field-bg)!important;border:1px solid var(--color-line)!important;}
   }