*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#111827}a{text-decoration:none;color:inherit}.shell{min-height:100vh}.topbar{height:64px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{font-size:20px;font-weight:700}.badge{background:#374151;border-radius:999px;padding:7px 11px;font-size:12px}.content{padding:28px;max-width:1400px;margin:0 auto}.hero{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:22px}.hero h1{margin:0 0 6px;font-size:30px}.hero p{margin:0;color:#6b7280}.button{background:#111827;color:white;padding:11px 16px;border-radius:10px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.card .label{font-size:13px;color:#6b7280;margin-bottom:10px}.card .value{font-size:28px;font-weight:700}.section{margin-top:22px}.section h2{font-size:18px;margin:0 0 12px}.two{display:grid;grid-template-columns:2fr 1fr;grid-gap:18px;gap:18px}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:12px 10px;border-bottom:1px solid #eef0f3;font-size:14px}.table th{color:#6b7280;font-weight:600}.status{display:inline-block;padding:5px 8px;border-radius:999px;background:#f3f4f6;font-size:12px}.brief ul{padding-left:18px;margin:10px 0 0}.brief li{margin:9px 0}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}}