:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--bg: #070b16;--bg-2: #0f1729;--bg-3: #121c32;--bg-4: #0a1327;--text: #e8edf9;--muted: #8794ae;--border: rgba(120, 142, 189, .2);--accent: #3f8cff;--accent-soft: rgba(63, 140, 255, .16);--danger: #ff4e5f;--warn: #f2ac35;--ok: #0ccf98}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 0 0,rgba(42,80,165,.2),transparent 45%),var(--bg)}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:258px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg,#111a31,#0b1224);padding:24px 16px;display:flex;flex-direction:column;justify-content:space-between}.brand{padding:4px 8px 22px}.brand-title{font-size:40px;line-height:.95;font-weight:700;letter-spacing:-.02em}.brand-subtitle{margin-top:10px;font-size:14px;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:8px}.nav-link{height:44px;padding:0 12px;border-radius:10px;border:1px solid transparent;color:#9da9c3;text-decoration:none;display:flex;align-items:center;gap:10px}.nav-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-link.active{background:#3f7fde;border-color:#5c95ffe6;color:#f0f6ff}.sidebar-footer{border-top:1px solid var(--border);padding:14px 8px 0;display:flex;flex-direction:column;gap:4px}.status-text{color:#6f7d9a;font-size:12px}.content-shell{display:grid;grid-template-rows:56px 1fr}.topbar{border-bottom:1px solid var(--border);background:#0f1729db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 18px}.search-shell{height:38px;width:min(560px,100%);border:1px solid var(--border);border-radius:10px;background:#050a18a8;display:flex;align-items:center;gap:8px;padding:0 10px}.search-shell svg{width:17px;height:17px;fill:#5e6b87}.search-input{width:100%;border:0;outline:0;color:#aeb8cc;background:transparent}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-button{width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:#ffffff05;color:#a4b2ca;cursor:pointer;display:grid;place-items:center;position:relative}.icon-button svg{width:17px;height:17px;fill:currentColor}.icon-dot{width:7px;height:7px;border-radius:50%;background:#ff4e5f;position:absolute;right:7px;top:6px}.main{padding:22px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.page-title{font-size:40px;letter-spacing:-.03em;margin:0;font-weight:700}.page-subtitle{margin-top:4px;color:var(--muted);font-size:18px}.button{border:1px solid transparent;border-radius:10px;background:var(--accent);color:#fff;height:38px;padding:0 14px;font-weight:600;cursor:pointer}.button.secondary,.button.muted{background:transparent;border-color:var(--border);color:#d6deee}.button:disabled{opacity:.55;cursor:default}.dashboard-page{display:grid;gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}.metric-card,.panel-card,.filters-card,.table-shell{border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg,#141f38d9,#0b1323f2)}.metric-card{padding:16px}.metric-label{color:#8d9ab7;font-size:14px}.metric-value{margin-top:8px;font-size:40px;line-height:1;font-weight:700}.text-danger{color:#ff5965}.trend{margin-top:8px;font-size:14px}.trend span{color:#7180a0}.trend-up{color:var(--ok)}.trend-down{color:var(--danger)}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-card{padding:16px}.panel-title,.section-title{font-size:19px;font-weight:650}.line-chart-wrap{margin-top:10px;background-image:linear-gradient(rgba(119,136,174,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(119,136,174,.12) 1px,transparent 1px);background-size:22% 25%;border:1px solid var(--border);border-radius:10px;height:280px;padding:18px}.line-chart{width:100%;height:100%}.line-total,.line-errors{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line-total{stroke:#f6af2f}.line-errors{stroke:#ff575f}.bar-list{margin-top:16px;display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:120px 1fr 40px;gap:10px;align-items:center}.bar-label,.bar-value{color:#7f8eab;font-size:14px}.bar-track{height:32px;border-radius:6px;background:#ffffff08;overflow:hidden}.bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#3f7fde,#4f93ff)}.top-pages-card{overflow:hidden}.top-pages-table{width:100%;border-collapse:collapse;margin-top:12px}.top-pages-table th,.top-pages-table td{text-align:left;padding:14px 10px;border-top:1px solid rgba(118,141,188,.18)}.top-pages-table th{color:#8794ae;font-weight:550}.lang-pill{display:inline-flex;min-width:30px;height:28px;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);color:#a9b5cc}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:3px 10px;font-size:14px;font-weight:600}.status-pill.error{color:#ff6a76;background:#ff4e5f33}.status-pill.warn{color:#f2ac35;background:#f2ac3533}.status-pill.ok{color:var(--ok);background:#0ccf9833}.empty-hint,.logs-count{color:#8e9cb8;font-size:15px}.filters-card{padding:16px;margin-bottom:16px}.filters-header{display:flex;align-items:center;justify-content:space-between}.filters-grid{margin-top:16px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(160px,1fr))}.filters-grid.secondary-grid{margin-top:14px}.field{display:grid;gap:8px}.field span{color:#8a98b6;font-size:13px}.input{width:100%;height:40px;border-radius:9px;border:1px solid var(--border);background:#070e1ebf;color:#dbe3f4;padding:0 12px}.double-input{display:grid;grid-template-columns:1fr 1fr;gap:8px}.level-chip-row{display:flex;gap:8px;flex-wrap:wrap}.level-chip{border-radius:9px;border:1px solid var(--border);padding:7px 12px;background:transparent;color:#8d9ab5;font-weight:600;cursor:pointer}.level-chip.active.level-warn{border-color:#f2ac35;color:#f2ac35;background:#f2ac351f}.level-chip.active.level-error,.level-chip.active.level-fatal{border-color:#ff4e5f;color:#ff6170;background:#ff4e5f1f}.level-chip.active.level-info,.level-chip.active.level-debug{border-color:#3f8cff;color:#6ea8ff;background:#3f8cff26}.table-shell{overflow:hidden}.table-header,.table-row{display:grid;grid-template-columns:104px 92px 132px 1.6fr 1.1fr 100px 88px;gap:10px;align-items:center;padding:11px 14px}.table-header{border-bottom:1px solid var(--border);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#7f8ca9}.table-body{height:470px;overflow:auto}.table-row{font-size:14px;border-bottom:1px solid rgba(95,121,177,.14);cursor:pointer}.table-row:hover{background:#547bcc14}.table-row.row-error,.table-row.row-fatal{background:#6c1a2c29}.message-cell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.badge.level{display:inline-flex;align-items:center;justify-content:center;min-width:52px;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;border:1px solid transparent}.badge.level.warn{color:#f2ac35;border-color:#f2ac3559;background:#f2ac3524}.badge.level.error,.badge.level.fatal{color:#ff6573;border-color:#ff4e5f66;background:#ff4e5f29}.badge.level.info,.badge.level.debug{color:#59c2ff;border-color:#3f8cff66;background:#3f8cff24}.wiki-link{color:#44b8ff}.drawer{position:fixed;top:0;right:0;width:min(760px,96vw);height:100vh;overflow-y:auto;transform:translate(100%);transition:transform .2s ease;border-left:1px solid var(--border);background:#10182d;padding:16px;z-index:20}.drawer.open{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.drawer-title{font-size:42px;letter-spacing:-.03em;font-weight:700}.drawer-topline{display:flex;align-items:center;gap:10px;color:#8d9ab7;margin-bottom:14px}.drawer-message{border:1px solid var(--border);border-radius:10px;background:#050d22;padding:14px;font-size:30px;margin-bottom:16px}.drawer-section-label{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#8d9ab7;margin:10px 0 8px}.drawer-kv-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;margin-bottom:10px}.drawer-kv-value{font-size:36px}.code-block{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:28px;line-height:1.45;padding:14px;border-radius:10px;border:1px solid var(--border);background:#050d22;white-space:pre-wrap;word-break:break-word}.drawer-spacer{height:8px}@media(max-width:1360px){.metric-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.panel-grid{grid-template-columns:1fr}.filters-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media(max-width:1020px){.app-shell{grid-template-columns:1fr}.sidebar{gap:16px}.brand-title{font-size:32px}.table-header,.table-row{grid-template-columns:100px 90px 130px 1fr 90px}.table-header>:nth-child(5),.table-header>:nth-child(6),.table-row>:nth-child(5),.table-row>:nth-child(6){display:none}}