:root{--bg:#0f1117;--card:#1a1d27;--border:#2a2d37;--text:#e1e4eb;--muted:#7b8191;--orange:#e87d36;--green:#4caf88;--red:#e0556a;--amber:#d4a843;--blue:#5b9bd5;--purple:#8b5cf6;--fs-sm:clamp(.625rem, .55rem + .38vw, .75rem);--fs-base:clamp(.75rem, .65rem + .5vw, .875rem);--fs-md:clamp(.875rem, .77rem + .52vw, 1rem);--fs-lg:clamp(1rem, .88rem + .6vw, 1.25rem);--fs-xl:clamp(1.125rem, .95rem + .85vw, 1.5rem);--fs-2xl:clamp(1.25rem, 1rem + 1.25vw, 2rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-size:var(--fs-base);overflow-x:hidden}.header{background:var(--card);border-bottom:1px solid var(--border);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:clamp(10px,2vw,16px) clamp(12px,3vw,24px);display:flex;position:sticky;top:0}.header h1{font-size:var(--fs-lg);color:#fff;font-weight:600}.header .ref{color:var(--orange);font-size:var(--fs-sm);font-weight:500}.container{max-width:1400px;margin:0 auto;padding:clamp(10px,2vw,18px) clamp(10px,3vw,24px)}.quick-links{flex-wrap:wrap;gap:clamp(6px,1vw,10px);margin-bottom:clamp(10px,1.5vw,14px);display:flex}.quick-links a{color:var(--orange);font-size:var(--fs-sm);border:1px solid var(--orange);white-space:nowrap;background:#e87d3614;border-radius:6px;padding:clamp(4px,.8vw,6px) clamp(8px,1.5vw,14px);font-weight:500;text-decoration:none}.grid2,.grid3,.grid4,.grid5{gap:clamp(8px,1.2vw,12px);display:grid}.grid2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.grid3{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.grid4{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.grid5{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}.kpi{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:clamp(10px,1.5vw,14px) clamp(12px,1.8vw,16px)}.kpi .lbl{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:2px}.kpi .val{font-size:var(--fs-xl);color:#fff;font-weight:700}.kpi .sub{font-size:var(--fs-sm);color:var(--muted);margin-top:2px}.card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:8px;outline:none;margin-bottom:clamp(10px,1.5vw,16px);padding:clamp(10px,1.8vw,16px);transition:border-color .2s,box-shadow .2s}.card:hover,.card:focus-within{border-color:var(--blue);box-shadow:0 0 0 1px #5b9bd533}.card:focus,.card:active{border-color:var(--orange);box-shadow:0 0 0 2px #e87d364d}.card h3{font-size:var(--fs-md);color:#fff;border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:clamp(8px,1.2vw,12px);padding-bottom:8px;font-weight:600;display:flex}.card h3 .icon{font-size:clamp(14px,2vw,16px)}.table-wrap{-webkit-overflow-scrolling:touch;margin:0 -8px;padding:0 8px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);min-width:400px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:clamp(9px,1.2vw,10px);font-weight:500}td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:8px 10px}tr:last-child td{border-bottom:none}.badge{font-size:var(--fs-sm);white-space:nowrap;border-radius:3px;padding:1px 7px;font-weight:500;display:inline-block}.badge-paid,.badge-green{color:var(--green);background:#4caf8826}.badge-unpaid,.badge-red{color:var(--red);background:#e0556a26}.badge-warning,.badge-amber{color:var(--amber);background:#d4a84326}.badge-info,.badge-blue{color:var(--blue);background:#5b9bd526}.badge-draft{color:var(--muted);background:#ffffff0d}.badge-purple{color:var(--purple);background:#8b5cf626}.badge-orange{color:var(--orange);background:#e87d3626}.detail-grid{font-size:var(--fs-sm);grid-template-columns:minmax(90px,auto) 1fr;gap:4px clamp(12px,2vw,24px);display:grid}.detail-grid .k{color:var(--muted);white-space:nowrap}.detail-grid .v{color:var(--text);word-break:break-word}.detail-grid .full{grid-column:1/-1}.renders{flex-wrap:wrap;gap:clamp(6px,1.2vw,12px);display:flex}.renders img{border:1px solid var(--border);border-radius:6px;width:100%;min-width:min(100%,280px);max-width:calc(50% - 6px);height:auto}.callout{font-size:var(--fs-sm);border-radius:6px;margin-top:10px;padding:clamp(8px,1.2vw,10px) clamp(10px,1.5vw,14px);line-height:1.5}.callout-red{border-left:3px solid var(--red);color:#fca5a5;background:#e0556a14}.callout-amber{border-left:3px solid var(--amber);color:#fcd34d;background:#d4a84314}.path-flow{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0;display:flex}.path-step{white-space:nowrap;border-radius:5px;padding:6px 10px;font-weight:600}.path-arrow{color:var(--muted)}.footer{text-align:center;font-size:var(--fs-sm);color:var(--muted);padding:20px 0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.loading{text-align:center;color:var(--muted);font-size:var(--fs-sm);padding:40px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.lightbox-overlay{z-index:9999;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.lightbox-img{object-fit:contain;border-radius:8px;max-width:95vw;max-height:95vh}.lightbox-close{background:var(--card);color:var(--text);border:1px solid var(--border);cursor:pointer;z-index:10000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;position:absolute;top:16px;right:20px}.lightbox-close:hover{background:var(--border)}