.oai-page{width:100%;min-width:0;box-sizing:border-box;overflow:auto;max-width:1360px;padding:24px 30px 56px;margin:auto;color:var(--text,#283747)}
.oai-header,.oai-toolbar,.oai-panel-heading,.oai-period{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.oai-header{margin-bottom:24px}.oai-header h1{font-size:29px;margin:8px 0}.oai-header p,.oai-panel-heading p{color:#7b858f;margin:4px 0}.oai-header a{font-size:13px;color:#708597;text-decoration:none}
.oai-status{padding:8px 13px;border-radius:20px;background:#eef1f4;color:#677786;font-size:13px;max-width:100%}.oai-connected{background:#e5f4ec;color:#268357}.oai-connection_error,.oai-api_unavailable{background:#fceced;color:#ae4551}.oai-insufficient_permissions{background:#fff3dd;color:#896629}
.oai-toolbar label,.oai-period label{display:flex;gap:9px;align-items:center;font-size:13px}.oai-page select{border:1px solid #dce2e7;border-radius:8px;background:#fff;color:inherit;padding:9px 30px 9px 12px;max-width:340px}
.oai-help{font-size:12px;line-height:1.65;color:#788693;margin:16px 0}.oai-kpi-section{margin:26px 0}.oai-kpi-section h2,.oai-panel h2{font-weight:600;font-size:16px;margin:0 0 14px}.oai-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.oai-kpi{border:1px solid #e3e8ee;background:#fff;border-radius:12px;padding:17px 19px;min-width:0}.oai-kpi span{font-size:12px;color:#7b8894;display:block}.oai-kpi strong{font-size:25px;font-weight:600;display:block;margin-top:10px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-x:auto}.oai-kpi small{font-size:11px;color:#929aa3}
.oai-panel{background:#fff;border:1px solid #e3e8ee;border-radius:12px;margin:20px 0;padding:20px}.oai-panel-heading{margin-bottom:12px}.oai-panel-heading h2{margin-bottom:5px}.oai-empty{text-align:center;padding:38px 20px}.oai-empty p{color:#7b8894;max-width:630px;margin:15px auto 24px;line-height:1.7}
.oai-period{padding-top:15px;border-top:1px solid #e4e9ed}.oai-period>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.oai-period span,.oai-period small{font-size:12px;color:#788693}.oai-table{overflow:auto}.oai-table table{min-width:660px;width:100%;border-collapse:collapse;table-layout:auto}.oai-table th{color:#7b8894;font-weight:500;font-size:12px;background:#f8fafb}.oai-table th,.oai-table td{padding:13px;text-align:right;border-bottom:1px solid #edf0f3;white-space:nowrap}.oai-table th:first-child,.oai-table td:first-child{text-align:left}.oai-table td{font-size:13px}.oai-table small{display:block;color:#8894a0;margin-top:5px}
.oai-chart{min-height:210px;display:flex;align-items:flex-end;gap:9px;overflow-x:auto;padding:40px 10px 4px}.oai-chart-point{flex:1;min-width:30px;max-width:130px;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px}.oai-chart-point span{font-size:10px;color:#8995a1;white-space:nowrap}.oai-bar{background:#8eb8d0;border:0;border-radius:5px 5px 0 0;width:70%;min-width:14px;cursor:help;position:relative}.oai-bar:hover,.oai-bar:focus-visible{background:#458cad;outline:2px solid #407c99;outline-offset:2px}.oai-credit{background:#8bbe9d}.oai-bar:focus-visible:after{content:attr(data-tooltip);position:fixed;bottom:36px;left:50%;transform:translateX(-50%);white-space:pre-line;background:#314251;color:#fff;padding:12px;border-radius:8px;font-size:12px;z-index:100;max-width:90vw;text-align:left}
.oai-sync{display:grid;grid-template-columns:max-content 1fr;gap:10px;font-size:13px}.oai-sync dt{color:#8995a1}.oai-sync dd{margin:0}.oai-panel summary{font-size:14px;cursor:pointer}.oai-panel details p{font-size:13px}
.oai-integration{display:flex;align-items:center;gap:16px;width:calc(100% - 40px);border:1px solid #e3e8ee;border-radius:12px;padding:19px 22px;margin:20px;background:#fff;text-decoration:none;color:inherit;max-width:450px;text-align:left;font:inherit;cursor:pointer}.oai-integration small{display:block;color:#81919e;font-size:12px;margin-top:6px}.oai-integration>span:last-child{margin-left:auto;color:#81919e}.oai-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#e5f0ed;color:#508275;font-weight:600}
@media(max-width:900px){.oai-page{padding:20px 18px 48px}.oai-kpis{grid-template-columns:repeat(3,minmax(100px,1fr))}.oai-kpi strong{font-size:22px}.oai-toolbar select{max-width:270px}.oai-panel{padding:16px}.oai-toolbar .iam-toolbar{margin:0}.oai-period>small{line-height:1.7}}
@media(max-width:520px){.oai-page{padding:16px 12px 48px}.oai-kpis{grid-template-columns:repeat(2,minmax(100px,1fr))}.oai-kpi{padding:14px}.oai-header h1{font-size:25px}.oai-toolbar label{width:100%;flex-wrap:wrap}.oai-toolbar select{max-width:100%;width:100%}.oai-sync{grid-template-columns:1fr}.oai-sync dd{margin-bottom:8px}}

.oai-toolbar .iam-toolbar{display:flex;flex-wrap:wrap;gap:10px}.oai-page .oai-table{max-width:100%}.oai-page .oai-chart{max-width:100%}

@media(min-width:901px) and (max-width:1150px){.oai-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.oai-kpi strong{font-size:22px}}