:root{color-scheme:light;--bg:#f5f5f5;--paper:#ffffff;--ink:#080808;--muted:#6f6f6f;--line:#e2e2e2;--accent:#080808;--good:#111111;--warn:#555555;--danger:#111111}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#ffffff,var(--bg));color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}h1,h2,h3,p{margin:0}h1{font-size:22px}h1,h2{letter-spacing:0}h2{font-size:28px}h3{font-size:15px;letter-spacing:0}.portalShell,.shell{width:min(1120px,100%);margin:0 auto;padding:22px}.empty,.heroLine,.portalHeader,.record,.summary{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 18px 50px rgba(0,0,0,.06)}.portalHeader{justify-content:space-between;gap:16px;padding:16px}.portalBrand,.portalHeader{display:flex;align-items:center}.portalBrand{gap:12px}.event,.eyebrow,.muted,.number span,.portalBrand p,.recordHead p,.summary span{color:var(--muted)}.logo{display:grid;width:46px;height:46px;place-items:center;overflow:hidden;border-radius:8px;background:var(--ink);color:#ffffff;font-weight:800}.logo img{width:100%;height:100%;object-fit:cover}.button{display:inline-flex;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#ffffff;color:var(--ink)}.button,.heroLine{align-items:center}.heroLine{display:flex;justify-content:space-between;gap:18px;margin:16px 0;padding:22px;overflow:hidden}.eyebrow{margin-bottom:5px;font-size:13px}.miniScene{position:relative;width:150px;height:116px;perspective:700px}.miniScene span{position:absolute;right:38px;top:14px;width:42px;height:92px;border-radius:18px 18px 9px 9px;background:linear-gradient(90deg,rgba(255,255,255,.28),transparent 28%,rgba(0,0,0,.2)),#080808;transform:rotateY(-24deg) rotateX(7deg)}.miniScene span:before{content:"";position:absolute;left:13px;top:-24px;width:16px;height:32px;border-radius:8px 8px 3px 3px;background:#050505}.miniScene i{position:absolute;left:22px;bottom:18px;width:96px;height:22px;border-radius:50%;background:rgba(0,0,0,.12);transform:rotateX(64deg)}.summaryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.summary{padding:16px}.summary strong{display:block;margin-top:7px;font-size:26px}.records{display:grid;grid-gap:14px;gap:14px}.record{padding:18px}.recordHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.status{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.status.ACTIVE{color:var(--good)}.status.EXPIRED{color:var(--warn)}.status.FINISHED,.status.VOIDED{color:var(--danger)}.numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:16px 0}.number{border:1px solid var(--line);border-radius:8px;padding:12px;background:#ffffff}.number strong{display:block;margin-top:6px}.timeline{display:grid;grid-gap:8px;gap:8px}.event{display:grid;grid-template-columns:170px minmax(0,1fr);grid-gap:12px;gap:12px;padding-top:9px;border-top:1px solid var(--line);font-size:13px}.empty{padding:28px}@media (max-width:760px){.portalShell,.shell{padding:14px}.heroLine,.portalHeader,.recordHead{align-items:flex-start;flex-direction:column}.miniScene{display:none}.numbers,.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.event{grid-template-columns:1fr}}