body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Arial;
    background: linear-gradient(120deg, #eef2f3, #dfe9f3);
}

h2 {
    text-align: center;
    margin: 40px 0 20px;
    font-size: 28px;
    color: #333;
}

.table_wrap {
    width: 95%;
    max-width: 1200px;
    margin: auto;
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 12px;
}

thead {
    background: linear-gradient(90deg, #4facfe, #00f2fe);
    color: white;
}

th {
    padding: 14px;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}

td {
    padding: 12px;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}

tbody tr {
    transition: all 0.2s ease;
}

tbody tr:hover {
    background: #f2f9ff;
    transform: scale(1.01);
}

/* 금액 강조 */
td.money {
    color: #d63031;
    font-weight: bold;
}

/* 계좌번호 */
td.bank {
    font-family: monospace;
    font-size: 13px;
    color: #555;
}

/* 날짜 */
td.date {
    color: #666;
    font-size: 13px;
}

/* 모바일 대응 */
@media (max-width: 768px) {
    th, td {
    font-size: 12px;
    padding: 8px;
    }

    h2 {
    font-size: 22px;
    }
}

/* 상태 뱃지 */
.status {
   padding: 5px 10px;
   border-radius: 20px;
   font-size: 12px;
   font-weight: bold;
   color: white;
   display: inline-block;
}

.st_order {
   background: #0984e3;   /* 파랑 - 주문 */
}

.st_match {
   background: #00b894;   /* 초록 - 매칭 */
}

.st_error {
   background: #d63031;   /* 빨강 - 오류 */
}

.st_unknown {
   background: #636e72;   /* 회색 */
}


/* 상단 버튼 영역 */
.top_btn_wrap {
   display: flex;
   justify-content: center;
   gap: 15px;
   margin-top: 25px;
   margin-bottom: 20px;
}

.top_btn {
   padding: 10px 25px;
   border-radius: 25px;
   border: none;
   font-size: 14px;
   font-weight: bold;
   cursor: pointer;
   color: white;
   transition: 0.2s;
}

.btn_sms {
   background: linear-gradient(135deg, #6c5ce7, #a29bfe);
}

.btn_main {
   background: linear-gradient(135deg, #00b894, #55efc4);
}

.top_btn:hover {
   transform: scale(1.05);
   opacity: 0.9;
}

/* 기프트일번가 - 파랑 */
.site_1st {
   color: #0984e3;
   font-weight: bold;
}

/* 일번가페이 - 초록 */
.site_pay {
   color: #00b894;
   font-weight: bold;
}