.ec-hero{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:28px 30px;margin-bottom:16px;border:1px solid #e0d9ff;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f5f1ff 100%);box-shadow:0 12px 32px rgba(78,57,164,.07)}
.ec-hero:after{content:'';position:absolute;right:-55px;bottom:-95px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#ded5ff 0%,rgba(222,213,255,0) 70%)}
.ec-hero>div{position:relative;z-index:1}.ec-hero small{font-size:9px;font-weight:900;letter-spacing:.16em;color:#7156dc}.ec-hero h2{margin:7px 0 6px;color:#172131;font-size:26px;letter-spacing:-.02em}.ec-hero p{margin:0;color:#7b8593;font-size:12px;line-height:1.55}.ec-hero>i{position:relative;z-index:1;display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,#7c60ec,#6246d2);color:#fff;box-shadow:0 12px 28px rgba(98,70,210,.25);font-size:24px;font-style:normal;font-weight:800}
.ec-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.ec-metrics article{position:relative;display:flex;flex-direction:column;min-height:90px;padding:18px 18px 16px 21px;overflow:hidden;border:1px solid #e5e8ef;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(37,47,68,.035)}.ec-metrics article:before{content:'';position:absolute;inset:17px auto 17px 0;width:4px;border-radius:0 4px 4px 0;background:#6d50db}.ec-metrics b{font-size:24px;letter-spacing:-.03em}.ec-metrics small{margin-top:5px;color:#8b94a1;font-size:10px}.ec-metrics .critical:before{background:#b62e4b}.ec-metrics .critical b{color:#a72742}.ec-metrics .error:before{background:#e05a45}.ec-metrics .error b{color:#d34a39}.ec-metrics .warning:before{background:#e19a32}.ec-metrics .warning b{color:#c47a16}
.ec-filters{display:grid;grid-template-columns:180px 180px 180px minmax(220px,1fr) auto auto;gap:10px;align-items:center;padding:15px;margin-bottom:15px;border-radius:16px;box-shadow:0 6px 22px rgba(37,47,68,.035)}.ec-field{position:relative;min-width:0}.ec-field>i{position:absolute;z-index:1;left:13px;top:50%;transform:translateY(-50%);color:#7b68d5;font-size:14px;font-style:normal;pointer-events:none}.ec-filters select,.ec-filters input{width:100%;height:44px;outline:0;border:1px solid #dfe3ea;border-radius:11px;background:#fff;color:#394354;font-size:12px;transition:.16s}.ec-filters select{padding:0 36px 0 37px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8791a1 50%),linear-gradient(135deg,#8791a1 50%,transparent 50%);background-position:calc(100% - 16px) 19px,calc(100% - 11px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.ec-filters input{padding:0 13px 0 39px}.ec-filters select:focus,.ec-filters input:focus{border-color:#846bea;box-shadow:0 0 0 3px #eeeaff}.ec-filter-button,.ec-resolve-all{height:44px;padding:0 17px;border:0;border-radius:11px;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.16s}.ec-filter-button{background:linear-gradient(135deg,#7c60ec,#6246d2);color:#fff;box-shadow:0 8px 18px rgba(98,70,210,.2)}.ec-resolve-all{border:1px solid #dcd6f8;background:#f4f1ff;color:#6047cb}.ec-filter-button:hover,.ec-resolve-all:hover{transform:translateY(-1px)}
.ec-list{display:grid;gap:11px}.ec-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:start;padding:19px 20px;border-radius:16px;box-shadow:0 5px 18px rgba(37,47,68,.03);transition:.17s}.ec-row:hover{border-color:#d9d2f7;box-shadow:0 9px 25px rgba(72,55,145,.07)}.ec-row>i{width:11px;height:11px;margin-top:5px;border-radius:50%;background:#8590a0}.ec-row.critical>i{background:#b62e4b;box-shadow:0 0 0 5px #f8e1e6}.ec-row.error>i{background:#da4a3b;box-shadow:0 0 0 5px #fbe8e5}.ec-row.warning>i{background:#d98a1d;box-shadow:0 0 0 5px #fff1dc}.ec-main>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.ec-main span,.ec-main em,.ec-main b{padding:5px 8px;border-radius:999px;background:#f1effa;color:#5c47aa;font-size:9px;font-style:normal;font-weight:750}.ec-main em{background:#f3f4f6;color:#697483}.ec-main b{background:#fff0dd;color:#ae6c10}.ec-main h3{margin:9px 0 6px;color:#202a3a;font-size:13px;line-height:1.5;word-break:break-word}.ec-main small{color:#8993a0;font-size:9px}.ec-main p{margin:11px 0 0;padding:10px 12px;border-radius:9px;background:#f7f8fa;color:#697483;font-size:9px;line-height:1.5;word-break:break-word}.ec-actions{display:flex;gap:7px}.ec-actions button{height:35px;padding:0 12px;border:1px solid #dcd6f8;border-radius:9px;background:#f4f1ff;color:#5e47c6;font-size:9px;font-weight:800;cursor:pointer}.ec-actions button.muted{border-color:#e4e7ec;background:#fff;color:#798391}.ec-actions button:hover{filter:brightness(.98);transform:translateY(-1px)}.ec-empty{text-align:center;padding:48px}.ec-empty i{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:15px;background:#e6f7ef;color:#1b9a70;font-size:24px;font-style:normal}.ec-empty h3{margin:12px 0 6px}.ec-empty p{margin:0;color:#8992a0}
@media(max-width:1200px){.ec-filters{grid-template-columns:repeat(3,1fr)}.ec-filters .ec-search{grid-column:1/-1}.ec-filter-button,.ec-resolve-all{width:100%}}
@media(max-width:780px){.ec-hero{padding:23px 20px}.ec-hero h2{font-size:22px}.ec-hero>i{display:none}.ec-metrics{grid-template-columns:1fr 1fr}.ec-metrics article{min-height:82px;padding:15px 16px 14px 19px}.ec-filters{grid-template-columns:1fr;padding:12px}.ec-filters .ec-search{grid-column:auto}.ec-row{grid-template-columns:auto minmax(0,1fr);padding:17px 15px}.ec-actions{grid-column:2;flex-wrap:wrap}.ec-actions button{flex:1}.ec-main h3{font-size:12px}}
@media(max-width:430px){.ec-metrics{gap:8px}.ec-metrics b{font-size:21px}.ec-hero p{font-size:11px}.ec-main small{display:block;line-height:1.5}}
.ec-filters>button{height:44px;padding:0 17px;border:0;border-radius:11px;background:linear-gradient(135deg,#7c60ec,#6246d2);color:#fff;box-shadow:0 8px 18px rgba(98,70,210,.2);font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.16s}.ec-filters>button.secondary{border:1px solid #dcd6f8;background:#f4f1ff;color:#6047cb;box-shadow:none}.ec-filters>button:hover{transform:translateY(-1px)}@media(max-width:1200px){.ec-filters>input{grid-column:1/-1}.ec-filters>button{width:100%}}