:root{font-family:Inter,system-ui,Arial,sans-serif;color:#15283c;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{background:#102a46;color:white;padding:19px 4%;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}header strong{font-size:25px;color:#e3b76e;letter-spacing:2px}header span{font-weight:750}header small{display:block;color:#bdd0e2;font-size:12px;margin-top:4px}header a{color:white;margin-left:16px}nav{display:flex;gap:6px;flex-wrap:wrap;background:white;padding:12px 4%;box-shadow:0 2px 9px #14263c13}nav a{color:#2e465e;padding:9px 12px;text-decoration:none;border-radius:8px;font-weight:650;font-size:14px}nav a:hover{background:#eef3f8}main{max-width:1440px;margin:32px auto;padding:0 4%;min-height:65vh}h1{font-size:28px;margin:0 0 24px}h2{font-size:18px;margin:0 0 18px}.panel,.metric{background:white;border:1px solid #e2e8ef;border-radius:15px;padding:22px;margin-bottom:20px;box-shadow:0 2px 8px #11243a08}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric span,.metric small{display:block;color:#64778c}.metric b{display:block;font-size:29px;margin:10px 0}form:not(.inline){display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px;align-items:end}label{font-size:13px;font-weight:650;display:block;color:#43576b}input,select,textarea{display:block;width:100%;border:1px solid #cad5e0;border-radius:8px;padding:11px;margin-top:7px;font:inherit;color:#15283c;background:white}button,.button{background:#135c8b;color:white;border:0;border-radius:8px;padding:12px 17px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#0b456b}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{text-align:left;background:#f2f6fa;color:#445970}th,td{padding:12px;border-bottom:1px solid #e9edf2}.muted{color:#6d7e90;font-size:13px}.inline{display:inline}.inline button{padding:7px;font-size:12px}footer{padding:25px;text-align:center;color:#718297;font-size:12px}@media print{header,nav,button,.button,footer{display:none}main{margin:0;padding:0}.panel{border:0;box-shadow:none}}@media(max-width:640px){header{padding:15px}main{margin:20px auto}h1{font-size:23px}.panel{padding:15px}}

.brand{display:flex;align-items:center;gap:12px}.brand img{height:56px;width:56px;object-fit:contain;background:white;border-radius:8px;padding:3px}.brand small{display:block}.tablewrap td .button,.tablewrap td button{padding:6px 9px;font-size:12px;margin:2px}.tablewrap td{vertical-align:middle}
/* Dire Tour logo size */
img[src*="dire-logo"] {
    width: 160px !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain;
}/* Compact Dire Tour header */
header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 10px 20px !important;
}

/* Small logo at top left */
header .brand {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

header .brand img {
    width: 90px !important;
    height: 90px !important;
    max-width: 90px !important;
    max-height: 90px !important;
    object-fit: contain !important;
}
/* Dire Tour logo size correction */
header .brand img,
header img[src*="dire-logo"],
.hero img {
    width: 100px !important;
    max-width: 100px !important;
    height: auto !important;
    
    max-height: 100px !important;
    object-fit: contain !important;
}
/* Reduce Dire Tour hero logo */
.hero img {
    width: 100px !important;
    height: 100px !important;
    max-width: 100px !important;
    max-height: 100px !important;
    object-fit: contain !important;
}

.hero {
    min-height: 0 !important;
    height: auto !important;
    padding: 15px !important;
}

/* Dire Tour compact header */
header .brand img {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    object-fit: contain !important;
}

header {
    min-height: 0 !important;
    height: auto !important;
    padding: 10px 15px !important;
}


/* Final Dire Tour logo correction */
header .brand img,
header img[src*="dire-logo"] {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    object-fit: contain !important;
}

header .brand {
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
}width: 80px !important;
height: 80px !important;
object-fit: contain !important;

/* Dire Tour compact header */
header {
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 15px !important;
}

header .brand {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
}

header .brand img {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    object-fit: contain !important;
}

header .brand > div {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
}

/* Dire Tour compact header */
header {
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 15px !important;
}

header .brand {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
}

header .brand img {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    object-fit: contain !important;
}

header .brand > div {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
}
/* Dire Tour logo and header fix */
header .brand img,
header img[src*="dire-logo"] {
    width: 70px !important;
    height: 70px !important;
    max-width: 70px !important;
    max-height: 70px !important;
    object-fit: contain !important;
}

header .brand {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
}

header {
    min-height: 0 !important;
    height: auto !important;
    padding: 10px 15px !important;
}
header .brand img {
    width: 70px !important;
    height: 70px !important;
    max-width: 70px !important;
    max-height: 70px !important;
    object-fit: contain !important;
}