.an-dashboard{--an-blue:#4e6ca8;--an-mint:#a2b8ae;--an-border:#e6e8ed;color:#424a57;font-variant-numeric:tabular-nums}
.an-dashboard button .wi{width:14px;height:14px;flex:none}.an-dashboard .page-title{align-items:flex-start}.an-dashboard .page-title>button{margin-left:auto}.an-dashboard h2{font-size:15px;font-weight:600;letter-spacing:-.25px;margin:0}.an-dashboard p{margin:0}.an-filter-panel{background:#f8f9fb;border:1px solid var(--an-border);border-radius:9px;padding:17px 18px;margin-bottom:20px}.an-period{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.an-period>span{font-size:11px;color:#8a909b}.an-presets{display:flex;gap:6px;flex-wrap:wrap}.an-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 15px}.an-filter-grid label{font-size:11px;margin:0;color:#777f8c;min-width:0}.an-filter-grid input,.an-filter-grid select{display:block;width:100%;min-width:0;margin:6px 0 0;background:#fff;height:37px;min-height:37px;font-size:12px;padding:6px 9px;border:1px solid #dfe3e9;border-radius:6px}.an-filter-actions{display:flex;gap:7px;align-items:flex-end}.an-filter-actions button{min-height:37px;font-size:12px}
.an-context{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:22px 0 13px}.an-context p{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px}.an-context strong{font-weight:600;color:#343c49}.an-context span{font-size:11px;color:#89919d}.an-context>span{white-space:nowrap}.an-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--an-border);border-radius:9px;overflow:hidden}.an-metric{padding:21px 18px;min-width:0;border-right:1px solid var(--an-border)}.an-metric:last-child{border-right:0}.an-metric p{font-size:12px;color:#727c8c;margin-bottom:12px}.an-metric>div{display:flex;align-items:baseline;gap:6px;margin-bottom:10px}.an-metric strong{font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1.2;color:#2c3543}.an-metric>div>span{font-size:12px;color:#8a94a1}.an-metric small{display:block;font-size:10.5px;color:#939aa5;line-height:1.6}.an-metric.primary{background:#fafbfd}.an-metric.primary strong{color:#415f95}.an-status-line{display:flex;flex-wrap:wrap;gap:13px 22px;font-size:11px;padding:16px 2px 24px;color:#9299a3}.an-status-line b{font-weight:550;color:#626e80;margin-left:5px}.an-warn,.an-warn b{color:#a36840!important}
.an-panel{border:1px solid var(--an-border);border-radius:9px;margin-bottom:22px;background:#fff;min-width:0;overflow:hidden}.an-panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;gap:16px}.an-panel-head p{font-size:11px;color:#929aa5;margin-top:6px;line-height:1.6}.an-panel-head h2>span{font-size:12px;color:#8997ab;font-weight:450;margin-left:5px}.an-panel-head>button{flex:none}.an-legend{display:flex;gap:14px;color:#828c99;font-size:10px}.an-legend>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.an-legend i{width:7px;height:7px;display:inline-block;border-radius:2px;background:var(--an-blue)}.an-legend i.inspection{background:var(--an-mint)}.an-chart{height:180px;margin:10px 26px 21px;display:grid;grid-template-columns:repeat(var(--bars),minmax(0,1fr));gap:clamp(2px,.65vw,10px)}.an-chart-col{min-width:0;display:flex;flex-direction:column;position:relative}.an-bars{height:145px;position:relative;display:flex;align-items:flex-end;border-bottom:1px solid var(--an-border);background:repeating-linear-gradient(to top,transparent 0,transparent 47px,#f3f4f7 47px,#f3f4f7 48px)}.an-bar-stack{width:100%;max-width:34px;margin:0 auto;display:flex;flex-direction:column;border-radius:3px 3px 0 0;overflow:hidden}.an-bar-stack i{background:var(--an-blue);display:block;min-height:0}.an-bar-stack i.inspection{background:var(--an-mint)}.an-tick{font-size:9px;color:#a0a7b2;white-space:nowrap;padding-top:10px;text-align:center;min-height:26px}.an-chart-tip{display:none;position:absolute;bottom:45%;left:50%;transform:translateX(-50%);z-index:2;background:#313b4b;color:white;box-shadow:0 2px 10px #23334c15;padding:7px 10px;border-radius:5px;white-space:nowrap;font-size:10px;line-height:1.65;pointer-events:none}.an-bars:focus .an-chart-tip,.an-bars:hover .an-chart-tip{display:block}.an-chart-col:first-child .an-chart-tip{left:0;transform:none}.an-chart-col:last-child .an-chart-tip{left:auto;right:0;transform:none}
.an-table-tools{padding:0 20px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.an-tabs{display:flex;gap:3px;background:#f3f5f8;padding:3px;border-radius:6px}.an-tabs>button{font-size:11px;background:transparent;color:#89929f;border:0;min-height:29px;padding:5px 11px;border-radius:4px;box-shadow:none}.an-tabs>button.active{color:#445a7c;background:white;box-shadow:0 1px 3px #27384f15}.an-table-tools>form{display:flex;gap:6px;margin-left:auto;min-width:0}.an-table-tools input{height:31px;min-height:31px;width:170px;min-width:0;font-size:11px;padding:5px 9px;border-radius:5px}.an-table-tools>select{width:145px;min-height:31px;height:31px;padding:5px 8px;font-size:11px;border-radius:5px}.an-table-scroll{overflow:auto;min-width:0;scrollbar-width:thin}.an-table{width:100%;min-width:860px;border-collapse:collapse;table-layout:auto}.an-table thead th{font-size:10.5px;padding:11px 15px;text-align:right;white-space:nowrap}.an-table thead th:first-child{text-align:left;min-width:160px}.an-table tbody th{background:white;font-weight:450;text-align:left;font-size:12px;padding:14px 16px;border-bottom:1px solid #f0f2f5}.an-table tbody td{font-size:12px;text-align:right;padding:14px 15px;white-space:nowrap;border-bottom:1px solid #f0f2f5;color:#667282}.an-table tbody tr:last-child>*{border-bottom:0}.an-table tbody tr:hover>*{background:#fafbfd}.an-table small{display:block;font-size:10px;font-weight:400;color:#a0a8b4;margin-top:4px;line-height:1.6}.an-table .an-em{color:#466293;font-weight:600}.an-name{background:transparent;border:0;box-shadow:none;padding:0;min-height:26px;color:#4a5d7a;display:inline-flex;gap:5px;font-size:12px;font-weight:550;white-space:normal;text-align:left;line-height:1.5}.an-name:hover{background:transparent;border-color:transparent;color:#285bb0;text-decoration:underline}.an-name .wi{width:12px!important;height:12px!important;color:#a5afc0}.an-rate{display:inline-flex;flex-direction:column;align-items:stretch;min-width:50px;gap:5px}.an-rate i{height:3px;display:block;background:linear-gradient(to right,#afbfda var(--rate),#eef1f6 var(--rate));border-radius:3px}.an-pagination{padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--an-border);font-size:10px;color:#939ca9}.an-pagination>div{display:flex;gap:6px}.an-detail-table{min-width:1050px}.an-detail-table thead th,.an-detail-table tbody td{text-align:left}.an-state{font-size:11px;color:#7f8a99}.an-state.ok{color:#558476}.an-state.issue{color:#b07b4f}.an-definitions{font-size:11px;color:#8b94a1;line-height:1.9;margin:24px 0}.an-definitions summary{cursor:pointer;font-weight:500;color:#6f7c90}.an-definitions ul{padding-left:18px;margin:12px 0;max-width:1050px}.an-definitions li{margin-bottom:6px}.an-archive{background:#faf8f1;border:1px solid #eee8d9;color:#948365;font-size:11px;padding:12px 15px;border-radius:7px;margin-bottom:20px;line-height:1.7}.an-empty,.an-loading{padding:48px 20px;text-align:center;font-size:12px;color:#8d97a5}.an-error{border:1px solid #ecdcdc;padding:25px;color:#9a5858;border-radius:8px;font-size:13px}.an-error p{margin:10px 0 16px}
@media(min-width:1500px){.an-filter-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:1100px){.an-metric{padding:18px 13px}.an-metric strong{font-size:25px}.an-metric small{font-size:10px}.an-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.an-dashboard .page-title{gap:10px}.an-dashboard .page-title>button{font-size:11px;padding:7px 9px;min-height:34px}.an-dashboard .page-title h1{font-size:21px}.an-filter-panel{padding:14px 12px}.an-period{align-items:flex-start;flex-direction:column;gap:9px}.an-period>span{font-size:10px}.an-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.an-filter-grid input,.an-filter-grid select{font-size:12px;height:40px}.an-filter-actions{grid-column:1/-1;justify-content:flex-end}.an-context{align-items:flex-start;flex-direction:column;gap:6px}.an-context p{gap:5px 10px}.an-context>span{font-size:10px}.an-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.an-metric{padding:16px;border-bottom:1px solid var(--an-border)}.an-metric:nth-child(2n){border-right:0}.an-metric:last-child{grid-column:1/-1;border-bottom:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px}.an-metric:last-child p{margin:0}.an-metric:last-child>div{grid-column:2;grid-row:1/3;margin:0}.an-metric:last-child small{grid-column:1}.an-metric strong{font-size:28px}.an-status-line{gap:10px 17px;line-height:1.5;padding-bottom:19px}.an-panel-head{padding:17px 15px;gap:10px;align-items:flex-start}.an-panel-head p{font-size:10.5px}.an-panel-head>button{font-size:10px;padding:5px 7px;gap:4px}.an-panel h2{font-size:14px}.an-trend .an-panel-head{flex-direction:column;gap:12px}.an-chart{margin:5px 16px 12px;height:157px;gap:3px}.an-bars{height:125px}.an-tick{font-size:8px}.an-table-tools{padding:0 14px 13px;gap:10px}.an-table-tools>form{order:3;width:100%;margin:0}.an-table-tools input{flex:1;width:100%;height:35px}.an-table-tools>select{margin-left:auto;width:133px;font-size:10px;height:33px}.an-tabs>button{padding:6px 8px;font-size:10.5px}.an-pagination{padding:12px;font-size:10px;gap:8px}.an-pagination .sm{font-size:11px;padding:6px 9px;min-height:34px}.an-definitions{font-size:11px}.an-dashboard .page-title .sub{font-size:12px;line-height:1.65}}
.an-back{margin-bottom:16px}.an-scroll-hint{display:none}.an-table tr>th:first-child{position:sticky;left:0;z-index:1;background:#fff}.an-table thead tr>th:first-child{background:#fafbfc}
.an-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 22px;border-top:1px solid var(--an-border)}.an-time-grid article{padding:19px 18px;border-right:1px solid var(--an-border);border-bottom:1px solid var(--an-border);min-width:0}.an-time-grid article:nth-child(3n){border-right:0}.an-time-grid article:nth-child(3n+1){padding-left:0}.an-time-grid p{font-size:12px;color:#6e7b8f;margin-bottom:10px}.an-time-grid strong{display:block;font-weight:580;font-size:23px;letter-spacing:-.6px;line-height:1.35;color:#3e526f;overflow-wrap:anywhere}.an-time-grid small{display:block;margin-top:9px;color:#8b96a5;font-size:10.5px;line-height:1.7}.an-time-note{padding:15px 22px;font-size:11px;color:#7e8a9c;line-height:1.8}.an-time-note b{font-weight:550;color:#586a83}.an-time-note span{display:block;color:#959eaa;font-size:10.5px}.an-type-times>summary{cursor:pointer;margin:0;padding:15px 22px;border-top:1px solid var(--an-border);font-size:12px;color:#526784}.an-type-times .an-table{min-width:740px}#an-comparison{scroll-margin-top:80px}.an-table-tools>select[data-an-metric]{width:120px}
@media(max-width:700px){.an-timing .an-panel-head{flex-direction:column}.an-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 15px}.an-time-grid article{padding:16px 10px}.an-time-grid article:nth-child(3n){border-right:1px solid var(--an-border)}.an-time-grid article:nth-child(3n+1){padding-left:10px}.an-time-grid article:nth-child(2n){border-right:0}.an-time-grid article:nth-child(2n+1){padding-left:0}.an-time-grid strong{font-size:22px}.an-time-grid p{font-size:11px}.an-time-grid small{font-size:10px}.an-time-note{padding:13px 15px}.an-type-times>summary{padding:14px 15px}.an-table-tools>select[data-an-metric]{width:110px}.an-table-tools>select[data-an-sort]{margin-left:0}.an-table-tools .an-tabs{width:100%}}
@media(max-width:700px){.an-scroll-hint{display:block;margin:0!important;padding:0 15px 11px;font-size:10px;color:#929caa}}
@media(prefers-reduced-motion:reduce){.an-dashboard *{scroll-behavior:auto}}