@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102a46;--navy-2:#163d61;--orange:#f28a38;--ink:#182b3f;--muted:#6d8090;--canvas:#f4f6f8;--surface:#fff;--line:#dce4ea;--success:#16805b;--warn:#b26a00;--missing:#b7464e;--radius:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:14px}button,input{font:inherit}.app-shell{min-height:100vh}.topbar{height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 clamp(20px,4vw,64px);gap:56px}.brand-lockup{display:flex;align-items:center;gap:11px;min-width:215px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.38);color:var(--orange);font-weight:800;font-size:18px}.brand-lockup strong{display:block;letter-spacing:.12em;font-size:13px}.brand-lockup small{display:block;color:#9bb0c3;font-size:11px;margin-top:2px}.primary-nav{height:100%;display:flex;gap:28px;align-items:center}.primary-nav a{height:100%;display:grid;place-items:center;position:relative;color:#a9bac9;text-decoration:none}.primary-nav a.active,.primary-nav a:hover{color:#fff}.primary-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--orange)}.live-state{margin-left:auto;color:#a9bac9;font-size:12px;display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;border-radius:50%;background:#44c58b;box-shadow:0 0 0 4px rgba(68,197,139,.13)}.page-wrap{max-width:1440px;margin:0 auto;padding:48px clamp(20px,4vw,64px) 56px}.intro-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.kicker{color:var(--orange);font:500 11px 'DM Mono',monospace;letter-spacing:.13em;margin:0 0 10px}.intro-row h1{font-size:32px;letter-spacing:-.04em;margin:0 0 8px}.subcopy{color:var(--muted);margin:0}.updated{border-left:2px solid var(--orange);padding-left:14px;min-width:180px}.updated span,.updated small{color:var(--muted);display:block;font-size:11px}.updated strong{display:block;margin:3px 0;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);margin-bottom:22px;overflow:hidden}.metric{padding:18px 22px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric span,.metric small{display:block;color:var(--muted);font-size:11px}.metric strong{font-size:25px;line-height:1.25;display:block;margin:7px 0 3px;font-weight:700;letter-spacing:-.03em}.metric small{font-size:11px}.success-text{color:var(--success)}.warning-text{color:var(--warn)}.accent-metric{background:#fff8f1}.table-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.toolbar{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.toolbar h2{display:inline;font-size:15px;margin:0 12px 0 0}.record-count{color:var(--muted);font-size:11px}.toolbar-actions{display:flex;gap:12px;align-items:center}.search-box{height:34px;border:1px solid var(--line);background:#fbfcfd;display:flex;align-items:center;padding:0 10px;gap:7px;border-radius:8px;color:var(--muted)}.search-box input{border:0;outline:0;width:180px;background:transparent;font-size:12px;color:var(--ink)}.filter-group{display:flex;background:#eef2f5;padding:3px;border-radius:8px}.filter{border:0;background:transparent;padding:6px 11px;color:var(--muted);font-size:11px;border-radius:6px;cursor:pointer}.filter.active{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(16,42,70,.12);font-weight:700}.table-scroll{overflow:auto;max-height:590px}table{width:100%;border-collapse:collapse;min-width:860px}th{text-align:left;background:#f7f9fa;color:#627789;font-size:11px;font-weight:600;white-space:nowrap;position:sticky;top:0;z-index:1}th,td{padding:11px 14px;border-bottom:1px solid #e8edf1}td{font-size:12px;color:#33495b;white-space:nowrap}tbody tr:hover{background:#fbf5ee}.path-cell{min-width:275px;color:var(--ink)}.path-cell code,pre code{font-family:'DM Mono',monospace}.path-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b9c6d0;margin:0 9px 2px 0}.status{display:inline-block;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600}.status.done{background:#e6f5ee;color:var(--success)}.status.missing{background:#fcebed;color:var(--missing)}.empty{color:#9caab5}.empty-state{padding:50px;text-align:center}.empty-state strong,.empty-state span{display:block}.empty-state span{color:var(--muted);margin-top:6px;font-size:12px}.api-panel{margin-top:22px;padding:24px 26px;background:var(--navy-2);color:#fff;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:30px}.api-panel .kicker{color:#f7b46e}.api-panel h2{margin:0 0 6px;font-size:18px}.api-panel p{margin:0;color:#b6c7d5;font-size:12px}.endpoint{display:flex;align-items:center;gap:10px;padding:9px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.12);border-radius:8px;white-space:nowrap}.endpoint span{color:#f7b46e;font:500 11px 'DM Mono',monospace}.endpoint code{font:400 13px 'DM Mono',monospace}.endpoint button{border:0;border-radius:6px;padding:6px 10px;background:var(--orange);color:#fff;cursor:pointer;font-size:11px}.api-example{display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:22px;margin-top:22px}.api-example>div{background:#eaf0f4;border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px}.example-label{display:block;color:var(--muted);font:500 11px 'DM Mono',monospace;margin-bottom:9px}.api-example pre{margin:0;color:#29455e;font-size:12px;line-height:1.7;overflow:auto}.upload-note{display:flex;flex-direction:column;justify-content:center}.note-icon{color:var(--orange);font:500 26px 'DM Mono',monospace}.upload-note strong{font-size:15px;margin:8px 0 5px}.upload-note p{color:var(--muted);font-size:12px;line-height:1.7;margin:0;max-width:38ch}.upload-note code{font-family:'DM Mono',monospace;color:var(--navy)}footer{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,64px) 30px;display:flex;justify-content:space-between;color:#91a1ad;font:11px 'DM Mono',monospace}.toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 10px 30px rgba(16,42,70,.22);transform:translateY(20px);opacity:0;pointer-events:none;transition:.18s ease;font-size:12px}.toast.show{transform:translateY(0);opacity:1}@media(max-width:800px){.topbar{gap:20px}.primary-nav{gap:15px}.brand-lockup{min-width:auto}.brand-lockup small{display:none}.intro-row{display:block}.updated{margin-top:20px}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.toolbar{display:block}.toolbar-actions{margin-top:14px;justify-content:space-between}.search-box{flex:1}.search-box input{width:100%}.api-panel,.api-example{grid-template-columns:1fr;display:grid}.api-panel{gap:20px}.endpoint{justify-content:space-between}footer{display:block}footer span{display:block;margin-top:8px}}@media(max-width:500px){.topbar{height:62px;padding:0 16px}.primary-nav a:nth-child(3),.live-state{display:none}.page-wrap{padding:30px 16px 42px}.intro-row h1{font-size:27px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:15px}.metric strong{font-size:21px}.toolbar-actions{display:block}.filter-group{margin-top:10px}.filter{width:33%}.api-panel{padding:20px}.endpoint{overflow:auto}.api-example>div{padding:16px}footer{padding:0 16px 22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.sync-time{font-size:16px!important;letter-spacing:-.02em!important;white-space:nowrap}.category-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 22px}.category-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;color:var(--ink);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.category-card:hover{transform:translateY(-2px);border-color:#a8b8c5;box-shadow:0 8px 22px rgba(16,42,70,.08)}.category-card-head{display:flex;align-items:flex-start;justify-content:space-between}.category-label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.category-card-head strong{font-size:26px;letter-spacing:-.04em}.category-arrow{font:18px 'DM Mono',monospace;color:var(--orange)}.progress-track{height:6px;background:#e8edf1;border-radius:999px;overflow:hidden;margin:16px 0 14px}.progress-track span{display:block;height:100%;background:var(--success);border-radius:inherit}.category-numbers{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.category-numbers b{color:var(--ink);font-size:15px;margin-right:3px}.category-numbers .done-number b{color:var(--success)}.category-numbers .pending-number b{color:var(--warn)}
@media(max-width:800px){.category-progress{grid-template-columns:1fr}.sync-time{font-size:14px!important}}
@media(max-width:700px){.table-scroll{max-height:none;overflow:visible}table{min-width:0}thead{display:none}tbody{display:block}tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:16px;border-bottom:1px solid var(--line)}tbody tr:last-child{border-bottom:0}tbody td{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0;border:0;white-space:normal;font-size:13px}tbody td::before{content:attr(data-label);color:var(--muted);font-size:10px;line-height:1.2}tbody td.path-cell{grid-column:1/-1;display:block;padding-bottom:2px;font-size:13px}tbody td.path-cell::before{display:block;margin-bottom:7px}.path-cell code{white-space:normal;overflow-wrap:anywhere;line-height:1.45}.empty-state{padding:42px 18px}}
@media(max-width:700px){.topbar{padding:0 14px;gap:14px}.brand-lockup{flex:0 0 auto;min-width:34px}.brand-lockup>div{display:none}.primary-nav{flex:1;min-width:0;gap:6px;overflow-x:auto;scrollbar-width:none}.primary-nav::-webkit-scrollbar{display:none}.primary-nav a{flex:0 0 auto;padding:0 9px;font-size:12px}.live-state{display:none}.page-wrap{padding-left:14px;padding-right:14px}.toolbar-actions{width:100%}.search-box{min-width:0}.search-box input{width:100%}}
@media(max-width:700px){.primary-nav a:nth-child(3),.primary-nav a:nth-child(4){display:grid}}
.status.pending{background:#fff3df;color:var(--warn)}
.category-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.category-breakdown>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.category-breakdown strong{grid-column:1/-1;color:var(--ink);font-size:11px}.category-breakdown b{color:var(--ink);font-size:13px;margin-right:2px}.category-breakdown .done-number b{color:var(--success)}.category-breakdown .pending-number b{color:var(--warn)}