
:root{font-family:Inter,Arial,sans-serif;color:#0b2340}*{box-sizing:border-box}body{margin:0;background:#f1f5f9}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:#008f85}header{background:#071a30;color:white;padding:17px max(22px,5vw);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}header a{color:white;text-decoration:none}.brand{font-size:25px;font-weight:850;letter-spacing:-.8px}.brand b{color:#28d5bb}.headlinks{display:flex;gap:14px;align-items:center}.headlinks a{font-size:14px}.btn{background:#009e91;color:white;border:0;border-radius:9px;padding:12px 17px;font-weight:750}.btn.light{background:#e6f6f3;color:#007e75}.btn.ghost{background:#f2f5f9;color:#183650}.btn.danger{background:#fff0f1;color:#a22937}.btn.small{padding:8px 12px;font-size:13px}main{max-width:1200px;margin:32px auto;padding:0 20px 55px}.intro{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.intro h1{font-size:32px;margin:0 0 6px}.muted{color:#65778c}.pill{background:#fff0d9;color:#82500b;border-radius:50px;padding:9px 13px;font-size:12px;font-weight:750}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.card{background:white;border:1px solid #dce5ee;border-radius:16px;padding:22px;box-shadow:0 5px 16px #0a24400a}.stat small{color:#62758a}.stat strong{display:block;font-size:30px;margin-top:12px}.nav{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.nav button{border:1px solid #d5e1ea;border-radius:9px;padding:10px 13px;background:white;color:#2a4660;font-weight:700}.nav button.active{background:#009e91;color:white;border-color:#009e91}.view{display:none}.view.active{display:block}.cols{display:grid;grid-template-columns:1.15fr 1fr;gap:17px}.notice{background:#eaf7f4;color:#1a6259;padding:14px;border-radius:10px;line-height:1.5;margin:12px 0}.warning{background:#fff3dd;color:#78511b;padding:14px;border-radius:10px;line-height:1.5;margin:12px 0}h2{font-size:22px;margin:0 0 13px}h3{margin:0 0 13px}label{display:block;font-size:14px;font-weight:700;margin:14px 0 7px}input,select,textarea{display:block;width:100%;padding:12px 13px;border:1px solid #cbd7e4;border-radius:9px;background:#fff;color:#112b43}textarea{resize:vertical;min-height:110px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 15px}.formactions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.quote{background:#edf3f7;padding:16px;border-radius:10px;margin:16px 0}.quote strong{font-size:25px}.small{font-size:13px}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:630px}th,td{text-align:left;border-bottom:1px solid #e4eaf1;padding:13px 9px;font-size:14px}th{color:#64748b;font-weight:700}.empty{padding:25px 5px;color:#697b8d}.chip{display:inline-block;background:#e8f1f8;color:#365a76;border-radius:25px;padding:5px 9px;font-size:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.item{border:1px solid #e1e8f0;border-radius:11px;padding:14px;margin:10px 0;overflow-wrap:anywhere}.item p{margin:6px 0}.detail{white-space:pre-wrap;overflow-wrap:anywhere}.message{padding:13px;border-radius:9px;background:#edf7f5;color:#136459;margin:14px 0}.message.error{background:#ffedf0;color:#9d2836}.hidden{display:none!important}.footer{text-align:center;color:#728398;font-size:12px;margin:35px 0}#app{display:none}@media(max-width:850px){.stats{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}}@media(max-width:500px){.stats{grid-template-columns:1fr 1fr}.card{padding:15px}.stat strong{font-size:24px}.intro h1{font-size:27px}.formgrid{grid-template-columns:1fr}.headlinks{gap:8px}}
.customer-banner{background:linear-gradient(110deg,#08243c,#115465);color:#fff;border-radius:16px;padding:20px 24px;margin:14px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.customer-banner strong{font-size:19px}.customer-banner small{color:#c1e2e5;display:block;margin-top:6px}.customer-banner a{background:#30d7c2;color:#04273a;text-decoration:none;padding:10px 14px;border-radius:8px;font-weight:700}.customer-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.customer-tips>div{background:white;border:1px solid #dbe5ec;padding:18px;border-radius:12px}.customer-tips p{color:#66788c;font-size:13px;line-height:1.5}@media(max-width:720px){.customer-banner{display:block}.customer-banner a{display:inline-block;margin-top:12px}.customer-tips{grid-template-columns:1fr}}