body{font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;margin:0;color:#222}
.container{max-width:1000px;margin:auto;padding:30px}
h1,h2,h3{color:#117eb9}
.card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.btn{padding:10px 18px;border-radius:6px;border:0;cursor:pointer}
.btn-blue{background:#00a6b6;color:#fff}
.btn-red{background:#117eb9;color:#fff}
input,select,textarea{width:100%;padding:8px;margin-top:5px;margin-bottom:10px}
.timeline{border-left:4px solid #ccc;padding-left:15px}
.msg-admin{border-left-color:#117eb9}
.msg-user{border-left-color:#00a6b6}
small{color:#666}
.btn-pdf{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:8px;
    background:#117eb9;
    color:#fff;
    font-weight:600;
    font-size:14px;
    text-decoration:none;
    transition:all .2s ease;
    box-shadow:0 3px 8px rgba(0,0,0,.15);
}

.btn-pdf:hover{
    background:#1c1c1c;
    transform:translateY(-1px);
    box-shadow:0 6px 14px rgba(0,0,0,.25);
}

.btn-pdf .icon{
    font-size:16px;
}