:root{--ink:#18344e;--muted:#7b8da0;--line:#e7edf1;--paper:#f5f8fa;--white:#fff;--navy:#142b46;--teal:#2cae9a;--mint:#dff4ee;--blue:#3e7fc8;--shadow:0 12px 34px rgba(24,52,78,.045)}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}.shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}
.sidebar{background:var(--navy);color:#dbe7ef;display:flex;flex-direction:column;min-height:100vh;padding:29px 18px 22px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:1px 13px 37px;color:#fff}.brand strong{display:block;font-size:20px;letter-spacing:-.06em;line-height:1.04}.brand small{display:block;font-size:8px;font-weight:800;letter-spacing:.22em;color:#9eb5c7;margin-top:4px}.brand-mark{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#90e9d0,#3abcae);display:grid;place-items:center;box-shadow:0 8px 20px rgba(65,209,181,.24)}.brand-mark span{display:block;clip-path:polygon(58% 0,13% 57%,48% 57%,38% 100%,91% 40%,57% 40%);width:19px;height:25px;background:var(--navy)}.sidebar-section-label,.overline{font-size:10px;font-weight:800;letter-spacing:.16em}.sidebar-section-label{padding:0 14px 13px;color:#758da3}.nav-links{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:9px;color:#acbfd0;font-weight:600;transition:background .2s,color .2s}.nav-link:hover{background:#1e3d59;color:#fff}.nav-link.active{background:#2d4a63;color:#fff;box-shadow:inset 3px 0 #7ddbc8}.nav-icon{font-size:23px;line-height:15px;width:20px;text-align:center;font-weight:400}.sidebar-bottom{margin-top:auto;border-top:1px solid #35506a;padding:23px 11px 1px;display:flex;gap:11px;align-items:center}.sidebar-bottom strong{display:block;font-size:12px;color:#f4faf9}.sidebar-bottom small{font-size:11px;color:#9eb5c7}.live-dot,.eyebrow-dot{display:inline-block;border-radius:50%;background:#48ceb0}.live-dot{height:9px;width:9px;box-shadow:0 0 0 4px rgba(72,206,176,.13)}
.main-column{min-width:0;display:flex;flex-direction:column}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:12px;color:#8b9ca9}.breadcrumbs strong{color:#39526a;font-weight:700}.slash{color:#bbc7d0}.topbar-link{font-size:12px;font-weight:700;color:#1e987f}.topbar-link span,.text-link span{margin-left:5px}.content{width:min(1450px,100%);padding:42px 43px 72px;margin:0 auto;flex:1}.footer{display:flex;justify-content:space-between;gap:12px;padding:20px 43px;border-top:1px solid var(--line);color:#a0adb9;font-size:11px;background:#fff}
.page-intro,.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.eyebrow{display:flex;align-items:center;gap:8px;color:#1a9984;font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:18px}.eyebrow-dot{width:6px;height:6px}.page-intro h1,.page-title h1{font-size:clamp(32px,3.5vw,50px);font-weight:750;line-height:1.07;letter-spacing:-.055em;margin-bottom:16px;color:#17334d}.page-intro h1 em,.page-title h1 em{font-style:normal;color:#32a895}.page-intro p,.page-title p{color:#73899a;font-size:14px;max-width:520px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:9px;padding:12px 18px;font-size:12px;font-weight:750;border:1px solid transparent;white-space:nowrap;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#1d9f8d;color:#fff;box-shadow:0 8px 18px rgba(26,164,143,.19)}.button-primary:hover{background:#168b7c;box-shadow:0 11px 24px rgba(26,164,143,.25)}.page-intro>.button{margin-bottom:7px}.page-title-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:#e5f5f0;color:#2aa692;font-size:34px;margin-bottom:3px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card,.panel{border:1px solid #e7edf1;background:#fff;border-radius:14px;box-shadow:var(--shadow)}.stat-card{min-height:157px;padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start}.stat-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-weight:800;margin-bottom:15px;font-size:18px}.stat-icon.blue{background:#e9f2fb;color:#357dc2}.stat-icon.teal{background:#e7f7f3;color:#25a996}.stat-icon.amber{background:#fff5e7;color:#d99a39}.stat-icon.rose{background:#fff0ef;color:#d46f6b}.stat-label{font-size:10px;letter-spacing:.13em;color:#8497a7;font-weight:800;margin-bottom:4px}.stat-card strong{font-size:29px;letter-spacing:-.05em;line-height:1.1}.stat-card small{font-size:11px;color:#a0adba;margin-top:8px}
.section-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:20px;margin-bottom:20px}.panel{min-width:0}.activity-panel{padding:25px 27px 14px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-heading h2,.search-panel h2{font-size:18px;letter-spacing:-.035em;margin:4px 0 2px}.panel-heading p,.search-panel p{font-size:12px;color:#9aaab7;margin:0}.overline{color:#32a693;font-size:9px}.panel-tag{background:#f0f5f7;color:#738b9c;border-radius:6px;padding:7px 9px;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.chart-wrap{margin-top:22px;overflow:hidden}.chart{width:100%;height:auto;min-height:180px;display:block}.chart-axis{stroke:#cfdce4;stroke-width:1}.chart-guide{stroke:#edf1f4;stroke-width:1;stroke-dasharray:3 5}.chart-bar{fill:#59c4b4}.chart-bar:hover{fill:#1c9b89}.chart-label{fill:#98a8b7;font-size:10px;font-family:inherit}.search-panel{padding:27px;display:flex;flex-direction:column}.search-panel h2{font-size:20px;margin-top:5px}.search-panel p{max-width:250px;line-height:1.6;margin-bottom:26px}.quick-search{display:flex;flex-direction:column;margin-top:auto}.quick-search label,.field label{display:block;color:#5b7084;font-size:11px;font-weight:750;margin-bottom:8px}.quick-search input,.field input,.field select{background:#fbfcfd;border:1px solid #dce6ec;border-radius:8px;outline:none;min-height:42px;padding:10px 12px;color:#18344e;width:100%;transition:border .2s,box-shadow .2s}.quick-search input:focus,.field input:focus,.field select:focus{border-color:#60c6b5;box-shadow:0 0 0 3px #e3f6f1}.quick-search .button{margin-top:13px;width:100%;justify-content:space-between}.search-note{margin-top:22px;border-top:1px solid var(--line);padding-top:15px;display:flex;gap:9px;align-items:center;color:#9aabb8;font-size:10px}.note-icon{border:1px solid #b3c3cd;border-radius:50%;width:15px;height:15px;display:grid;place-items:center;font-size:10px;font-weight:700}
.recent-panel,.results-panel{padding:25px 27px 0}.recent-panel .panel-heading,.results-panel .panel-heading{padding-bottom:21px}.text-link{color:#1c9a86;font-size:11px;font-weight:800;white-space:nowrap;margin-top:17px}.text-link:hover{text-decoration:underline}.table-scroll{overflow-x:auto;margin:0 -27px}.data-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.data-table th{background:#f9fbfc;color:#9cabb8;font-size:9px;font-weight:800;letter-spacing:.12em;padding:14px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-table td{padding:15px 20px;border-bottom:1px solid #edf1f4;color:#506b7f;font-size:11px;vertical-align:top;overflow-wrap:anywhere}.data-table tr:last-child td{border-bottom:0}.data-table th:first-child,.data-table td:first-child{padding-left:27px;width:21%}.data-table th:nth-child(2){width:24%}.data-table th:nth-child(3){width:30%}.data-table th:nth-child(4){width:10%}.data-table th:nth-child(5){width:15%}.station-cell{font-weight:750;color:#21425c!important}.station-glyph{display:inline-grid;place-items:center;width:24px;height:24px;background:#eaf6f2;border-radius:7px;color:#31a995;margin-right:9px;font-size:11px}.event-name{font-weight:650;color:#50687b}.message-cell{line-height:1.5}.level{border-radius:20px;padding:5px 8px;font-size:10px;font-weight:750;display:inline-block;line-height:1}.level-I{background:#e8f5f0;color:#22947c}.level-D{background:#eaf2fc;color:#437eb9}.level-E{background:#fff0ec;color:#d46d5d}.level-N{background:#f0f2f4;color:#7f8c98}.time-cell{white-space:nowrap;color:#8a9cad!important}.empty-cell{text-align:center;padding:45px 20px!important;color:#8193a3!important}.empty-cell strong,.empty-cell span{display:block}.empty-cell strong{color:#40576b;font-size:14px;margin-bottom:4px}
.page-title{margin-bottom:30px}.page-title h1{font-size:clamp(30px,3.2vw,43px)}.filters-panel{padding:24px 27px 27px;margin-bottom:20px}.filters-panel .panel-heading{margin-bottom:22px}.filters-grid{display:grid;grid-template-columns:2fr repeat(4,minmax(130px,1fr)) auto;align-items:end;gap:13px}.field{min-width:0}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%237b8da0' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:28px}.filter-button{min-height:42px}.results-table td{padding-top:18px;padding-bottom:18px}.message-details{margin-top:9px}.message-details summary{color:#279f8c;font-weight:750;cursor:pointer;width:max-content}.message-details pre{max-width:500px;max-height:200px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f9fa;border:1px solid var(--line);padding:12px;border-radius:8px;font-family:ui-monospace,Consolas,monospace;font-size:10px;color:#476073}.pagination{display:flex;align-items:center;justify-content:space-between;padding:18px 0;color:#9cabb9;font-size:11px}.pagination>div{display:flex;gap:8px}.page-button{border:1px solid #dce6ec;border-radius:7px;padding:8px 11px;color:#3c6477;font-weight:700}.page-button:hover{border-color:#2cae9a;color:#1b9b85}.error-state{text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:80px 20px;margin:30px auto;max-width:660px}.error-code{font-size:90px;color:#dceeea;font-weight:850;line-height:1;letter-spacing:-.08em}.error-state h1{font-size:27px;margin:10px 0}.error-state p{color:#889cac;margin-bottom:25px}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-wide{grid-column:span 2}.filter-button{grid-column:3}.data-table{min-width:850px}}@media(max-width:800px){.shell{display:block}.sidebar{position:static;height:auto;min-height:0;display:flex;flex-direction:row;align-items:center;padding:12px 18px}.brand{padding:0;margin-right:auto}.sidebar-section-label,.sidebar-bottom{display:none}.nav-links{display:flex;gap:4px}.nav-link{padding:10px;font-size:11px}.nav-icon{display:none}.topbar{height:58px;padding:0 20px}.content{padding:27px 20px 50px}.footer{padding:20px}.section-grid{grid-template-columns:1fr}.search-panel p{max-width:none}.page-intro{align-items:flex-start}.page-intro>.button{align-self:flex-end}.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-wide{grid-column:span 2}.filter-button{grid-column:span 2}}@media(max-width:560px){.brand strong{font-size:17px}.brand small{font-size:7px}.brand-mark{width:30px;height:30px}.nav-link{font-size:10px;padding:8px}.topbar-link{display:none}.page-intro,.page-title{display:block}.page-intro>.button{margin-top:22px}.page-title-icon{display:none}.stats-grid{gap:10px}.stat-card{padding:16px;min-height:138px}.stat-card strong{font-size:23px}.stat-label{font-size:9px}.stat-card small{font-size:10px}.activity-panel,.search-panel,.recent-panel,.results-panel,.filters-panel{padding-left:18px;padding-right:18px}.table-scroll{margin-left:-18px;margin-right:-18px}.data-table th:first-child,.data-table td:first-child{padding-left:18px}.filters-grid{grid-template-columns:1fr}.field-wide,.filter-button{grid-column:span 1}.footer{display:block}.footer span{display:block;margin:3px 0}}