.elogr-app{background:#021520;color:#e5eef7;padding:24px;border-radius:24px;font-family:Inter,Arial,sans-serif}
.elogr-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.elogr-topbar h2{margin:0;font-size:34px;font-weight:700;color:#f6fbff}.elogr-breadcrumb{font-size:12px;color:#7fa5c7;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.elogr-search-wrap input{width:280px;max-width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(150,170,190,.18);background:#081e2d;color:#eef6ff}
.elogr-filters{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:12px;margin-bottom:18px}.elogr-filters select,.elogr-filters button{padding:12px 14px;border-radius:12px;border:1px solid rgba(150,170,190,.18);background:#081e2d;color:#eef6ff}.elogr-filters button{background:linear-gradient(135deg,#2f8cff,#00b8ff);color:#fff;font-weight:700;cursor:pointer}
.elogr-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.elogr-grid{display:grid;gap:16px;margin-bottom:16px}.elogr-grid.two{grid-template-columns:1fr 1fr}
.elogr-card{position:relative;background:#051b2a;border:1px solid rgba(150,170,190,.16);border-radius:18px;padding:18px;box-shadow:0 14px 30px rgba(0,0,0,.18);overflow:hidden}.elogr-card:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--accent,#2f8cff)}.elogr-card:after{content:"";position:absolute;inset:auto -60px -60px auto;width:180px;height:180px;background:radial-gradient(circle, rgba(255,255,255,.08), transparent 60%);pointer-events:none}
.elogr-card .label,.elogr-card .card-title{font-size:15px;font-weight:700;color:#f3f8ff;margin-bottom:12px}.elogr-card .value{font-size:54px;line-height:1;font-weight:800;padding-top:8px;color:#fff;text-align:center}.elogr-table-wrap{overflow:auto}.elogr-table-wrap table{width:100%;border-collapse:collapse}.elogr-table-wrap th,.elogr-table-wrap td{padding:10px 12px;border-bottom:1px solid rgba(150,170,190,.12);font-size:13px;text-align:left;vertical-align:top}.elogr-table-wrap th{color:#d7ebff;font-weight:700;background:rgba(255,255,255,.04);position:sticky;top:0}canvas{max-height:340px}.elogr-muted{color:#c2d9ef}
.card-blue{--accent:#2f8cff;background:linear-gradient(160deg,rgba(47,140,255,.16),rgba(5,27,42,.98) 55%)}.card-green{--accent:#00c2a8;background:linear-gradient(160deg,rgba(0,194,168,.16),rgba(5,27,42,.98) 55%)}.card-violet{--accent:#7c5cff;background:linear-gradient(160deg,rgba(124,92,255,.16),rgba(5,27,42,.98) 55%)}.card-orange{--accent:#ff9f1a;background:linear-gradient(160deg,rgba(255,159,26,.16),rgba(5,27,42,.98) 55%)}.card-cyan{--accent:#00b8ff;background:linear-gradient(160deg,rgba(0,184,255,.16),rgba(5,27,42,.98) 55%)}.card-rose{--accent:#f43f5e;background:linear-gradient(160deg,rgba(244,63,94,.16),rgba(5,27,42,.98) 55%)}.card-red{--accent:#ff6b6b;background:linear-gradient(160deg,rgba(255,107,107,.16),rgba(5,27,42,.98) 55%)}.card-neutral{--accent:#8eb4d6;background:linear-gradient(160deg,rgba(142,180,214,.12),rgba(5,27,42,.98) 55%)}
@media(max-width:1100px){.elogr-filters,.elogr-kpis,.elogr-grid.two{grid-template-columns:1fr}.elogr-card .value{font-size:42px}}