*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#17202a}.page{width:min(1180px,94vw);margin:0 auto;padding:36px 0}.hero{text-align:center;margin-bottom:28px}.badge{display:inline-block;padding:6px 12px;border-radius:999px;background:#e9eef5;font-size:12px;font-weight:700;margin-bottom:12px}h1{font-size:clamp(30px,5vw,52px);line-height:1.05;margin:0 0 14px}.hero p{max-width:820px;margin:0 auto;font-size:18px;line-height:1.55;color:#4f5b67}.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 25px #0000000f;margin-bottom:20px}h2{margin-top:0}.grid{display:grid;gap:16px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.field{display:block;margin-bottom:18px}.field span{display:block;font-weight:700;margin-bottom:8px}.field input,.field select{width:100%;padding:13px;border:1px solid #d7dce2;border-radius:12px;background:#fff}button{border:0;border-radius:12px;padding:13px 18px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;background:#17202a;color:#fff}.secondary,.tab{background:#e9eef5;color:#17202a}.tab.active{background:#17202a;color:#fff}.status{background:#eef6ff;border:1px solid #b8d7ff;color:#163a5f;padding:14px;border-radius:12px;margin-bottom:18px}.status.error{background:#fff1f1;border-color:#ffc9c9;color:#b42318;font-weight:700}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metric{background:#f4f6f8;border-radius:14px;padding:16px}.metric strong{display:block;font-size:22px}.metric span{color:#69737d;font-size:13px}.tabs,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #e5e9ef}table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}th,td{padding:10px;border-bottom:1px solid #e5e9ef;text-align:left;vertical-align:top;white-space:nowrap}th{background:#f4f6f8;font-weight:700}.muted{color:#69737d;padding:0 10px}@media (max-width: 760px){.two,.three,.summary-grid{grid-template-columns:1fr}th,td{white-space:normal}}@media print{button,input,select,.tabs,.actions,.hero,.card:first-of-type,.card:nth-of-type(2){display:none!important}.card{box-shadow:none}body{background:#fff}}