:root{color:#172033;background:#f4f0e8;--ink: #172033;--blue: #173653;--cyan: #2f7ea3;--green: #1f7a55;--amber: #b77518;--red: #a64040;--paper: rgba(255, 252, 246, .88);--ring: 0 0 0 4px rgba(47, 126, 163, .16);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}button,a,.metric-card,.record-card,.row-card,.panel,.notice-bar,.system-panel,.status-badge,.row-meta span,.detail-grid span,.platforms span{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}a{color:#194f7a;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#0f6f91}a:focus-visible,button:focus-visible{outline:none;box-shadow:var(--ring)}.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{position:relative;overflow:hidden;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:after{position:absolute;inset:auto -30% -40% 16%;height:130px;pointer-events:none;content:"";background:radial-gradient(circle,rgba(255,244,189,.26),transparent 65%);opacity:0;transform:translateY(24px);transition:opacity .22s ease,transform .22s ease}.system-panel>*{position:relative;z-index:1}.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:var(--paper)}.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:var(--blue);background:var(--blue)}.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{position:relative;overflow:hidden;padding:18px;border-radius:18px}.record-card:before,.row-card:before{position:absolute;inset:0 auto 0 0;width:4px;content:"";background:linear-gradient(180deg,var(--cyan),#f0bc58);opacity:0;transform:scaleY(.55);transform-origin:center;transition:opacity .18s ease,transform .18s ease}.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;padding:0 12px;border:1px solid rgba(23,32,51,.16);border-radius:999px;color:var(--ink);background:#fffaf0;cursor:pointer}.approval-buttons button:first-child{color:#fffaf0;border-color:var(--blue);background:var(--blue)}.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 (hover: hover){.hero:hover .system-panel,.metric-card:hover,.record-card:hover,.row-card:hover{border-color:#2f7ea36b;box-shadow:0 18px 42px #1720331f;transform:translateY(-3px)}.hero:hover .system-panel:after,.system-panel:hover:after{opacity:1;transform:translateY(0)}.record-card:hover:before,.row-card:hover:before{opacity:1;transform:scaleY(1)}.notice-bar:hover{border-color:#2f7ea370;background:#dbeaf4eb}.tabs button:hover{color:#123a56;border-color:#2f7ea375;background:#e6f3f7eb;transform:translateY(-1px)}.tabs button.active:hover{color:#fffaf0;border-color:#0f6f91;background:#0f6f91}.approval-buttons button:hover{border-color:#2f7ea385;background:#e8f3f6;transform:translateY(-1px)}.approval-buttons button:first-child:hover{border-color:var(--green);background:var(--green)}.approval-buttons button:nth-child(2):hover{color:#fffaf0;border-color:var(--amber);background:var(--amber)}.approval-buttons button:nth-child(3):hover{color:#fffaf0;border-color:var(--red);background:var(--red)}.row-meta span:hover,.detail-grid span:hover,.platforms span:hover,.status-badge:hover{filter:saturate(1.08);transform:translateY(-1px)}}.tabs button:active,.approval-buttons button:active,.metric-card:active,.record-card:active,.row-card:active{transform:scale(.985)}@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}}