@charset "utf-8";

/********************
** header
********************/
.headerBg {box-shadow:0 0 24px rgba(0, 0, 0, 0.05);}
.toggleBtn{cursor:pointer;}
.toggleBtn span{transition:ease-in-out 0.3s;}
.toggleBtn span:nth-child(1){left:0;top:0}
.toggleBtn span:nth-child(2){left:0;top:10px;}
.toggleBtn span:nth-child(3){left:0;top:20px}

.toggleBtn.active span:nth-child(1){
  left:50%;top:50%;
  transform:translate(-50%,-50%) rotate(45deg);
  background:#222;
}
.toggleBtn.active span:nth-child(2){left:9999px;top:10px;}
.toggleBtn.active span:nth-child(3){
  left:50%;top:50%;
  transform:translate(-50%,-50%) rotate(-45deg);
  background:#222;
}
/********************
** index
********************/
/** main **/
.index { background: linear-gradient(to bottom, #F7F8F8, #E2E4F7);}
.steps .active{box-shadow: 0 0 8px 0 #CCD0F1;}
.menuList {display:grid; grid-template-columns:repeat(3,1fr);}
.rentBtns {bottom:52px; left:50%; transform: translateX(-50%); width:calc(100% - 120px);margin:0 auto;}

/* index -> new rent wizard transition */
.wizardPage {overflow:hidden; min-height:100vh; box-sizing:border-box;}
.newRentWizardLongStep {height:auto;min-height:0;justify-content:flex-start;overflow:visible;}
.wizardScene {opacity:0; transform:translateX(56px); animation:wizardSceneIn .55s cubic-bezier(.22,1,.36,1) forwards; will-change:transform,opacity;}
body.isWizardLeaving .wizardScene {pointer-events:none; animation:wizardSceneOut .34s cubic-bezier(.64,0,.78,0) forwards;}
body.isWizardLeaving.isWizardBack .wizardScene {animation-name:wizardSceneOutBack;}
.steps>div {flex:0 0 auto; transition:width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,background-color .32s ease;}
.steps .active {animation:wizardStepPulse .5s cubic-bezier(.22,1,.36,1);}
.newRentPriceField {position:relative; box-sizing:border-box;}
.newRentPriceField input {box-sizing:border-box; border:1px solid transparent; color:#26272B; background:#fff; outline:none; transition:border-color .2s ease,box-shadow .2s ease;}
.newRentPriceField input:focus {border-color:#8C8FD2; box-shadow:0 0 0 4px rgba(79,79,193,.10);}
.newRentPriceField input::placeholder {color:#A7A9B0;}
.newRentPriceUnit {position:absolute; top:50%; right:24px; transform:translateY(-50%); pointer-events:none;}
.newRentPriceError {min-height:20px; margin-top:-64px; margin-bottom:44px; color:#D14343; text-align:center;}
.newRentNavigation {position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:24px!important;bottom:max(24px,env(safe-area-inset-bottom))!important;z-index:9999!important;display:flex!important;width:auto!important;padding:8px;border:1px solid rgba(217,218,222,.72);border-radius:999px;background:rgba(247,248,248,.9);box-shadow:0 12px 32px rgba(38,39,43,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateX(-50%)!important;}
[data-new-rent-next] {transition:background-color .25s ease,box-shadow .25s ease,transform .2s ease;}
[data-new-rent-next] p {transition:color .25s ease;}
[data-new-rent-next].isReady,.newRentNavButton.isReady {background:#4F4FC1!important;box-shadow:0 8px 22px rgba(79,79,193,.24);cursor:pointer;}
[data-new-rent-next].isReady p,.newRentNavButton.isReady p {color:#F7F8F8!important;}
[data-new-rent-next].isReady:hover,.newRentNavButton.isReady:hover {transform:translateY(-2px);}
.newRentEstimateLine {flex-wrap:wrap;}
.newRentMonthSelect {border:1px solid #8C8FD2;color:#26272B;background:#fff;outline:none;cursor:pointer;}
.newRentMonthSelect:focus {border-color:#4F4FC1;box-shadow:0 0 0 4px rgba(79,79,193,.10);}
.newRentIncludedCard {box-sizing:border-box;border:1px solid #E0E2F2;box-shadow:0 8px 24px rgba(79,79,193,.13);}
.newRentNoDeductible {position:relative;display:table;margin-right:auto;margin-left:auto;padding-top:24px;}
.newRentNoDeductible::after {content:"";position:absolute;right:0;bottom:0px;left:0;height:3px;background:currentColor;}
.newRentNoDeductibleDotted>span {position:relative;display:inline-block;}
.newRentNoDeductibleDotted>span::before {content:"";position:absolute;top:-2px;left:50%;width:6px;height:6px;border-radius:50%;background:currentColor;transform:translateX(-50%);}
.newRentIncludedItems {display:grid; grid-template-columns:repeat(3,1fr);}
.newRentIdentityPanel {width:100%;}
.newRentIdentityCharacter {display:block;object-fit:contain;}
.newRentIdentityConsentCard {box-sizing:border-box; box-shadow:0 0 16px #CCD0F1;}
.newRentIdentityConsentRow {margin-top:16px;}
.newRentIdentityConsentRow label {min-width:0;cursor:pointer;}
.newRentIdentityConsentRow input {flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:#4F4FC1;cursor:pointer;}
.newRentIdentityDetail {flex:0 0 auto;padding:0;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.newRentIdentityTerms {margin-top:16px;padding:16px;border-radius:6px;color:#686B73;background:#F7F8FA;font-size:13px;line-height:1.7;word-break:keep-all;}
.newRentIdentityTerms[hidden] {display:none;}
.newRentIdentityStatus {margin-top:16px;color:#777A83;text-align:center;}
.newRentIdentityStatus:empty {display:none;}
.newRentIdentityStatus.isVerified {color:#197A4B;}
.newRentNavButton:disabled {cursor:not-allowed;}
.newRentAgreementPanel {width:100%;}
.newRentAgreementCharacter {display:block;object-fit:contain;}
.newRentAgreementCard {box-sizing:border-box;max-width:680px;border:1px solid #E0E2F2;box-shadow:0 6px 18px rgba(79,79,193,.12);}
.newRentAgreementAll {box-sizing:border-box; cursor:pointer;}
.newRentAgreementAll input,.newRentAgreementRow input {flex:0 0 auto;width:17px;height:17px;margin:0;accent-color:#4F4FC1;cursor:pointer;}
.newRentAgreementRows {padding:8px 0 14px;}
.newRentAgreementRow {min-height:42px;padding:0 4px;}
.newRentAgreementRow label {min-width:0;cursor:pointer;}
.newRentAgreementRow label span {word-break:keep-all;}
.newRentAgreementDetail,.newRentSignatureClear {cursor:pointer;}
.newRentSignatureCanvas {display:block;box-sizing:border-box;border:1px solid #D9DADE;background:#fff;touch-action:none;cursor:crosshair;}
.newRentAgreementMessage {padding:10px 12px;border-radius:4px;}
.newRentAgreementMessage.isError {color:#B83434;background:#FFF0F0;}
.newRentAgreementMessage.isSaved {color:#197A4B;background:#E6F6EC;}
.newRentAgreementModal[hidden] {display:none;}
.newRentAgreementModal {position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100dvh;padding:24px;}
.newRentAgreementModalBackdrop {position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(24,25,30,.62);cursor:pointer;}
.newRentAgreementModalDialog {position:relative;z-index:1;display:flex;flex-direction:column;box-sizing:border-box;width:min(720px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:hidden;padding:24px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.25);}
.newRentAgreementModalHeader {padding-bottom:16px;border-bottom:1px solid #E1E2E6;}
.newRentAgreementModalClose {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#F2F3F6;font-size:24px;cursor:pointer;}
.newRentAgreementModalContent {flex:1 1 auto;min-height:0;margin:18px 0;padding-right:8px;overflow:auto;overscroll-behavior:contain;color:#4B4D54;font-size:13px;line-height:1.7;}
.newRentAgreementModalContent p,.newRentAgreementModalContent li,.newRentAgreementModalContent th,.newRentAgreementModalContent td {overflow-wrap:anywhere;word-break:keep-all;}
.newRentAgreementModalContent section+section {margin-top:24px;padding-top:24px;border-top:1px solid #E1E2E6;}
.newRentAgreementModalContent h4 {margin-bottom:12px;color:#292A2F;font-size:16px;font-weight:700;}
.newRentAgreementModalContent table {width:100%;border-collapse:collapse;}
.newRentAgreementModalContent th,.newRentAgreementModalContent td {padding:8px;border:1px solid #D9DADE;vertical-align:top;}
.newRentAgreementModalConfirm {border:0;border-radius:4px;cursor:pointer;}
body.newRentAgreementModalOpen {overflow:hidden;}
.newRentResultPanel {width:100%;}
.newRentResultCharacter {display:block;object-fit:contain;}
.newRentResultNotice {word-break:keep-all;}
.newRentResultHome {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;box-shadow:0 8px 22px rgba(79,79,193,.24);transition:transform .2s ease,box-shadow .2s ease;}
.newRentResultHome:hover {transform:translateY(-2px);box-shadow:0 12px 28px rgba(79,79,193,.28);}
.newRentResultAction {display:inline-flex;align-items:center;justify-content:center;flex:1;box-sizing:border-box;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;}
.newRentResultAction:hover {transform:translateY(-2px);}
.newRentResultAction.isHome {background:#fff;color:#848490;box-shadow:0 5px 18px rgba(66,66,128,.1);}
.newRentResultAction.isPrimary {background:#4f4fc1;color:#f7f8f8;box-shadow:0 8px 22px rgba(79,79,193,.24);}
.newRentResultNavigation {z-index:9999;}
.newRentResultNavigation .newRentResultAction {flex:0 1 240px;}
.newRentResultAlternative {position:relative;display:flex;flex:0 1 240px;}
.newRentResultAlternative .newRentResultAction {width:100%;flex:none;}
.newRentResultAlternativeBubble {position:absolute;left:50%;bottom:calc(100% + 40px);width:max-content; white-space:nowrap;box-shadow:0 8px 24px rgba(55,57,101,.16);pointer-events:none;transform:translateX(-50%);animation:newRentResultBubbleFloat 1.8s ease-in-out infinite;}
.newRentResultAlternativeBubble::after {content:"";position:absolute;left:50%;bottom:-10px;width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-top:11px solid #fff;transform:translateX(-50%);}
@keyframes newRentResultBubbleFloat {0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-8px)}}
.reRentMarketPanel,.reRentAmountPanel {width:100%;}
.reRentMarketCard {box-sizing:border-box;max-width:760px;border:1px solid #e0e2f2;box-shadow:0 7px 22px rgba(79,79,193,.1);}
.reRentMarketInput {box-sizing:border-box;border:1px solid #d9dade;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease;}
.reRentMarketInput:focus {border-color:#7771b5;box-shadow:0 0 0 4px rgba(79,79,193,.1);}
.reRentMarketInput::placeholder {color:#a7a9b0;}
.reRentMarketSubmit {border:0;cursor:pointer;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease;}
.reRentMarketSubmit:hover:not(:disabled) {transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,79,193,.22);}
.reRentMarketSubmit:disabled {cursor:not-allowed;opacity:.45;}
.reRentAmountField input {box-sizing:border-box;border:0;outline:none;box-shadow:0 4px 16px rgba(79,79,193,.06);}
.reRentAmountField input:focus {box-shadow:0 0 0 4px rgba(79,79,193,.1);}
.reRentAmountUnit {position:absolute;top:50%;right:20px;transform:translateY(-50%);pointer-events:none;}
.reRentFormError {padding:12px 14px;border-radius:6px;background:#fff0f0;color:#b83434;text-align:center;}
.reRentKeepCarNotice {box-shadow:0 7px 20px rgba(79,79,193,.1);}
.reRentEstimateCar {display:block;object-fit:contain;}
.reRentResultUnavailablePage {position:relative;overflow:visible;margin-bottom:155px;}
.reRentResultAdBanner {position:absolute;top:calc(100% - 28px);left:50%;width:min(768px,calc(100% - 120px));height:auto;border-radius:16px;object-fit:contain;transform:translateX(-50%);}
@media (max-width:767px) {
    .newRentResultNavigation {width:calc(100% - 32px);gap:8px;}
    .newRentResultNavigation .newRentResultAction {flex:1 1 calc(50% - 4px);}
    .newRentResultAlternative {flex:1 1 calc(50% - 4px);}
    .newRentResultAlternative .newRentResultAction {width:100%;}
    .newRentResultAlternativeBubble {bottom:calc(100% + 22px);}
    .reRentResultUnavailablePage {margin-bottom:0;}
    .reRentResultUnavailablePage .newRentResultNavigation {bottom:16px;bottom:max(16px,env(safe-area-inset-bottom));}
    .reRentResultAdBanner {position:fixed!important;top:auto!important;right:auto!important;bottom:88px!important;left:50%!important;z-index:9998;width:calc(100% - 40px);border-radius:8px;transform:translateX(-50%)!important;}
}



@keyframes wizardSceneIn {from{opacity:0;transform:translateX(56px)}to{opacity:1;transform:translateX(0)}}
@keyframes wizardSceneOut {from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-56px)}}
@keyframes wizardSceneOutBack {from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(56px)}}
@keyframes wizardStepPulse {0%{transform:scale(.76);box-shadow:0 0 0 rgba(204,208,241,0)}70%{transform:scale(1.08);box-shadow:0 0 16px rgba(125,130,205,.35)}100%{transform:scale(1);box-shadow:0 0 8px #CCD0F1}}

@media (max-width:767px) {
  .wizardScene {animation-name:wizardSceneInMobile;}
  body.isWizardLeaving .wizardScene {animation-name:wizardSceneOutMobile;}
  body.isWizardLeaving.isWizardBack .wizardScene {animation-name:wizardSceneOutBackMobile;}
  .newRentPriceUnit {right:16px;}
  .newRentPriceError {margin-top:-30px;margin-bottom:24px;}
  .newRentEstimateLine {flex-direction:column;}
  .newRentNoDeductible::after {height:2px;}
  .newRentNoDeductibleDotted>span::before {top:-2px;width:4px;height:4px;}
  .newRentIdentityConsentRow {align-items:flex-start;}
  .newRentIdentityConsentRow label {align-items:flex-start;}
  .newRentIdentityConsentRow input {width:16px;height:16px;margin-top:1px;}
  .newRentIdentityTerms {padding:14px;font-size:11px;}
  .newRentAgreementModal {padding:0;}
  .newRentAgreementModalDialog {width:100vw;height:100dvh;max-height:100dvh;padding:20px;border-radius:0;}
  .newRentAgreementModalContent {font-size:12px;}
  .newRentNavigation {bottom:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:calc(100% - 32px)!important;gap:8px;}
  .newRentNavButton {width:calc(50% - 4px);min-height:48px;padding:0 16px;}
  @keyframes wizardSceneInMobile {from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
  @keyframes wizardSceneOutMobile {from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-28px)}}
  @keyframes wizardSceneOutBackMobile {from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(28px)}}
}

@media (prefers-reduced-motion:reduce) {
  .wizardScene,body.isWizardLeaving .wizardScene,body.isWizardLeaving.isWizardBack .wizardScene,.steps .active {animation:none;opacity:1;transform:none;}
  .steps>div,.newRentNavButton,.newRentPriceField input {transition:none;}
}


/********************
** footer
********************/

/********************
** calculating
********************/
.calculatingBg {right:0; bottom:0;}

/********************
** login
********************/
.loginBg {background: linear-gradient(to bottom, #26272B 80%, #302D62 100%);}
.loginBoxLine {border:1px solid #D9DADE;}

/********************
** progressSearch
********************/
.progressSearchBox {box-shadow:0 0 8px #D9DADE;}

/********************
** solution
********************/
.LimitBtnBg {background:url('/img/LimitBtnBg.png'); background-position:center; background-size:cover;}
.ApplyBtnBg {background:url('/img/ApplyBtnBg.png'); background-position:center; background-size:cover;}
.solutionBtn {box-shadow: none; filter: drop-shadow(4px 4px 16px rgba(0, 0, 0, 0.25));}
.solutionCnt {box-shadow:0 0 8px #D9DADE;}

/********************
** newLimit
********************/
.limitBoxline {border:1px solid #D9DADE;}
.limitStatusMessage {border:1px solid #D9DADE;}
.limitStatusMessage.isSuccess {background:#EAF7EC; border-color:#9AD4A5; color:#23663A;}
.limitStatusMessage.isError {background:#FFF1F1; border-color:#E5A0A0; color:#B42318;}
.limitPolicyFieldset input {width:24px; height:24px; flex:0 0 24px; accent-color:#4F4FC1;}
.limitAgreementList {border:1px solid #D9DADE; background:#fff;}
.limitAgreementAll {padding:18px 20px; border-bottom:1px solid #D9DADE;}
.limitAgreementItem {padding:16px 20px; border-bottom:1px solid #EEF0F4;}
.limitAgreementItem:last-child {border-bottom:0;}
.limitAgreementPreview {border:0; background:transparent; cursor:pointer; flex:0 0 auto;}
.limitAgreementModal[hidden] {display:none;}
.limitAgreementModal {position:fixed; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; z-index:3000;}
.limitAgreementContent {max-height:56vh; overflow:auto; border:1px solid #EEF0F4; padding:18px; background:#fff;}
.limitSignatureBox {width:100%;}
.limitSignatureCanvas {display:block; height:180px; border:1px solid #D9DADE; background:#fff; touch-action:none;}
.limitSignatureClear {border:1px solid #D9DADE; background:#fff; color:#26272B; cursor:pointer;}
.limitActionButton {border:0; cursor:pointer; transition:opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease;}
.limitActionButton[disabled] {background:#B8BAC1; cursor:not-allowed; opacity:0.7;}
.limitStepPlaceholder {border:1px dashed #BFC5EF; background:#F7F8FD;}
.limitTypeButton {border:0; cursor:pointer; transition:background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;}
.limitTypeButton.active,
.limitTypeButton[aria-pressed="true"] {background:#26272B !important; color:#F7F8F8 !important;}
.limitApplicantPanel[hidden] {display:none;}
.limitFileInput {display:none;}
.limitFileButton {border:0; cursor:pointer; flex:0 0 auto;}
.limitFileName {flex:1 1 auto; min-width:0; word-break:break-all;}
.limitResidentNumber {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.limitResidentFrontInput {flex:1 1 240px; min-width:180px;}
.limitResidentBackField {position:relative; display:flex; align-items:center; flex:1 1 220px; min-width:180px; cursor:text; overflow:hidden; transition:border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.2s ease;}
.limitResidentBackField:focus-within {border-color:#26272B !important; background:#F7F8FD;}
.limitResidentBackField.isFilled {border-color:#26272B !important; background:#F7F8FD;}
.limitResidentBackInput {position:absolute; inset:0; width:100%; height:100%; padding:0 !important; border:0; background:transparent; color:transparent; caret-color:transparent; opacity:0; z-index:2;}
.limitResidentMask {display:flex; align-items:center; gap:4px; pointer-events:none; transition:transform 0.2s ease;}
.limitResidentBackField:focus-within .limitResidentMask {transform:scale(1.02);}
.limitResidentDot,
.limitResidentDots {font-size:24px; font-weight:700; line-height:1; white-space:nowrap;}
.limitResidentDotFirst {color:#B8BAC1; transition:color 0.2s ease, transform 0.2s ease, text-shadow 0.2s ease;}
.limitResidentBackField.isFilled .limitResidentDotFirst {color:#26272B; transform:scale(1.08);}
.limitResidentDots {color:#26272B; letter-spacing:2px;}
.limitResultOpenButton {box-shadow:0 8px 24px rgba(79, 79, 193, 0.18);}
.limitResultModal[hidden] {display:none;}
.limitResultModal {position:fixed; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; z-index:3000;}
.limitResultBackdrop {position:absolute; inset:0; border:0; background:rgba(38, 39, 43, 0.65); cursor:default;}
.limitResultDialog {position:relative; width:min(100%, 720px); max-height:calc(100vh - 48px); overflow:auto; box-shadow:0 24px 80px rgba(0, 0, 0, 0.22);}
.limitResultClose {display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:0; border-radius:999px; background:#F7F8FD; color:#4B45B0; font-size:28px; line-height:1; cursor:pointer; flex:0 0 40px;}
.limitResultCard {border:1px solid #D9DADE; background:linear-gradient(180deg, #F8F9FF 0%, #FFFFFF 100%);}
body.limitResultModalOpen {overflow:hidden;}

/********************
** newApply
********************/
.applyBtnLine {border:1px solid #D9DADE; cursor:pointer; transition:border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;}
.applyBtnLine.active,
.applyBtnLine[aria-pressed="true"] {color:#4F4FC1 !important; background:#F2F3FC !important; border-color:#4F4FC1 !important;}
.applyTable {border-top:2px solid #818CD9;}
.applyTable tr {border-bottom:1px solid #CCD0F1;}
.applyTable tr:last-child {border-bottom:0;}
.applybottmoline {border-bottom:1px solid #D9DADE;}
.throughLine {text-decoration:line-through;}

/********************
** progressResult
********************/
.resultCnts {display:grid; grid-template-columns:repeat(6, 1fr);}
.resultCntItem {display:flex; flex-direction:column; position:relative; overflow:visible;}
.resultCnt {border:1px solid #EEEEF0; background:#FFF; transition:border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;}
.resultCnt.isCurrent {border-color:#4F4FC1; box-shadow:0 16px 32px rgba(79, 79, 193, 0.18);}
.progressCurrentMarker {
    position:absolute;
    left:50%;
    bottom:100%;
    transform:translateX(-50%);
    width:max-content;
    min-height:0;
    margin:0 !important;
    z-index:2;
}
.progressCurrentTriangle {display:block;
    width:24px;
    height:20.7846px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20.7846'%3E%3Cpath d='M5.1962 3H18.8038L12 14.7846Z' fill='%234F4FC1' stroke='%234F4FC1' stroke-width='6' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/*************************************************** admin ***************************************************/

/********************
** header
********************/
.adminDrawerOpen {overflow: hidden;}
.adminHeader {border-right:1px solid #D9DADE;}
.adminHeaderSpacer {display: none; pointer-events: none;}
.adminHeaderBar,
.adminHeaderOverlay,
.adminHeaderPanelHeader {display:none;}
.adminHeaderPanel {width: 100%; height: 100%;}
.adminHeaderPanelBody {flex: 1 1 auto;}
.adminHeaderLogoutButton,
.adminHeaderPanelLogout {text-decoration:none;}
.adminHeaderIconButton {width: 24px; height: 24px;display: inline-flex; align-items: center; justify-content: center; background: #ffffff; cursor: pointer; padding: 0;}
.adminHeaderCollapseButton {position:absolute; top:24px; right:-17px; z-index:3; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:34px; height:34px; padding:0; border:1px solid #D9DADE; border-radius:50%; color:#443D90; background:#FEFEFE; box-shadow:0 3px 10px rgba(31,32,38,.10); cursor:pointer; transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;}
.adminHeaderCollapseButton:hover {border-color:#443D90; color:#FEFEFE; background:#443D90;}
.adminHeaderCollapseIcon {display:block; width:8px; height:8px; border:solid currentColor; border-width:0 2px 2px 0; transform:translateX(2px) rotate(135deg); transition:transform .2s ease;}
.adminHeader.is-collapsed .adminHeaderCollapseIcon {transform:translateX(-2px) rotate(-45deg);}
.adminHeaderOverlay {border: 0; padding: 0;}
.adminMenuLink {transition: background-color 0.2s ease, color 0.2s ease; text-decoration: none;}
.adminMenuLink.active {background-color: #E2E4F7; color: #4B45B0 !important; font-weight: 600 !important;}
.adminMenuLink.active img {flex-shrink: 0;}
@media only screen and (min-width:1201px) {
  .adminHeader {transition:width .25s ease,padding .25s ease;}
  .adminHeader ~ section > .tmInner.wwd80 {transition:width .25s ease;}
  html.adminHeaderCollapsed .adminHeader {width:76px !important; padding:72px 12px 24px !important;}
  html.adminHeaderCollapsed .adminHeaderPanel {display:none !important;}
  html.adminHeaderCollapsed .adminHeaderCollapseButton {right:-17px;}
  html.adminHeaderCollapsed .adminHeader ~ section > .tmInner.wwd80 {width:calc(100% - 76px) !important;}
}

/********************
** visitor
********************/
.visitorChartBox canvas {width: 100% !important; height: 420px !important;}
.visitorFilterTabs button {transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;}
.visitorFilterTabs button.active {color: #FEFEFE !important; background: #443D90 !important; box-shadow: 0 2px 4px #B8BAC1;}

/********************
** opertor
********************/
.operatorBg {background: radial-gradient(ellipse 100% 50% at center, #E2E4F7 0%, #F7F8FD 45%, #FFFFFF 78%);}
.operatorCnts {display:grid; grid-template-columns:repeat(3,1fr);}
.opertorCnt {box-shadow:0 0 4px #CCD0F1;}

/********************
** tecent
********************/
.recentTableScroll {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.tecentTable {width:100%; min-width:980px; table-layout:auto;}
.tecentTable tr{border-top:1px solid #D9DADE;}
.tecentTable tr:last-child{border-bottom:1px solid #D9DADE;}
.tecentTable tr.tecentTableLastDataRow{border-bottom:1px solid #D9DADE;}
.tecentTable th, .tecentTable td {border-right:1px solid #D9DADE;}
.tecentTable th:last-child, .tecentTable td:last-child {border-right:0;}
.leadDbDateField {position:relative; display:flex; align-items:center;}
.leadDbDateInput {padding-right:44px !important;}
.leadDbDateInput::-webkit-calendar-picker-indicator {opacity:0; position:absolute; inset:0; width:100%; height:100%; cursor:pointer;}
.leadDbDatePickerButton {position:absolute; top:50%; right:12px; transform:translateY(-50%); display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; padding:0; border:0; background:transparent; cursor:pointer;}
.leadDbDatePickerButton img {display:block; width:20px; height:20px;}
.leadDbFilterSelect {appearance:none; -webkit-appearance:none; -moz-appearance:none; padding-right:40px !important; background-image:url('/img/inputArrow.svg'); background-repeat:no-repeat; background-position:right 12px center; background-size:14px auto;}
.leadDbMenuTabs button {border:1px solid #D9DADE; background:#FEFEFE; transition:color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;}
.leadDbMenuTabs button.active {color:#FEFEFE !important; background:#443D90; border-color:#443D90; box-shadow:0 2px 4px #B8BAC1;}
.leadProgressTable {min-width:var(--lead-table-min-width, 2200px); table-layout:auto; transition:min-width 0.2s ease;}
.leadProgressTable [data-lead-column][hidden],.leadSettlementTable [data-lead-column][hidden],.leadSettlementTable [data-lead-column-content][hidden],.leadSettlementTable [data-lead-combined-product-header][hidden],.leadSettlementTable [data-lead-combined-product-cell][hidden] {display:none !important;}
.leadColumnVisibility {display:flex; align-items:center; justify-content:flex-end; gap:12px; margin:0 0 16px; padding:12px 14px; border:1px solid #E1E2E6; border-radius:8px; background:#FAFAFC;}
.leadColumnVisibilityTitle {flex:0 0 auto; color:#5C5E66; font-size:14px; font-weight:600; line-height:1.3;}
.leadColumnVisibilityButtons {display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px;}
.leadColumnVisibilityButtons button {padding:8px 12px; border:1px solid #D9DADE; border-radius:6px; color:#5C5E66; background:#FEFEFE; font-size:13px; font-weight:600; line-height:1.2; cursor:pointer; transition:color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;}
.leadColumnVisibilityButtons button:hover {border-color:#7771B5; color:#443D90;}
.leadColumnVisibilityButtons button.isCollapsed {border-color:#443D90; color:#FEFEFE; background:#443D90;}
.leadSettlementTable {min-width:var(--lead-table-min-width, 2700px); table-layout:auto; transition:min-width 0.2s ease;}
.leadSettlementTable th {padding:12px 16px; background:#F5F5F7; color:#5C5E66; font-size:14px; font-weight:500; line-height:1.3; text-align:center; vertical-align:middle; white-space:nowrap;}
.leadSettlementTable td {padding:16px; font-size:14px; font-weight:400; line-height:1.3; vertical-align:middle; white-space:nowrap;}
.leadSettlementProductCell span, .leadSettlementProductCell small {display:block;}
.leadSettlementProductCell small {margin-top:4px; color:#777A83; font-size:12px;}
.leadSettlementStatus {display:inline-flex; align-items:center; justify-content:center; min-width:56px; padding:6px 10px; border-radius:999px; color:#6B6E76; background:#EEEFF2; font-size:13px; font-weight:600; line-height:1;}
.leadInfoTable {min-width:1300px; table-layout:auto;}
.leadInfoTable th {padding:12px 16px; background:#F5F5F7; color:#5C5E66; font-size:14px; font-weight:500; line-height:1.3; text-align:center; vertical-align:middle; white-space:nowrap;}
.leadInfoTable td {padding:16px; font-size:14px; font-weight:400; line-height:1.3; vertical-align:middle; white-space:nowrap;}
.leadInfoRelation {display:inline-flex; align-items:center; justify-content:center; min-width:80px; padding:6px 10px; border-radius:999px; color:#62656D; background:#EEEFF2; font-size:13px; font-weight:600;}
.leadInfoRelation.isSelf {color:#443D90; background:#EAE8FA;}
.leadInfoTreeName {display:inline-flex; align-items:center; padding-left:calc(var(--lead-info-depth,0) * 18px);}
.leadInfoTreeName::before {content:'└'; margin-right:6px; color:#A09CBF; font-weight:700;}
.leadInfoSubordinateActions {display:flex; justify-content:center; margin-top:20px;}
.leadInfoSubordinateToggle {min-width:240px; padding:14px 22px; border:1px solid #443D90; border-radius:8px; color:#443D90; background:#FEFEFE; font-size:15px; font-weight:600; cursor:pointer; transition:color 0.2s ease,background-color 0.2s ease;}
.leadInfoSubordinateToggle[aria-expanded="true"] {color:#FEFEFE; background:#443D90;}
.leadInfoSubordinatePanel {margin-top:28px;}
.leadInfoSubordinateTitle {margin-bottom:14px; color:#292A2F; font-size:18px; font-weight:600;}
.leadInfoTable tr[data-lead-member-rental-owner] {cursor:pointer; transition:background-color 0.2s ease;}
.leadInfoTable tr[data-lead-member-rental-owner]:hover,.leadInfoTable tr[data-lead-member-rental-owner]:focus-visible {background:#F8F7FF; outline:none;}
.leadInfoTable tr[data-lead-member-rental-owner][aria-expanded="true"] {background:#F1EFFF;}
.leadMemberRentalCount {display:inline-flex; margin-left:6px; padding:3px 7px; border-radius:999px; color:#443D90; background:#EAE8FA; font-size:11px; font-weight:700; vertical-align:middle;}
.leadMemberRentalPanelRow > td {padding:0 !important; background:#F8F7FF; white-space:normal !important;}
.leadMemberRentalPanel {padding:20px 24px;}
.leadMemberRentalTitle {margin-bottom:12px; color:#292A2F; font-size:16px; font-weight:600;}
.leadMemberRentalTable {width:100%; min-width:900px; border-collapse:collapse; background:#FEFEFE;}
.leadMemberRentalTable th,.leadMemberRentalTable td {padding:12px 14px; border:1px solid #E1E2E6; font-size:13px; white-space:nowrap;}
.leadMemberRentalTable th {color:#5C5E66; background:#F2F2F5; font-weight:600; text-align:center;}
.leadMemberRentalEmpty {padding:20px; border:1px solid #E1E2E6; border-radius:6px; color:#777A83; background:#FEFEFE; font-size:14px; text-align:center;}
.leadProgressTable th {padding:12px 16px; background:#F5F5F7; color:#5C5E66; font-size:14px; font-weight:500; line-height:1.3; text-align:center; vertical-align:middle; white-space:nowrap;}
.leadProgressTable td {padding:16px; font-size:14px; font-weight:400; line-height:1.3; vertical-align:middle; white-space:nowrap;}
.leadProgressDataRow[role="button"] {cursor:pointer; transition:background-color 0.2s ease;}
.leadProgressDataRow[role="button"]:hover {background:#F8F7FF;}
.leadProgressDataRow[role="button"]:focus-visible {outline:2px solid #443D90; outline-offset:-2px; background:#F8F7FF;}
.leadEstimateModeActive .leadProgressDataRow[role="button"] {cursor:alias;}
.leadEstimateModeActive .leadProgressDataRow[role="button"]:hover {background:#F0EEFF;}
.leadProgressDataRow.hasNewComment td {background:#FFF9E9;}
.leadProgressDataRow.isCommentPulse td {animation:leadCommentRowPulse 0.8s ease-in-out 2;}
.leadProgressNumberCell {position:relative;}
.leadNewCommentBadge {display:inline-flex; align-items:center; justify-content:center; margin-left:6px; padding:3px 6px; border-radius:999px; color:#FEFEFE; background:#E34B4B; font-size:10px; font-weight:700; line-height:1; vertical-align:middle;}
.leadNewCommentBadge[hidden] {display:none;}
.leadProgressStatus {display:inline-flex; align-items:center; justify-content:center; min-width:48px; padding:6px 10px; border-radius:999px; font-size:13px; font-weight:600; line-height:1;}
.leadProgressStatusWaiting {color:#6B6E76; background:#EEEFF2;}
.leadProgressStatusIncomplete {color:#C27400; background:#FFF1D6;}
.leadProgressStatusComplete {color:#197A4B; background:#DFF5E8;}
.leadCommentPanelRow > td {padding:0 !important; background:#F8F7FF; white-space:normal !important;}
.leadCommentPanel {position:sticky; left:0; box-sizing:border-box; width:var(--lead-comment-panel-width,100vw); max-width:100vw; padding:24px 28px;}
.leadCommentPanelHeader {display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px;}
.leadCommentPanelHeader strong {font-size:16px; font-weight:600; color:#292A2F;}
.leadAdminOnlyBadge {display:inline-flex; margin-left:6px; padding:3px 7px; border-radius:999px; color:#8A3B12; background:#FFE8D6; font-size:10px; font-weight:700; vertical-align:middle;}
.leadCreditModal {position:fixed; inset:0; z-index:1200; display:flex; align-items:center; justify-content:center; padding:24px;}
.leadCreditModal[hidden] {display:none;}
.leadCreditModalBackdrop {position:absolute; inset:0; border:0; background:rgba(20,21,26,0.68); cursor:pointer;}
.leadCreditModalDialog {position:relative; z-index:1; display:flex; flex-direction:column; width:min(720px,calc(100vw - 48px)); max-height:calc(100vh - 48px); overflow:hidden; border-radius:18px; background:#FEFEFE; box-shadow:0 24px 70px rgba(0,0,0,0.28);}
.leadCreditModalHeader {display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:20px 24px 16px; border-bottom:1px solid #E1E2E6;}
.leadCreditModalTitle {color:#292A2F; font-size:22px; font-weight:700; line-height:1.3;}
.leadCreditModalDescription {margin-top:5px; color:#676A72; font-size:13px; line-height:1.5;}
.leadCreditModalClose {display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:36px; height:36px; padding:0; border:1px solid #D9DADE; border-radius:50%; background:#FEFEFE; cursor:pointer;}
.leadCreditModalClose img {width:14px; height:14px;}
.leadCreditModalBody {position:relative; min-height:0; overflow-y:auto; flex:1 1 auto; padding:24px; background:#F4F5F7;}
.leadCreditLookupForm{display:flex;flex-direction:column;gap:16px}.leadCreditStep{padding:20px;border:1px solid #E1E2E8;border-radius:14px;background:#FFF}.leadCreditStepTitle{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.leadCreditStepTitle>em{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;border-radius:50%;background:#443D90;color:#FFF;font-size:13px;font-style:normal;font-weight:700}.leadCreditStepTitle strong,.leadCreditStepTitle span{display:block}.leadCreditStepTitle strong{color:#292A2F;font-size:17px}.leadCreditStepTitle span{margin-top:4px;color:#777A83;font-size:12px;line-height:1.5}.leadCreditConsentLine{display:flex;align-items:flex-start;gap:9px;padding:13px 14px;border:1px solid #E1E2E8;border-radius:8px;background:#FAFAFC;color:#42444B;font-size:13px;line-height:1.5;cursor:pointer}.leadCreditConsentLine.isAll{border-color:#CBC8E5;background:#F5F3FF;font-weight:700}.leadCreditConsentLine input{flex:0 0 auto;width:17px;height:17px;margin-top:1px;accent-color:#443D90}.leadCreditIdentityButton,.leadCreditSubmit,.leadCreditRetry{width:100%;border:0;border-radius:8px;background:#443D90;color:#FFF;font-weight:700;cursor:pointer}.leadCreditIdentityButton{margin-top:10px;padding:14px;font-size:14px}.leadCreditIdentityButton:disabled,.leadCreditSubmit:disabled{cursor:not-allowed;opacity:.55}.leadCreditIdentityStatus{margin-top:10px;color:#777A83;font-size:12px;text-align:center}.leadCreditIdentityStatus.isVerified{color:#197A4B;font-weight:700}.leadCreditIdentityGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.leadCreditIdentityGrid label>span{display:block;margin-bottom:7px;color:#555860;font-size:12px;font-weight:600}.leadCreditIdentityGrid input{box-sizing:border-box;width:100%;height:42px;padding:10px 11px;border:1px solid #D9DADE;border-radius:7px;background:#FFF;color:#292A2F;font-size:13px}.leadCreditIdentityGrid input[readonly]{background:#F2F3F6;color:#62656D}.leadCreditAgreementList{display:grid;gap:8px;margin-top:10px}.leadCreditAgreementItem{border:1px solid #E1E2E8;border-radius:8px;background:#FFF}.leadCreditAgreementItem summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;list-style:none;cursor:pointer}.leadCreditAgreementItem summary::-webkit-details-marker{display:none}.leadCreditAgreementItem summary label{display:flex;align-items:flex-start;min-width:0;gap:8px;color:#44464E;font-size:13px;cursor:pointer}.leadCreditAgreementItem summary input{flex:0 0 auto;width:16px;height:16px;accent-color:#443D90}.leadCreditAgreementItem summary b{flex:0 0 auto;color:#666975;font-size:11px;text-decoration:underline;text-underline-offset:2px}.leadCreditAgreementContent{max-height:220px;padding:16px;overflow-y:auto;border-top:1px solid #E8E9EE;background:#FAFAFC;color:#555860;font-size:12px;line-height:1.7}.leadCreditSignatureHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#62656D;font-size:12px}.leadCreditSignatureHeader button{padding:0;border:0;background:transparent;color:#443D90;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.leadCreditSignatureCanvas{display:block;box-sizing:border-box;width:100%;height:150px;border:1px solid #CDD0D8;border-radius:8px;background:#FFF;touch-action:none;cursor:crosshair}.leadCreditFormMessage{padding:13px 15px;border-radius:8px;background:#FFF0F0;color:#B83434;font-size:13px;line-height:1.5}.leadCreditSubmit{padding:17px;font-size:16px}.leadCreditResult{padding:34px 8px 18px;text-align:center}.leadCreditResultIcon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#E2F5E9;color:#197A4B;font-size:30px;font-weight:800}.leadCreditResultIcon.isRejected{background:#FFF0E3;color:#C27400}.leadCreditResultTitle{margin-top:16px;color:#292A2F;font-size:23px;font-weight:700}.leadCreditResultCard{margin-top:20px;padding:24px;border:1px solid #E1E2E8;border-radius:14px;background:#FFF}.leadCreditResultCard strong{font-size:18px}.leadCreditResultCard p{margin-top:8px;color:#555860;font-size:14px}.leadCreditResultCard em{display:block;margin-top:12px;color:#443D90;font-size:28px;font-style:normal;font-weight:800}.leadCreditResultCard span{display:block;margin-top:10px;color:#777A83;font-size:12px}.leadCreditRetry{margin-top:16px;padding:15px;font-size:14px}
.leadCreditModalBody{background:#FFF}.leadCreditLookupForm{max-width:560px;margin:0 auto;padding:12px 8px 18px}.leadCreditFlowStep[hidden]{display:none}.leadCreditFlowCount{margin-bottom:10px;color:#443D90;font-size:22px}.leadCreditFlowStep h3{color:#292A2F;font-size:28px;font-weight:700;line-height:1.35}.leadCreditFlowGuide{margin-top:10px;margin-bottom:28px;color:#747780;font-size:14px;line-height:1.6}.leadCreditFlowGuide strong{color:#443D90}.leadCreditPassBox{display:flex;align-items:center;gap:15px;margin-bottom:12px;padding:18px;border:1px solid #E3E4E9;border-radius:10px;background:#F7F8FA}.leadCreditPassLogo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 60px;height:60px;border-radius:16px;background:#292A2F;color:#FFF;font-size:15px;font-weight:800;letter-spacing:-.5px}.leadCreditPassBox strong,.leadCreditPassBox p{display:block}.leadCreditPassBox strong{color:#292A2F;font-size:16px}.leadCreditPassBox p{margin-top:5px;color:#858790;font-size:12px}.leadCreditIdentityButton{margin-top:12px;padding:18px;border-radius:4px;background:#443D90;font-size:17px}.leadCreditIdentityGrid.isManual{padding:16px;border-radius:8px;background:#F7F8FA}.leadCreditAgreementList{max-height:250px;overflow-y:auto;padding-right:4px}.leadCreditAgreementItem{border-width:0 0 1px;border-radius:0}.leadCreditAgreementItem summary{padding:14px 4px}.leadCreditAgreementContent{max-height:180px}.leadCreditSignatureBlock{margin-top:24px;padding-top:22px;border-top:1px solid #E3E4E9}.leadCreditSignatureHeader strong{margin-right:7px;color:#292A2F;font-size:14px}.leadCreditSubmit{margin-top:16px;border-radius:4px;background:#443D90}.leadCreditFormMessage{order:10;margin-top:0}.leadCreditResult{max-width:520px;margin:0 auto;padding:38px 8px}.leadCreditLocalNotice{margin-bottom:12px;padding:12px 14px;border-radius:7px;background:#FFF6DF;color:#8A5A00;font-size:12px;font-weight:600;line-height:1.5}.leadCreditLocalConsent{margin-top:10px;margin-bottom:18px}
.leadCreditAgreementSubitem+ .leadCreditAgreementSubitem{margin-top:18px;padding-top:18px;border-top:1px solid #E1E2E8}.leadCreditAgreementSubitem>label{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;color:#3F4148;font-size:13px}.leadCreditAgreementSubitem>label input{flex:0 0 auto;width:16px;height:16px;accent-color:#443D90}.leadCreditAgreementSubitem>div{color:#62656D;font-size:12px;line-height:1.7}
.leadCreditLookupForm[hidden],.leadCreditResult[hidden]{display:none!important}.leadCreditModalBody.isResultStep{display:flex;align-items:center;justify-content:center}.leadCreditResult{width:100%;opacity:0;transform:translateX(18px);transition:opacity .25s ease,transform .25s ease}.leadCreditResult.isVisible{opacity:1;transform:translateX(0)}
.leadCommentDetailButton {padding:9px 14px; border:0; border-radius:4px; color:#FEFEFE; background:#443D90; font-size:14px; font-weight:600; cursor:pointer;}
.leadCommentList {display:flex; flex-direction:column; align-items:stretch; gap:10px; max-height:360px; margin-bottom:16px; padding-right:6px; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable;}
.leadSettlementEditForm,.leadSettlementEditForm * {box-sizing:border-box;}
.leadSettlementEditForm[hidden] {display:none;}
.leadSettlementEditForm {border:0; border-radius:24px; background:#FFF;}
.leadSettlementEditGrid .leadReceptionField>span {justify-content:space-between; gap:8px;}
.leadSettlementEditGrid .leadReceptionField>span small {flex:0 0 auto; color:#686B73; font-size:11px; font-weight:500; white-space:nowrap;}
.leadSettlementInputWrap {display:flex; align-items:center; gap:10px; width:calc(100% - 32px); min-width:0; margin:8px 16px;}
.leadSettlementEditGrid .leadSettlementInputWrap input {flex:1 1 auto; width:100%; min-width:0; height:40px; margin:0; padding:9px 12px; text-align:right;}
.leadSettlementReasonField .leadSettlementInputWrap input {text-align:left;}
.leadSettlementInputWrap em {flex:0 0 auto; color:#686B73; font-size:14px; font-style:normal;}
.leadSettlementEditActions button {min-width:0; border:1px solid #4F4FC1; border-radius:4px; background:#4F4FC1; color:#FFF; cursor:pointer;}
.leadSettlementEditActions button:disabled {cursor:not-allowed; opacity:.55;}
.leadCommentEmpty {color:#777A83; font-size:14px;}
.leadCommentItem {display:flex; flex-direction:column; align-self:flex-start; width:fit-content; max-width:min(72%,680px); padding:10px 13px; border:1px solid #D5D7DD; border-radius:4px 14px 14px 14px; background:#F5F6F8; color:#24262B; font-size:14px; line-height:1.5; word-break:break-word;}
.leadCommentItem.isMine {align-self:flex-end; border-color:#9A91CD; border-radius:14px 4px 14px 14px; color:#27234D; background:#EEEAFB;}
.leadCommentItemAuthor {margin-bottom:4px; color:#555860; font-size:11px; font-weight:700;}
.leadCommentItem.isMine .leadCommentItemAuthor {color:#594EA0; text-align:right;}
.leadCommentItemText {white-space:pre-wrap;}
.leadCommentItem.isNewComment {animation:leadCommentItemIn 0.35s ease-out; border-color:#C8C3ED; box-shadow:0 4px 12px rgba(68,61,144,0.12);}
.leadCommentItemTime {display:block; margin-top:6px; color:#6F727A; font-size:12px;}
.leadCommentItem.isMine .leadCommentItemTime {color:#655D8D; text-align:right;}
.leadCommentEditLink {align-self:flex-start; margin-top:4px; padding:0; border:0; background:transparent; color:#686B73; font-size:11px; line-height:1.4; text-decoration:underline; text-underline-offset:2px; cursor:pointer;}
.leadCommentItem.isMine .leadCommentEditLink {align-self:flex-end; color:#655D8D;}
.leadCommentItem.isEditing {width:min(72%,680px);}
.leadCommentEditor[hidden] {display:none;}
.leadCommentEditor {width:100%; margin-top:8px;}
.leadCommentEditInput {display:block; box-sizing:border-box; width:100%; min-height:84px; padding:10px 12px; border:1px solid #B8BAC1; border-radius:4px; outline:none; background:#FFF; color:#24262B; font:inherit; font-size:14px; line-height:1.5; resize:vertical;}
.leadCommentEditInput:focus {border-color:#443D90; box-shadow:0 0 0 2px rgba(68,61,144,.12);}
.leadCommentEditActions {display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:8px;}
.leadCommentEditActionGroup {display:flex; align-items:center; gap:6px;}
.leadCommentDeleteButton,.leadCommentEditCancel,.leadCommentEditSave {padding:0; border:0; background:transparent; font-size:12px; cursor:pointer;}
.leadCommentDeleteButton {color:#C53A3A; text-decoration:underline; text-underline-offset:2px;}
.leadCommentEditCancel {padding:7px 10px; color:#686B73;}
.leadCommentEditSave {padding:7px 12px; border-radius:4px; background:#443D90; color:#FFF; font-weight:600;}
.leadCommentDeleteButton:disabled,.leadCommentEditCancel:disabled,.leadCommentEditSave:disabled {cursor:not-allowed; opacity:.55;}
.leadCommentLabel {display:block; margin-bottom:8px; color:#4B4D54; font-size:14px; font-weight:600;}
.leadCommentComposer {display:flex; align-items:stretch; gap:8px;}
.leadCommentInput {min-width:0; flex:1 1 auto; padding:12px 14px; border:1px solid #D9DADE; border-radius:4px; background:#FEFEFE; font:inherit; line-height:1.5; resize:vertical;}
.leadCommentInput:focus {outline:2px solid #CBC8E5; border-color:#443D90;}
.leadCommentSubmit {flex:0 0 auto; padding:12px 20px; border:0; border-radius:4px; color:#FEFEFE; background:#443D90; font-size:14px; font-weight:600; cursor:pointer;}
@keyframes leadCommentRowPulse {0%,100%{background:#FFF9E9;} 50%{background:#FFE7A8;}}
@keyframes leadCommentItemIn {from{opacity:0;transform:translateY(-8px);} to{opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion:reduce) {.leadProgressDataRow.isCommentPulse td,.leadCommentItem.isNewComment{animation:none;}}
@media (max-width:767px) {.leadCommentPanel{padding:16px}.leadCommentItem{max-width:85%}.leadCommentItem.isEditing{width:85%}.leadCommentComposer{flex-direction:column}.leadCommentSubmit{width:100%}}
@media (max-width:767px) {.leadColumnVisibility{align-items:flex-start;flex-direction:column}.leadColumnVisibilityButtons{justify-content:flex-start;width:100%}.leadColumnVisibilityButtons button{flex:1 1 auto}}
@media (max-width:800px) {.leadSettlementEditForm{border-radius:16px}.leadSettlementInputWrap{width:calc(100% - 20px);margin:8px 10px}}
@media (max-width:767px) {.leadCreditModal{padding:0}.leadCreditModalDialog{width:100vw;height:100vh;max-height:none;border-radius:0}.leadCreditModalHeader{padding:16px}.leadCreditModalDescription{font-size:12px}.leadCreditModalBody{padding:14px}.leadCreditStep{padding:16px}.leadCreditIdentityGrid{grid-template-columns:1fr}.leadCreditSignatureCanvas{height:130px}.leadCreditAgreementContent{max-height:180px}}
.leadDbDocumentField {display:flex; flex-direction:column; gap:12px;}
.leadDbDocumentList {display:flex; flex-wrap:wrap; gap:8px;}
.leadDbDocumentLink {display:inline-flex; align-items:center; max-width:100%; border:1px solid #D9DADE; text-decoration:none; word-break:break-all;}
.leadDbDocumentUploadForm {display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.leadDbDocumentFileInput {display:none;}
.leadDbDocumentTrigger, .leadDbDocumentSubmit {border:0; cursor:pointer; flex:0 0 auto;}
.leadDbDocumentFileSummaryInput {min-width:0; flex:1 1 220px; cursor:pointer;}
.leadDbDocumentUploadForm.isUploading {opacity:0.65; pointer-events:none;}


/********************
** member
********************/
/** list **/
.memberSearch {border:1px solid #D9DADE;}
.memberAddButton {cursor:pointer;}
.memberPlus {position:relative; width:16px; height:16px; flex:0 0 16px;}
.memberPlus span {position:absolute; top:50%; left:50%; width:16px; height:2px; background:#FEFEFE; border-radius:999px; transform:translate(-50%, -50%);}
.memberPlus span:last-child {transform:translate(-50%, -50%) rotate(90deg);}
.memberModal[hidden] {display:none;}
.memberModal {position:fixed; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; z-index:3000;}
.solutionAuthView[hidden] {display:none !important;}
.memberConfirmModal {z-index:3100;}
.memberModalBackdrop {position:absolute; inset:0; border:0; background:rgba(38, 39, 43, 0.6); cursor:pointer;}
.memberModalDialog {position:relative; width:min(100%, 640px); max-height:calc(100vh - 48px); box-shadow:0 20px 60px rgba(0, 0, 0, 0.2); overflow:auto;}
.memberModalClose {display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:0; border-radius:999px; background:transparent; cursor:pointer; flex:0 0 32px; padding:0;}
.memberModalClose img {display:block; width:16px; height:16px;}
.memberModalBody {min-height:160px;}
body.memberModalOpen {overflow:hidden;}
.memberModalForm {border-top:1px solid #D9DADE;}
.memberModalForm:last-child {border-bottom:1px solid #D9DADE;}
.memberModalForm.memberModalFormVisibleLast {border-bottom:1px solid #D9DADE;}
.memberModalForm label {border-right:1px solid #D9DADE;}
.leadDetailEstimateDownloadButton {display:inline-flex; align-items:center; justify-content:center; text-decoration:none; vertical-align:top;}
.leadDetailEstimateDownloadButton.isDisabled {pointer-events:none; cursor:default; color:#8D919B; text-decoration:none;}
.memberPercentField {position:relative;}
.memberPercentInput {padding-right:48px !important;}
.memberPercentSuffix {position:absolute; top:50%; right:16px; transform:translateY(-50%); pointer-events:none;}
.memberRadioGroup {display:flex; flex-wrap:wrap;}
.memberRadioLabel {cursor:pointer;}
.memberRadioInput {width:16px; height:16px; accent-color:#4F4FC1;}
.memberPasswordField {position:relative;}
.memberPasswordInput {padding-right:52px !important;}
.memberPasswordToggle {position:absolute; top:50%; right:16px; display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; border:0; background:transparent; transform:translateY(-50%); cursor:pointer;}
.memberPasswordToggle img {display:block; width:20px; height:20px;}
.memberModalSelect {appearance:none; background-image:url('/img/down.svg'); background-repeat:no-repeat; background-position:right 16px center; background-size:12px auto; cursor:pointer;}
.memberModalFileInput {display:none;}
.memberLogoUploadButton {border:0; cursor:pointer; flex:0 0 auto;}
.memberModalBtn1 {border:1px solid #B8BAC1;}
.memberListTableScroll {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.memberListTable tr {border-top:1px solid #D9DADE;}
.memberListTable {width:100%; border-bottom:1px solid #D9DADE;}
.memberListTable th, .memberListTable td {border-right:1px solid #D9DADE;}
.memberListTable th:last-child {border-right:0;}
.memberListTable td:last-child {border-right:0;}
.topLineNo {border-top:0;}
.rightLine {border-right:1px solid #D9DADE;}
.memberSalesLinkText {display:inline-block; max-width:100%; cursor:pointer; word-break:break-all; text-decoration:underline; text-underline-offset:3px;}
.memberSalesLinkText.isDisabled {cursor:default; color:#8D919B; text-decoration:none;}
.memberSalesLinkText:focus-visible {outline:2px solid #2F7DF4; outline-offset:2px; border-radius:4px;}
.memberSalesLinkFeedback {display:none; color:#2F7DF4;}
.memberSalesLinkFeedback.isVisible {display:block; margin-top:8px;}
.memberSalesLinkFeedback.isError {color:#D93025;}
.memberModalBtn1 {border:1px solid #B8BAC1;}
.memberModalBtns {position:sticky; bottom:-32px; z-index:5; margin-top:24px; padding-top:16px; padding-bottom:32px; background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 16px, #FFFFFF 100%);}