:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#f4f6f8;--text-base:#111;--muted-base:#444;--link-base:#0f4c81;--link-hover:#0b3a61;--selection-bg:#2ecc7140;--selection-text:#111;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-base);min-width:320px;min-height:100vh;color:var(--text-base);margin:0;display:block;overflow-x:hidden}a{color:var(--link-base);font-weight:600;text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}button{color:inherit;background:0 0;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::selection{background:var(--selection-bg);color:var(--selection-text)}@media print{html,body,#root{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}body{color:#111!important;background:#fff!important;min-height:auto!important;overflow-x:visible!important}:root{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}.app,.stackTop,.stackBottom,.card,.tableWrap{height:auto!important;max-height:none!important;overflow:visible!important}table{page-break-inside:auto!important}tr{page-break-inside:avoid!important;page-break-after:auto!important}thead{display:table-header-group!important}tfoot{display:table-footer-group!important}h2,h3{page-break-after:avoid!important}@page{size:A4;margin:12mm}}:root{--bg:#f4f6f8;--surface:#fff;--surface2:#fbfcfe;--text:#111;--muted:#444;--muted2:#666;--line:#d1d5db;--accent:#2ecc71;--accentHover:#27ae60;--accent2:#0f4c81;--shadow:0 10px 28px #1111111a;--shadowSoft:0 6px 18px #11111114;--ring:0 0 0 3px #2ecc7138;--r-lg:18px;--r-md:14px;--r-sm:12px}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}img,svg,canvas,video,pre,code{max-width:100%}body{color:var(--text);background:radial-gradient(1100px 700px at 12% 8%, #2ecc711a, transparent 60%), radial-gradient(900px 600px at 88% 12%, #0f4c8114, transparent 55%), linear-gradient(to bottom, #11111105, #1110 40%), var(--bg);background-attachment:fixed;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.appShell{width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:18px}.appHeader{margin-bottom:14px}.headerBar{border:1px solid var(--line);background:linear-gradient(180deg, var(--surface), var(--surface2));border-radius:var(--r-lg);box-shadow:var(--shadowSoft);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:14px;display:flex;position:relative;overflow:hidden}.headerBar:before{content:"";pointer-events:none;background:radial-gradient(900px 120px at 40% 0,#1111110f,#0000 55%);position:absolute;inset:-2px}.brand{flex-direction:column;gap:4px;min-width:0;display:flex}.brandTitle{letter-spacing:.2px;color:var(--text);font-weight:900}.brandSub{color:var(--muted);margin-top:0;font-size:13px;line-height:1.25}.headerPills{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.pill{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#fff;border-radius:999px;padding:6px 10px;font-size:12px}.pillBtn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;transition:transform 80ms,border-color .2s,background .2s,box-shadow .2s}.pillBtn:hover{background:#fff;border-color:#11111159;transform:translateY(-1px);box-shadow:0 10px 22px #11111114}.pillBtn:active{transform:translateY(0)}.pillBtn:focus-visible{box-shadow:var(--ring);border-color:#2ecc718c;outline:none}.pillBtnActive{box-shadow:var(--ring);color:var(--text);background:#2ecc711a;border-color:#2ecc71b3}.pillBtnDisabled,.pillBtn:disabled{opacity:.55;cursor:not-allowed;transform:none}.stackGrid{gap:14px;width:100%;min-width:0;display:grid}.stackTop,.stackBottom{width:100%;min-width:0}.card{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);width:100%;min-width:0;padding:14px;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:radial-gradient(800px 140px at 18% 0,#2ecc711a,#0000 60%),radial-gradient(800px 160px at 92% 10%,#0f4c8114,#0000 60%);position:absolute;inset:-2px}.badge{color:#0f5f35;background:#2ecc711a;border:1px solid #2ecc7159;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-block}h2{color:var(--text);margin:8px 0 0}h3.section{border-top:1px solid var(--line);color:var(--text);margin-top:16px;padding-top:12px}.muted{color:var(--muted)}.row{align-items:center;gap:10px;min-width:0;display:flex}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}label{color:var(--muted2);margin-bottom:6px;font-size:12px;display:block}input[type=text],input[type=number],.select{border-radius:var(--r-sm);border:1px solid var(--line);width:100%;max-width:100%;color:var(--text);background:#fff;outline:none;min-width:0;padding:10px;transition:border-color .2s,box-shadow .2s,background .2s}input[type=text]::placeholder,input[type=number]::placeholder{color:#11111173}input[type=text]:hover,input[type=number]:hover,.select:hover{border-color:#11111159}input[type=text]:focus,input[type=number]:focus,.select:focus{box-shadow:var(--ring);border-color:#2ecc71a6}.select option{color:var(--text);background:#fff}small{color:var(--muted2);margin-top:6px;font-size:12px;display:block}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}.tabs{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.tab{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;max-width:100%;padding:8px 10px;transition:transform 80ms,border-color .2s,background .2s,box-shadow .2s,color .2s}.tab:hover{color:var(--text);background:#fff;border-color:#11111159;transform:translateY(-1px);box-shadow:0 10px 22px #11111114}.tab:active{transform:translateY(0)}.tab.active{color:var(--text);box-shadow:var(--ring);background:#2ecc711a;border-color:#2ecc71b3}.btn,.btnPrimary{border-radius:var(--r-sm);border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;padding:10px 12px;transition:transform 80ms,border-color .2s,background .2s,box-shadow .2s}.btn:hover{border-color:#11111159;transform:translateY(-1px);box-shadow:0 10px 22px #11111114}.btn:active{transform:translateY(0)}.btnPrimary{background:#2ecc711f;border-color:#2ecc71b3}.btnPrimary:hover{background:#2ecc7129;border-color:#2ecc71d9;transform:translateY(-1px);box-shadow:0 12px 26px #2ecc711f}.btnPrimary:active{transform:translateY(0)}.btn:disabled,.btnPrimary:disabled{opacity:.55;cursor:not-allowed;transform:none}.note{border-radius:var(--r-md);color:var(--muted);background:#fff;border:1px dashed #11111138;min-width:0;padding:10px}.codeCard{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;min-width:0;max-width:100%;padding:10px;overflow:auto hidden}.codeArea{border:1px solid var(--line);width:100%;min-width:0;max-width:100%;min-height:420px;color:var(--text);border-radius:var(--r-sm);resize:vertical;white-space:pre;word-break:normal;background:#fff;outline:none;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.45;transition:border-color .2s,box-shadow .2s;overflow:auto}.codeArea:focus{box-shadow:var(--ring);border-color:#2ecc71a6}.kpiGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;min-width:0;display:grid}.kpiCard{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadowSoft);background:#fff;min-width:0;padding:10px}.kpiLabel{color:var(--muted2);font-size:12px}.kpiValue{color:var(--text);margin-top:6px;font-size:18px;font-weight:900}.kpiSub{color:var(--muted);margin-top:6px;font-size:12px}.tableWrap{border-radius:var(--r-md);border:1px solid var(--line);background:#fff;min-width:0;max-width:100%;overflow:auto}.table{border-collapse:collapse;background:#fff;width:100%;min-width:900px}.table th,.table td{vertical-align:top;border-bottom:1px solid #1111111a;padding:10px}.table th{text-align:left;color:var(--muted2);background:#11111108;font-size:12px;font-weight:800}.table td{color:var(--text);font-size:13px}.table tr:hover td{background:#2ecc710f}.appFooter{border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--surface), var(--surface2));width:100%;min-width:0;box-shadow:var(--shadowSoft);margin-top:8px;padding:12px 14px;position:relative;overflow:hidden}.appFooter:before{content:"";pointer-events:none;background:radial-gradient(900px 160px at 18% 0,#2ecc7114,#0000 60%),radial-gradient(900px 160px at 92% 10%,#0f4c810f,#0000 60%);position:absolute;inset:-2px}.footerContent{z-index:1;text-align:center;color:var(--muted);gap:6px;font-size:12px;line-height:1.35;display:grid;position:relative}.footerAuthor{color:var(--text);font-size:12.5px}.footerLinks a{color:var(--accent2);font-weight:800;text-decoration:none}.footerLinks a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1111110f}::-webkit-scrollbar-thumb{background:#11111138;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#11111152}@media (max-width:1100px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.kpiGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.headerBar{flex-wrap:wrap}.brand{width:100%}}@media (max-width:980px){.grid3,.grid2{grid-template-columns:1fr}.kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{@page{size:A4;margin:12mm}html,body{color:#111!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;height:auto!important;max-height:none!important;overflow:visible!important}body{background-attachment:scroll!important}.appHeader,.headerBar,.headerPills,.pillBtn,.btn,.btnPrimary,.appFooter{display:none!important}.appShell,.stackGrid,.stackTop,.stackBottom,.card{height:auto!important;max-height:none!important;overflow:visible!important}.card{box-shadow:none!important;border:none!important;padding:0!important}.card:before{display:none!important}.note,.kpiCard,.headerBar{box-shadow:none!important}.tableWrap{border:none!important;overflow:visible!important}table.table{table-layout:fixed!important;border-collapse:collapse!important;width:100%!important;min-width:0!important;font-size:11.5px!important}table.table thead{display:table-header-group!important}table.table tfoot{display:table-footer-group!important}table.table th,table.table td{white-space:normal!important;word-break:break-word!important;color:#111!important;background:#fff!important;border:1px solid #9a9a9a!important;padding:6px!important}table.table th{background:#f0f0f0!important}tr{page-break-inside:avoid!important}h2,h3{page-break-after:avoid!important}.kpiGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
