*{box-sizing:border-box}body{margin:0;font:15px Arial,sans-serif;background:#f3f6fa;color:#104c77}header{background:#104c77;color:white;padding:20px 6%;display:flex;align-items:center;gap:24px;flex-wrap:wrap}header img{width:155px}header button{margin-left:auto}.notice{padding:12px 6%;background:#e4edf6;font-size:13px}main{max-width:1150px;padding:28px 22px;margin:auto}.panel,.metrics article{padding:24px;background:white;border:1px solid #dce6ee;border-radius:12px;margin:18px 0}.login{max-width:480px;margin:35px auto}h1{margin:0 0 10px;font-size:28px}h2{font-size:20px}p{line-height:1.6;color:#526d81}label{display:block}input,select{display:block;width:100%;margin:8px 0 18px;padding:12px;border:1px solid #b7c9d8;border-radius:7px;background:white;color:#104c77;font:inherit}button{font:inherit;color:#104c77;background:white;border:1px solid #bfcedb;border-radius:8px;padding:12px 18px;cursor:pointer}button:disabled{cursor:default;opacity:.6}.primary{background:#f28b32;border-color:#f28b32;color:#153c58}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.filters,.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metrics article span{display:block;font-size:13px}.metrics strong{display:block;font-size:30px;margin-top:15px}.metrics small{display:block;margin-top:8px}.explanation{font-size:13px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:13px 10px;border-bottom:1px solid #dce6ee;font-size:13px}#status{padding:12px;border-left:3px solid #0067b2;white-space:pre-wrap}#status:empty{display:none}[hidden]{display:none!important}@media(max-width:650px){.filters,.fields,.metrics{grid-template-columns:1fr}main{padding:18px 12px}.panel{padding:18px}.metrics article{margin:0}.metrics{margin:20px 0}}

header a{color:white;padding:10px;border:1px solid #7396b0;border-radius:8px;text-decoration:none;margin-left:auto}
.view-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.view-tabs [aria-pressed=true]{background:#0067b2;color:white;border-color:#0067b2}.agenda-card{padding:18px 0;border-top:1px solid #dce6ee}.agenda-card h3{font-size:16px;margin:0 0 8px}.agenda-card p{margin:8px 0}.agenda-card button{margin-top:8px}header{gap:16px}header img{max-width:100%}input,select{font-size:16px;min-height:44px}.metrics strong{overflow-wrap:anywhere}@media(max-width:650px){header{padding:18px;justify-content:center}header span{width:100%;text-align:center}header a{margin-left:0}.view-tabs button{flex:1}.heading button{width:100%}.table-wrap table{min-width:560px}.fields{gap:8px}.filters{gap:8px}button{min-height:44px}.agenda-card button{width:100%}}
.actions{display:flex;gap:10px;flex-wrap:wrap}.customer-filters{display:grid;grid-template-columns:2fr 1fr;gap:18px}#customer-dialog{width:min(700px,94vw);max-height:88vh;overflow:auto;border:1px solid #b7c9d8;border-radius:14px;padding:24px;color:#104c77;background:white}#customer-dialog::backdrop{background:rgb(8 31 49 / 55%)}#customer-detail{display:grid;grid-template-columns:180px minmax(0,1fr);gap:0;margin:0}#customer-detail dt,#customer-detail dd{margin:0;padding:12px 8px;border-bottom:1px solid #e1e9f0;overflow-wrap:anywhere}#customer-detail dt{font-weight:600}#example-customer{margin-top:18px}#customer-count{font-size:13px}@media(max-width:650px){.customer-filters{grid-template-columns:1fr;gap:6px}#customer-dialog{padding:18px}#customer-detail{grid-template-columns:1fr}#customer-detail dt{border-bottom:0;padding-bottom:0}#customer-detail dd{padding-top:6px}.actions{width:100%}.actions button{flex:1}}
.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.charts article{min-width:0}.charts article:last-child{grid-column:1/-1}.charts svg{width:100%;max-height:20px;display:block}.charts p{margin:12px 0 4px;overflow-wrap:anywhere}#updated-at{color:#104c77}#filtered-summary{font-weight:bold;font-size:1.15rem}@media(max-width:700px){.charts{grid-template-columns:1fr}.charts article:last-child{grid-column:auto}}
