:root{--navy:#06283D;--blue:#0B7285;--light:#F4FBFD;--text:#17202A;--muted:#667085;--border:#D0D5DD}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--text)}
a{color:var(--blue);text-decoration:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 6vw;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:2}.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--navy)}.brand img{height:42px;width:auto}.topbar nav{display:flex;gap:16px;align-items:center}.btn,button{background:var(--blue);color:#fff!important;border:0;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer}.hero{background:linear-gradient(135deg,#06283D,#0B7285);color:#fff;padding:72px 6vw}.hero h1{font-size:clamp(32px,5vw,58px);max-width:920px;margin:0 0 18px}.hero p{font-size:20px;max-width:780px;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:36px 6vw}.card,.panel{border:1px solid var(--border);border-radius:18px;padding:22px;background:#fff;box-shadow:0 10px 24px rgba(6,40,61,.08)}.form{max-width:760px;margin:32px auto;padding:24px}.form label{display:block;margin:14px 0 6px;font-weight:700}.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;font-size:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:10px;text-align:left}.footer{text-align:center;padding:30px;color:var(--muted)}@media(max-width:760px){.cards,.grid2{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.topbar nav{flex-wrap:wrap}.hero{padding:48px 22px}.form{margin:16px;padding:16px}}
@media print{.topbar,.footer,.btn{display:none}.panel{box-shadow:none;border:0}}

/* Mobile form and report fixes */
html{font-size:16px;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}.panel{max-width:100%}.form{width:min(760px,calc(100% - 32px))}
.form input,.form select,.form textarea, input[type="date"],input[type="time"],input[type="number"],input[type="email"]{display:block;max-width:100%;min-width:0;width:100%;height:46px;line-height:1.2;font-size:16px;-webkit-appearance:none;appearance:none;background:#fff;color:var(--text)}
.form textarea{height:auto;min-height:110px}.grid2>*{min-width:0}.field{min-width:0}
input[type="date"]::-webkit-date-and-time-value,input[type="time"]::-webkit-date-and-time-value{text-align:left;min-height:1.2em}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="time"]::-webkit-calendar-picker-indicator{margin-left:4px;max-width:22px;opacity:.75}
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:14px;background:#fff}.table-responsive .table{min-width:760px;margin:0}
@media(max-width:760px){
 .topbar{padding:12px 16px}.brand img{height:40px}.topbar nav{width:100%;gap:10px}.topbar nav a{display:inline-flex;min-height:42px;align-items:center}.btn,button{min-height:44px;width:auto}
 .panel{margin:16px;border-radius:14px;padding:16px}.form{width:calc(100% - 32px);margin:16px auto;padding:16px}.grid2{display:block}.grid2>div{margin-bottom:12px}
 .form label{margin-top:12px}.form input,.form select,.form textarea{font-size:16px;border-radius:10px;padding:11px 12px}.form input[type="date"],.form input[type="time"]{height:48px;padding-right:10px}
 .report-table-mobile{border:0;background:transparent;overflow:visible}.report-table-mobile .table{min-width:0;width:100%;border-collapse:separate;border-spacing:0 12px}.report-table-mobile thead{display:none}.report-table-mobile tbody,.report-table-mobile tr,.report-table-mobile td{display:block;width:100%}.report-table-mobile tr{border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 8px 18px rgba(6,40,61,.06);overflow:hidden}.report-table-mobile td{border-bottom:1px solid var(--border);padding:10px 12px 10px 44%;position:relative;min-height:42px;text-align:left;word-break:break-word}.report-table-mobile td:last-child{border-bottom:0}.report-table-mobile td:before{content:attr(data-label);position:absolute;left:12px;top:10px;width:38%;font-weight:700;color:var(--navy);white-space:normal}
}
@media(max-width:420px){.form,.panel{margin-left:10px;margin-right:10px;width:calc(100% - 20px);padding:14px}.report-table-mobile td{padding-left:42%}.report-table-mobile td:before{width:36%}}