:root{color:#172033;background:#f4f0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(19,56,89,.1),transparent 32rem),#f4f0e8}button,a{font:inherit}a{color:#194f7a;text-decoration-thickness:1px;text-underline-offset:4px}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch;padding:28px;border:1px solid rgba(23,32,51,.16);background:#fffcf6d1;border-radius:22px;box-shadow:0 20px 60px #17203314}.eyebrow,.record-date,.metric-label{margin:0;color:#6d5d43;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:12px 0 0;max-width:760px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.45rem,8vw,5.6rem);line-height:.95;letter-spacing:0}.hero-copy{max-width:680px;margin:22px 0 0;color:#44506a;font-size:17px;line-height:1.8}.system-panel{display:flex;flex-direction:column;justify-content:flex-end;min-height:240px;padding:22px;border-radius:18px;color:#fffaf0;background:linear-gradient(160deg,#0c2d4df5,#22545beb),#123a56}.system-panel span{font-size:13px;color:#c8d9df}.system-panel strong{display:block;margin-top:10px;word-break:break-word;font-family:Georgia,Times New Roman,serif;font-size:30px;line-height:1.05}.system-panel p{margin:18px 0 0;color:#d9e7e8}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.notice-bar{margin-top:16px;padding:14px 16px;border:1px solid rgba(25,79,122,.24);border-radius:16px;color:#173653;background:#dbeaf4b8;line-height:1.6}.metric-card,.record-card,.row-card,.panel{border:1px solid rgba(23,32,51,.14);background:#fffcf6e0}.metric-card{min-height:132px;padding:18px;border-radius:18px}.metric-card strong{display:block;margin-top:18px;font-family:Georgia,Times New Roman,serif;font-size:42px;line-height:1}.metric-card span{display:block;margin-top:12px;color:#596278;font-size:14px;line-height:1.5}.tabs{display:flex;gap:8px;margin:18px 0;overflow-x:auto;padding-bottom:2px}.tabs button{flex:0 0 auto;min-height:42px;padding:0 16px;border:1px solid rgba(23,32,51,.16);border-radius:999px;color:#293348;background:#fffcf6b8;cursor:pointer}.tabs button.active{color:#fffaf0;border-color:#173653;background:#173653}.panel{padding:20px;border-radius:22px}.stack{display:grid;gap:14px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:4px 2px 10px}.section-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:32px;line-height:1.1}.section-heading p{max-width:460px;margin:0;color:#596278;line-height:1.7}.record-card,.row-card{padding:18px;border-radius:18px}.record-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.record-card h2,.row-card h2{margin:8px 0 0;color:#172033;font-size:20px;line-height:1.35}.record-card p,.row-card p{color:#46516a;line-height:1.75}.signal-list{display:grid;gap:8px;margin:16px 0 0;padding-left:18px;color:#334057;line-height:1.7}.table-like{display:grid;gap:12px}.row-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px}.row-meta,.detail-grid,.platforms{display:flex;flex-wrap:wrap;gap:8px}.row-meta span,.detail-grid span,.platforms span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;color:#4c5871;background:#efe8dc;font-size:13px}.row-actions{display:grid;align-content:start;justify-items:start;gap:10px;color:#596278;font-size:14px}.approval-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.approval-buttons button{min-height:34px;border:1px solid rgba(23,32,51,.16);border-radius:999px;color:#172033;background:#fffaf0;cursor:pointer}.approval-buttons button:first-child{color:#fffaf0;border-color:#173653;background:#173653}.row-actions strong{color:#172033}.status-badge{display:inline-flex;align-items:center;width:fit-content;min-height:30px;padding:0 11px;border-radius:999px;font-size:13px;font-weight:700}.status-badge.green{color:#14523a;background:#dceee4}.status-badge.amber{color:#79520d;background:#faedc4}.status-badge.red{color:#8c2f2f;background:#f5d6d6}.status-badge.blue{color:#174b74;background:#dbeaf4}@media (max-width: 900px){.hero,.row-card{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:block}.section-heading p{margin-top:8px}}@media (max-width: 560px){.shell{width:min(100% - 20px,1180px);padding-top:10px}.hero,.panel,.record-card,.row-card{border-radius:16px;padding:16px}.system-panel{min-height:180px}.metric-grid{grid-template-columns:1fr}.record-head{display:grid}}