*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Poppins,sans-serif;
}

body{

background:#F4F7FC;

display:flex;

justify-content:center;

align-items:center;

min-height:100vh;

padding:30px;

}

.container{

width:100%;

display:flex;

justify-content:center;

}

.card{

background:#fff;

width:100%;

max-width:650px;

padding:40px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

h1{

text-align:center;

color:#2563EB;

margin-bottom:10px;

}

p{

text-align:center;

color:#6B7280;

margin-bottom:30px;

line-height:26px;

}

.search-box{

display:flex;

gap:15px;

margin-bottom:30px;

}

.search-box input{

flex:1;

padding:14px;

border:1px solid #D1D5DB;

border-radius:10px;

font-size:16px;

outline:none;

}

.search-box input:focus{

border-color:#2563EB;

}

.search-box button{

padding:14px 25px;

background:#2563EB;

color:#fff;

border:none;

border-radius:10px;

cursor:pointer;

font-weight:600;

}

.search-box button:hover{

background:#1D4ED8;

}

.result{

display:none;

margin-top:20px;

padding:20px;

border:1px solid #E5E7EB;

border-radius:12px;

background:#F9FAFB;

}

.info-row{

display:flex;

justify-content:space-between;

padding:12px 0;

border-bottom:1px solid #E5E7EB;

}

.info-row:last-child{

border-bottom:none;

}

.info-row span{

color:#6B7280;

font-weight:500;

}

.info-row strong{

color:#111827;

}

.home-btn{

display:block;

margin-top:30px;

padding:15px;

text-align:center;

background:#16A34A;

color:#fff;

text-decoration:none;

border-radius:10px;

font-weight:600;

}

.home-btn:hover{

background:#15803D;

}

.status{

display:inline-block;

padding:6px 14px;

border-radius:20px;

font-weight:600;

font-size:14px;

}

.pending{

background:#FEF3C7;

color:#B45309;

}

.confirmed{

background:#DCFCE7;

color:#15803D;

}

.completed{

background:#DBEAFE;

color:#1D4ED8;

}

.cancelled{

background:#FEE2E2;

color:#DC2626;

}

.pending{

color:#F59E0B;

}

.confirmed{

color:#16A34A;

}

.cancelled{

color:#DC2626;

}

.completed{

color:#2563EB;

}
.new-search-btn{

width:100%;

padding:15px;

margin-top:25px;

background:#2563EB;

color:white;

border:none;

border-radius:10px;

font-weight:600;

cursor:pointer;

display:none;

}

.new-search-btn:hover{

background:#1D4ED8;

}
.cancel-btn{

width:100%;

padding:15px;

margin-top:20px;

background:#DC2626;

color:white;

border:none;

border-radius:10px;

font-size:16px;

font-weight:600;

cursor:pointer;

display:none;

transition:.3s;

}

.cancel-btn:hover{

background:#B91C1C;

}
.loader{

width:45px;

height:45px;

margin:auto;

border:5px solid #E5E7EB;

border-top:5px solid #2563EB;

border-radius:50%;

animation:spin 1s linear infinite;

}

@keyframes spin{

0%{

transform:rotate(0deg);

}

100%{

transform:rotate(360deg);

}

}