:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#14233d;background:#f3f6fb}*{box-sizing:border-box}body{margin:0;padding-bottom:90px}header{background:#14233d;color:white;padding:22px 20px;display:flex;align-items:center;justify-content:space-between}header small{color:#9ab5d9;letter-spacing:1.5px;font-weight:700}h1{margin:4px 0 0;font-size:24px}.logout{color:white;font-size:13px}main{max-width:900px;margin:auto;padding:18px 14px}.filters{display:flex;gap:8px;align-items:end;flex-wrap:wrap;background:white;padding:12px;border-radius:13px;box-shadow:0 2px 12px #16233b10}.filters label{flex:1;min-width:115px;font-size:12px;color:#59677d}input{display:block;width:100%;padding:11px;border:1px solid #d9e0eb;border-radius:8px;margin-top:5px;font:inherit}button,.export{border:0;background:#1862c9;color:white;padding:12px 17px;border-radius:9px;font-weight:700;cursor:pointer;text-decoration:none}.updated{font-size:12px;color:#66768b}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.tile{color:white;border-radius:13px;padding:16px;min-height:116px;box-shadow:0 6px 16px #14233d18}.tile span{display:block;font-size:12px;opacity:.92}.tile strong{display:block;font-size:clamp(18px,4.5vw,29px);margin-top:15px;overflow-wrap:anywhere}.green{background:linear-gradient(135deg,#26b653,#13803b)}.blue{background:linear-gradient(135deg,#2785ec,#1850ad)}.orange{background:linear-gradient(135deg,#f6a22a,#e77518)}.dark{background:linear-gradient(135deg,#495c7a,#24334d)}.panel{background:white;margin:15px 0;border-radius:12px;box-shadow:0 2px 12px #14233d10;overflow:hidden}.panel h2{margin:0;background:#2366af;color:white;padding:13px 16px;font-size:16px}.entry{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #edf0f4;font-size:14px}.entry b{text-align:right;white-space:nowrap}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:12px 10px;border-bottom:1px solid #e9edf3;text-align:left;white-space:nowrap}th{background:#edf4fd}.export{display:block;text-align:center;margin:18px 0}.disclaimer{color:#7b5260;font-size:12px;line-height:1.5}.notice{padding:20px;background:#fff2d6;border-radius:12px}nav{position:fixed;bottom:0;left:0;right:0;background:#14233d;display:flex;justify-content:center;box-shadow:0 -2px 16px #14233d30}nav a{flex:1;max-width:230px;text-align:center;color:#b7c8df;padding:17px 4px;text-decoration:none;font-size:12px}nav a.active{color:white;background:#2167c2}.login{max-width:380px;margin:12vh auto;background:white;border-radius:16px;padding:26px;box-shadow:0 8px 35px #15213a20}.login button{width:100%;margin-top:16px}.bad{color:#bc263c}

/* Single date input and responsive three-row mobile layout */
.filters{display:grid;grid-template-columns:minmax(120px,1fr) minmax(165px,1.4fr) minmax(165px,1.4fr) auto;gap:10px;align-items:end}
.filters .filter-pos,.filters .filter-from,.filters .filter-to{min-width:0}
.filters label{display:block;min-width:0;font-size:12px;color:#59677d;margin-bottom:5px}
.filters select{display:block;width:100%;height:46px;padding:10px;border:1px solid #d9e0eb;border-radius:8px;background:white;color:#14233d;font:inherit}
.date-control{display:block;position:relative;height:46px}
.date-control .date-display{display:block;width:100%;height:46px;margin:0;padding:10px 48px 10px 12px;background:white;color:#14233d;cursor:pointer}
.date-control .calendar-trigger{position:absolute;top:2px;right:2px;width:42px;height:42px;min-width:42px;padding:0;background:transparent;color:#14233d;border:0;border-radius:6px;font-size:19px;cursor:pointer}
.date-control .date-picker-hidden{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important}
.filters .filter-apply{height:46px;min-height:46px;white-space:nowrap}
@media(max-width:650px){
 .filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:15px;align-items:end}
 .filters .filter-pos{grid-column:1 / -1;grid-row:1}
 .filters .filter-from{grid-column:1 / -1;grid-row:2}
 .filters .filter-to{grid-column:1;grid-row:3}
 .filters .filter-apply{grid-column:2;grid-row:3}
 .filters label{font-size:13px}
}