:root { 
    --hw-orange: #f37321; --hw-gray: #58595b; 
    --btn-blue: #3498db; --btn-green: #2ecc71; --btn-purple: #9b59b6;
    --btn-claim: #e67e22; /* 청구 메뉴용 */
}
body { margin: 0; padding: 0; font-family: "Noto Sans KR", sans-serif; background-color: #f9f9f9; color: #333; font-size: 18px; }
.app-title { font-size: 24px; font-weight: bold; text-align: center; margin: 20px 0; color: var(--hw-orange); }

/* 로그인 전용 카드 */
.login-card { background: #fff; max-width: 400px; margin: 80px auto; padding: 40px 30px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); text-align: center; }
.login-card h2 { color: var(--hw-orange); margin-bottom: 25px; }

/* 공통 카드 및 버튼 */
.card { background: #fff; max-width: 420px; margin: 0 auto 20px; padding: 20px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
/* 메뉴 버튼 공통 */
.btn-main { 
    width: 100%; padding: 18px; border: none; border-radius: 12px; color: #fff; 
    font-size: 19px; font-weight: bold; cursor: pointer; margin-bottom: 14px; 
    display: block; text-decoration: none; box-sizing: border-box; text-align: center;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* 메뉴 컬러 */
.bg-blue { background-color: var(--btn-blue); }
.bg-green { background-color: var(--btn-green); }
.bg-purple { background-color: var(--btn-purple); }
.bg-orange { background-color: var(--hw-orange); }
.bg-claim { background-color: var(--btn-claim); }
.bg-gray { background-color: var(--hw-gray); }

input { width: 100%; padding: 12px; margin: 8px 0; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; box-sizing: border-box; }
button { width: 100%; padding: 12px; background-color: #ff7f00; border: none; border-radius: 6px; color: #fff; font-size: 18px; font-weight: bold; cursor: pointer; margin-top: 10px; }
button:hover { background-color: #e56e00; }
.result-card { border: 1px solid #ddd; background: #fff; border-radius: 6px; padding: 15px; margin: 12px auto; max-width: 600px; text-align: center; }
.user-info { background: #eee; padding: 10px; font-size: 16px; text-align: center; }
.logout { margin-left: 10px; padding: 6px 12px; font-size: 14px; text-decoration: none; color: #666; }

/* 보험사 카드 */
.insurance-card { background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 14px; margin: 12px auto; max-width: 500px; display: flex; flex-direction: column; align-items: flex-start; }
.insurance-card.hanwha { border: 2px solid #ff7f00; box-shadow: 0 3px 8px rgba(255,127,0,0.2); }
.contact-item { display: flex; align-items: center; gap: 6px; font-size: 15px; margin: 2px 0; }
.insurance-category h3 { font-size: 17px; font-weight: 700; margin: 14px 0 8px; border-bottom: 2px solid #ff7f00; padding-bottom: 4px; }

/* 하단 홈 버튼 스타일 */
.nav-home { 
    display: block; text-align: center; margin: 35px auto 20px; color: #777; 
    text-decoration: none; font-size: 16px; font-weight: bold; padding: 12px;
    max-width: 180px; border: 1px solid #ddd; border-radius: 30px; background: #fff;
}