:root { color-scheme: light; --bg: #f7fbf8; --card: #ffffff; --ink: #23312b; --muted: #738078; --line: #e3ede7; --brand: #e88918; --green: #6fa889; --danger: #c94848; }
                    * { box-sizing: border-box; }
                    body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--bg); color: var(--ink); }
                    header { padding: 28px 32px 18px; background: linear-gradient(135deg, #f7fbf8 0%, #fff8ec 100%); border-bottom: 1px solid var(--line); }
                    h1 { margin: 0; font-size: 28px; letter-spacing: 0; }
                    .sub { margin-top: 8px; color: var(--muted); font-size: 14px; line-height: 1.7; }
                    main { padding: 24px 32px 40px; max-width: 1180px; margin: 0 auto; }
                    .grid { display: grid; grid-template-columns: repeat(5, minmax(130px, 1fr)); gap: 14px; margin-bottom: 22px; }
                    .stat, section, .note { background: var(--card); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 10px 30px rgba(35, 49, 43, .05); }
                    .stat { padding: 16px; }
                    .num { font-size: 28px; font-weight: 750; color: var(--brand); }
                    .label { margin-top: 4px; color: var(--muted); font-size: 13px; }
                    section, .note { margin-top: 18px; overflow: hidden; }
                    h2 { margin: 0; padding: 16px 18px; font-size: 17px; border-bottom: 1px solid var(--line); }
                    table { width: 100%; border-collapse: collapse; font-size: 14px; }
                    th, td { padding: 12px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
                    th { color: var(--muted); font-weight: 650; background: #fbfdfb; }
                    tr:last-child td { border-bottom: 0; }
                    .bar { width: 100%; height: 9px; border-radius: 99px; background: #edf3ef; overflow: hidden; }
                    .bar span { display: block; height: 100%; background: var(--green); }
                    .empty { padding: 18px; color: var(--muted); }
                    .note { padding: 16px 18px; color: var(--muted); line-height: 1.75; }
                    .exports { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
                    .exports a { color: var(--brand); text-decoration: none; padding: 8px 12px; border: 1px solid #f1d7ac; border-radius: 999px; background: #fffaf2; font-size: 13px; }
                    .site-footer { padding: 20px 16px 28px; border-top: 1px solid var(--line); text-align: center; font-size: 14px; line-height: 1.6; }
                    .site-footer a { display: inline-block; padding: 8px; color: #526159; text-decoration: none; }
                    .site-footer a:hover, .site-footer a:focus-visible { text-decoration: underline; }
                    @media (max-width: 760px) { header, main { padding-left: 16px; padding-right: 16px; } .grid { grid-template-columns: repeat(2, 1fr); } table { min-width: 620px; } section { overflow-x: auto; } }
                  
.toolbar {display:flex;align-items:center;gap:16px;margin-bottom:18px} button {padding:9px 18px;border:1px solid var(--line);border-radius:8px;background:white;cursor:pointer} #status {color:var(--muted)} #status.error {color:var(--danger)} body {min-height:100vh;display:flex;flex-direction:column} main {width:100%;flex:1}