:root{--color-bg: #f6f7f8;--color-text: #202124;--color-surface: #ffffff;--color-border: #d6dadd;--color-border-soft: #eceff1;--color-muted: #5f666b;--color-muted-surface: #f6f7f8;--color-primary: #13766f;--color-primary-strong: #202124;--color-on-primary: #ffffff;--color-input-border: #b9c0c5;--color-row-hover: #f0faf8;--color-bar-track: #e8ebed;--color-alert-bg: #fff2f4;--color-alert-border: #c83e4d;--color-alert-text: #8f1f2b;--color-code-bg: #101214;--color-code-text: #f7f9fa;--severity-text: #202124;--severity-trace: #e9ecef;--severity-debug: #dff5ef;--severity-info: #dff0ff;--severity-warn: #fff2b8;--severity-error: #ffd6dd;--severity-fatal: #f4c2ff;color:var(--color-text);color-scheme:light;background:var(--color-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0}:root[data-theme=dark]{--color-bg: #111312;--color-text: #eff4f1;--color-surface: #1a1d1b;--color-border: #343a36;--color-border-soft: #2a302c;--color-muted: #9da8a2;--color-muted-surface: #242a27;--color-primary: #43b7aa;--color-primary-strong: #43b7aa;--color-on-primary: #071312;--color-input-border: #56615b;--color-row-hover: #20332f;--color-bar-track: #2c3430;--color-alert-bg: #361b22;--color-alert-border: #ff8fa0;--color-alert-text: #ffd8de;--color-code-bg: #050706;--color-code-text: #eaf4ef;--severity-text: #f4fbf8;--severity-trace: #343a40;--severity-debug: #15493c;--severity-info: #153f63;--severity-warn: #685314;--severity-error: #6a2430;--severity-fatal: #552164;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg);color:var(--color-text)}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app-shell{--app-edge-padding: 18px;width:100%;min-height:100vh;padding:16px var(--app-edge-padding)}.auth-only-shell{display:grid;align-content:center;gap:14px;justify-items:center;min-height:100vh;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.topbar-title{display:flex;align-items:center;gap:12px;min-width:0}.menu-button{width:42px;height:42px;border:1px solid var(--color-border)!important;border-radius:8px!important;background:var(--color-surface)!important;color:var(--color-text)!important}.drawer-shell{width:300px;padding:16px 8px}.drawer-title{display:grid;gap:4px;padding:8px 16px 16px}.drawer-title strong{font-size:1.1rem}.drawer-title span{color:var(--color-muted);font-size:.85rem}.eyebrow{margin:0 0 4px;color:var(--color-primary);font-size:.85rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:2rem;line-height:1.1}h2{margin-bottom:14px;font-size:1.05rem}h3{margin-bottom:8px;font-size:.95rem}.topbar-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.theme-switch{min-height:40px;margin:0!important;padding:0 8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.project-menu-button{display:inline-grid;grid-template-columns:minmax(170px,260px) auto auto;align-items:center;gap:10px;min-height:40px;padding:4px 8px 4px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);text-align:left}.project-menu-button>span{display:grid;gap:1px;min-width:0}.project-menu-button span span,.project-menu-button em{color:var(--color-muted);font-size:.8rem;font-weight:800;font-style:normal}.project-menu-button strong{overflow:hidden;color:var(--color-text);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.project-menu-button svg{color:var(--color-muted)}.project-menu-paper{min-width:320px;max-width:min(420px,calc(100vw - 24px));border:1px solid var(--color-border);border-radius:8px!important;background:var(--color-surface)!important;color:var(--color-text)!important}.project-menu-create,.project-menu-item{min-height:54px}.project-menu-create .MuiListItemIcon-root,.project-menu-item .MuiListItemIcon-root{min-width:36px;color:var(--color-primary)}.project-menu-create .MuiListItemText-primary,.project-menu-item .MuiListItemText-primary{overflow:hidden;color:var(--color-text);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.project-menu-create .MuiListItemText-secondary,.project-menu-item .MuiListItemText-secondary{color:var(--color-muted)}.project-menu .Mui-selected{background:var(--color-row-hover)!important}.user-chip{display:inline-flex;align-items:center;max-width:260px;min-height:40px;overflow:hidden;padding:0 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-muted);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid var(--color-primary-strong);border-radius:8px;background:var(--color-primary-strong);color:var(--color-on-primary);font-weight:700;text-decoration:none}.button.secondary{background:var(--color-surface);color:var(--color-text)}.button.secondary.danger{border-color:var(--color-alert-border);color:var(--color-alert-text)}.alert{margin-bottom:16px;padding:12px 14px;border:1px solid var(--color-alert-border);border-radius:8px;background:var(--color-alert-bg);color:var(--color-alert-text)}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 14px;border:1px solid var(--color-primary);border-radius:8px;background:var(--color-muted-surface);color:var(--color-text)}.notice button{border:0;background:transparent;color:var(--color-primary);font-weight:800}.auth-gate{display:grid;gap:18px;max-width:540px;width:min(540px,100%);margin:0 auto;padding:24px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.auth-gate h2{margin-bottom:8px;font-size:1.6rem}.page-panel{display:grid;gap:14px;padding:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.compact-panel{max-width:680px;margin:10vh auto 0}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-header h2,.panel-header p{margin-bottom:4px}.project-form,.member-form{display:grid;align-items:start;gap:12px}.project-form{grid-template-columns:minmax(220px,.8fr) auto;max-width:680px}.member-form{grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr) minmax(130px,.4fr) auto}.subscription-form{display:grid;gap:14px;padding-top:4px}.query-preview{display:grid;gap:6px;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-muted-surface)}.query-preview span{color:var(--color-muted);font-size:.8rem;font-weight:800}.query-preview strong{overflow-wrap:anywhere}.notification-target-block{display:grid;gap:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.field-label{display:grid;gap:6px;color:var(--color-muted);font-size:.8rem;font-weight:800}.field-label select{min-height:40px;padding:8px 10px;border:1px solid var(--color-input-border);border-radius:8px;background:var(--color-surface);color:var(--color-text)}.permission-notice{padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-muted-surface);color:var(--color-muted);font-weight:700}.status-grid,.analytics-grid{display:grid;gap:10px;margin-bottom:12px}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-controls{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px;margin-bottom:12px;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.analytics-controls label{display:grid;gap:6px;color:var(--color-muted);font-size:.85rem;font-weight:700}.analytics-controls label>input,.analytics-controls label>select{width:100%}.analytics-controls label>input{min-height:40px;padding:8px 10px;border:1px solid var(--color-input-border);border-radius:8px;outline:none;background:var(--color-surface);color:var(--color-text);caret-color:var(--color-primary)}.analytics-controls label>input::placeholder{color:var(--color-muted);opacity:.78}.analytics-controls label>input:hover{border-color:var(--color-primary)}.analytics-controls label>input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 22%,transparent)}.analytics-controls input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.75}:root[data-theme=dark] .analytics-controls input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1)}.analytics-select .MuiOutlinedInput-root{min-height:40px;border-radius:8px;background:var(--color-surface);color:var(--color-text)}.analytics-select .MuiOutlinedInput-notchedOutline{border-color:var(--color-input-border)}.analytics-select .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--color-primary)}.analytics-select .MuiSelect-icon{color:var(--color-muted)}.analytics-mobile-filter-bar{display:none;margin-bottom:8px}.analytics-filter-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);text-align:left}.analytics-filter-toggle-copy{display:grid;min-width:0;gap:2px}.analytics-filter-toggle-copy strong{font-size:.9rem}.analytics-filter-toggle-copy small{overflow:hidden;color:var(--color-muted);font-size:.78rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.filter-count,.filter-toggle-action{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 8px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-muted);font-size:.78rem;font-weight:800;white-space:nowrap}.filter-count.active{border-color:var(--color-primary);color:var(--color-primary)}.filter-toggle-action{background:var(--color-muted-surface);color:var(--color-text)}.analytics-grid{grid-template-columns:minmax(260px,.8fr) minmax(260px,.8fr) minmax(320px,1.4fr)}.metric,.analytics-panel,.explorer,.details{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.metric{min-height:72px;padding:14px}.metric span{display:block;margin-bottom:8px;color:var(--color-muted);font-size:.85rem}.metric strong{display:block;overflow-wrap:anywhere;font-size:1.4rem}.settings-page{display:grid;gap:18px;padding-top:4px}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--color-border)}.settings-header h2,.settings-header p{margin-bottom:4px}.settings-header strong{color:var(--color-muted);white-space:nowrap}.settings-key-form{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(220px,.55fr) auto;align-items:start;gap:12px;max-width:980px}.settings-key-form button{min-height:40px}.client-install-strip{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;max-width:980px;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-muted-surface)}.client-install-heading{display:grid;gap:2px;min-width:116px}.client-install-heading span{color:var(--color-muted);font-size:.85rem;font-weight:800}.client-install-heading small{color:var(--color-primary);font-size:.78rem;font-weight:800}.package-install-row{display:grid;grid-template-columns:auto minmax(130px,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid var(--color-border-soft);border-radius:8px;background:var(--color-surface)}.package-install-row strong{color:var(--color-text);font-size:.86rem}.package-install-row code{min-width:0;overflow:hidden;padding:5px 7px;border-radius:8px;background:var(--color-code-bg);color:var(--color-code-text);font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.package-copy-button{border-color:var(--color-border);background:var(--color-muted-surface)}.package-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid var(--color-primary);border-radius:8px;background:transparent;color:var(--color-primary);font-size:.86rem;font-weight:800;text-decoration:none}.copy-status{align-self:center;color:var(--color-primary);font-size:.85rem;font-weight:800}.generated-key{display:grid;gap:6px}.generated-key-header,.generated-key-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.generated-key-header{justify-content:space-between}.generated-key span{color:var(--color-muted);font-size:.85rem;font-weight:800}.button.compact{min-height:32px;padding:6px 10px}.key-menu-button{width:34px;height:34px;border:1px solid var(--color-border)!important;border-radius:8px!important;background:var(--color-surface)!important;color:var(--color-text)!important}.generated-key small{color:var(--color-muted)}.generated-key code,.key-row code{display:block;overflow:auto;padding:8px;border-radius:8px;background:var(--color-code-bg);color:var(--color-code-text);white-space:nowrap}.settings-generated-key{max-width:980px}.settings-section{display:grid;gap:10px}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.settings-maintenance{display:grid;gap:10px;max-width:980px}.settings-maintenance-card,.lookup-maintenance-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--color-border);border-radius:8px}.settings-maintenance-card{background:var(--color-surface)}.settings-maintenance-card h3,.settings-maintenance-card p,.lookup-maintenance-item p{margin:0}.settings-maintenance-card>div,.lookup-maintenance-item>div{display:grid;gap:4px;min-width:0}.lookup-maintenance-results{display:grid;gap:8px}.lookup-maintenance-item{background:var(--color-muted-surface)}.lookup-maintenance-item span{color:var(--color-muted);font-weight:700;white-space:nowrap}.settings-section h2{margin-bottom:0}.key-list{display:grid;grid-column:1 / -1;grid-template-columns:1fr;gap:8px}.key-row{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(150px,.9fr) minmax(160px,.9fr) minmax(160px,.9fr) minmax(130px,.7fr) minmax(120px,.8fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--color-border-soft);border-radius:8px}.key-row-revoked{opacity:.72}.key-row div{display:grid;gap:2px;min-width:0}.key-row span{color:var(--color-muted);overflow-wrap:anywhere}.member-list{display:grid;gap:8px}.member-add-toggle{width:fit-content}.subscription-list{display:grid;gap:10px}.subscription-row{display:grid;gap:10px;padding:12px;border:1px solid var(--color-border-soft);border-radius:8px;background:var(--color-surface)}.subscription-main,.subscription-actions,.subscription-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.subscription-main{justify-content:space-between}.subscription-main h3,.subscription-main p{margin-bottom:2px}.subscription-meta{color:var(--color-muted);font-size:.85rem}.state-pill{display:inline-flex;align-items:center;min-height:28px;padding:2px 8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-muted-surface);color:var(--color-muted);font-weight:800}.state-pill.enabled{border-color:var(--color-primary);color:var(--color-primary)}.member-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.55fr) minmax(170px,.75fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--color-border-soft);border-radius:8px}.member-row>div{display:grid;gap:2px;min-width:0}.member-row strong{overflow-wrap:anywhere}.member-row span{color:var(--color-muted);overflow-wrap:anywhere}.member-card{display:grid;gap:10px;padding:10px;border:1px solid var(--color-border-soft);border-radius:8px;background:var(--color-surface)}.member-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.member-card-identity{display:grid;gap:2px;min-width:0}.member-card-identity strong,.member-card-identity span{overflow-wrap:anywhere}.member-card-identity span,.member-card-meta,.member-card-note{color:var(--color-muted)}.member-card-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;font-weight:700}.member-card-note{font-size:.85rem;font-weight:700}.member-card-actions{display:grid;gap:8px;padding-top:2px}.member-manage-button{justify-self:start}.role-pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:2px 8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-muted-surface);color:var(--color-muted);font-size:.78rem;font-weight:900;text-transform:capitalize;white-space:nowrap}.role-pill.role-owner{border-color:var(--color-primary);color:var(--color-primary)}.role-pill.role-admin{border-color:color-mix(in srgb,var(--color-primary) 68%,var(--color-border));color:var(--color-text)}.role-pill.role-member{color:var(--color-text)}.member-role-select .MuiOutlinedInput-root{min-height:40px;border-radius:8px;background:var(--color-surface);color:var(--color-text)}.member-role-select .MuiOutlinedInput-notchedOutline{border-color:var(--color-input-border)}.member-role-select .MuiSelect-icon{color:var(--color-muted)}.analytics-panel{min-height:154px;padding:14px}.analytics-panel.wide{grid-column:1 / -1}.severity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.severity-tile{min-height:58px;padding:10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);text-align:left}.severity-tile span,.severity-tile strong{display:block}.severity-tile strong{margin-top:6px;font-size:1.25rem}.tag-list,.inline-tags{display:flex;flex-wrap:wrap;gap:6px}.tag-pill,.inline-tags span,.inline-tags button{min-height:28px;padding:4px 8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-muted-surface);color:var(--color-text)}.tag-pill span{margin-left:8px;color:inherit;opacity:.75}.timeseries{display:grid;gap:6px}.breakdown-list{display:grid;gap:8px}.breakdown-row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(120px,1fr) 44px;align-items:center;gap:8px;min-height:26px;font-size:.85rem}.bar-row{display:grid;grid-template-columns:72px minmax(120px,1fr) 44px;align-items:center;gap:8px;min-height:24px;font-size:.85rem}.bar-track{height:10px;overflow:hidden;border-radius:8px;background:var(--color-bar-track)}.bar-fill{height:100%;border-radius:8px;background:var(--color-primary)}.stacked-bar{display:flex}.stacked-bar .bar-fill{min-width:3px;border-radius:0}.stacked-bar .bar-fill:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.stacked-bar .bar-fill:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.analytics-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.analytics-legend span{min-height:24px;padding:3px 7px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-muted-surface);font-size:.78rem}.workspace{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(360px,.7fr);gap:12px;align-items:start;min-height:calc(100vh - 250px)}.explorer,.details{min-height:calc(100vh - 250px)}.filters{display:grid;grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(140px,.55fr)) auto;gap:10px;padding:12px;border-bottom:1px solid var(--color-border)}.mobile-filter-toggle{display:none}.filters label{display:grid;gap:6px;color:var(--color-muted);font-size:.85rem;font-weight:700}.filters label>input,.filters label>select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--color-input-border);border-radius:8px;background:var(--color-surface);color:var(--color-text)}.filter-combobox{width:100%}.filter-combobox .MuiOutlinedInput-root{min-height:40px;align-content:center;padding:3px 8px;border-radius:8px;background:var(--color-surface);color:var(--color-text)}.filter-combobox .MuiOutlinedInput-notchedOutline{border-color:var(--color-input-border)}.filter-combobox .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--color-primary)}.filter-combobox .MuiChip-root{max-width:calc(100% - 8px);height:26px;border:1px solid var(--color-border-soft);border-radius:8px;background:var(--color-muted-surface);color:var(--color-text);font-weight:700}.filter-combobox .MuiChip-label{overflow:hidden;text-overflow:ellipsis}.filter-combobox .MuiAutocomplete-input{min-width:72px!important;color:var(--color-text)}.filter-combobox .MuiSvgIcon-root{color:var(--color-muted)}.filter-action{align-self:end;white-space:nowrap}.log-rate-strip{display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--color-border);background:var(--color-muted-surface)}.log-rate-strip div{display:grid;gap:3px}.log-rate-strip span,.log-rate-strip p{margin:0;color:var(--color-muted);font-size:.84rem}.log-rate-strip strong{font-size:1.2rem}.log-rate-strip.hot{border-bottom-color:var(--color-alert-border);background:var(--severity-warn)}.log-rate-strip.hot strong{color:var(--color-alert-text)}.log-rate-strip.searching{background:var(--color-surface)}.log-rate-strip.searching strong{color:var(--color-primary)}.log-info-strip{grid-template-columns:minmax(250px,auto) minmax(0,1fr);padding:8px 12px}.log-info-strip .log-info-metrics{display:flex;flex-wrap:wrap;gap:14px}.log-info-strip p{display:flex;flex-wrap:wrap;gap:6px}.log-info-strip p span+span:before{content:"/";margin-right:6px;color:var(--color-muted)}.table-shell{min-height:calc(100vh - 345px);max-height:calc(100vh - 345px);overflow:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{padding:10px 12px;border-bottom:1px solid var(--color-border-soft);overflow-wrap:anywhere;text-align:left;vertical-align:top}th{color:var(--color-muted);font-size:.8rem}tbody tr{min-height:56px}tbody tr:hover,.selected-row{background:var(--color-row-hover)}.mobile-log-list{display:grid}.mobile-log-row{display:grid;width:100%;gap:7px;padding:12px;border:0;border-bottom:1px solid var(--color-border-soft);background:transparent;color:var(--color-text);text-align:left}.mobile-log-row:hover,.mobile-log-row.selected{background:var(--color-row-hover)}.mobile-log-head{display:flex;min-width:0;align-items:center;gap:8px}.mobile-log-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-log-meta{display:flex;min-width:0;gap:6px;overflow:hidden;color:var(--color-muted);font-size:.82rem;font-weight:700}.mobile-log-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-log-meta span+span:before{content:"/";margin-right:6px;color:var(--color-muted)}.mobile-log-body{display:-webkit-box;margin:0;overflow:hidden;color:var(--color-muted);font-size:.9rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-log-tags{display:flex;gap:6px;overflow-x:auto;padding-bottom:1px}.mobile-log-tags span{flex:0 0 auto;padding:2px 7px;border:1px solid var(--color-border-soft);border-radius:8px;font-size:.78rem;font-weight:800}.mobile-detail-sheet{max-height:86vh;overflow:auto;padding:14px;background:var(--color-surface);color:var(--color-text)}.mobile-detail-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-14px -14px 14px;padding:10px 14px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.log-boundary{display:grid;justify-items:center;gap:6px;margin:12px;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-muted-surface);color:var(--color-muted);font-size:.85rem;text-align:center}.log-boundary strong{color:var(--color-text)}.log-boundary-line{width:min(280px,70%);height:3px;border-radius:8px;background:var(--color-border)}.log-boundary.loading .log-boundary-line{background:linear-gradient(90deg,var(--color-border),var(--color-primary),var(--color-border))}.log-boundary.complete .log-boundary-line{background:var(--color-primary)}.severity-badge{display:inline-flex;align-items:center;min-height:26px;padding:2px 8px;border-radius:8px;color:var(--severity-text);font-size:.8rem;font-weight:800}.severity-trace{background:var(--severity-trace)}.severity-debug{background:var(--severity-debug)}.severity-info,.severity-all{background:var(--severity-info)}.severity-warn{background:var(--severity-warn)}.severity-error{background:var(--severity-error)}.severity-fatal{background:var(--severity-fatal)}.details{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;padding:14px}.detail-content{display:grid;gap:18px}.detail-content h2{margin:10px 0 0;overflow-wrap:anywhere;font-size:1.35rem}dl{display:grid;gap:10px;margin:0}dl div{display:grid;gap:4px}dt{color:var(--color-muted);font-size:.8rem;font-weight:700}dd{margin:0;overflow-wrap:anywhere}.link-button{padding:0;border:0;background:transparent;color:var(--color-primary);font-weight:800}pre{max-height:280px;margin:0;overflow:auto;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-code-bg);color:var(--color-code-text);white-space:pre-wrap;overflow-wrap:anywhere}.empty-state,.empty-detail,.muted{color:var(--color-muted)}.empty-state,.empty-detail{padding:24px}@media(max-width:1100px){.status-grid,.analytics-grid,.analytics-controls,.workspace,.filters,.log-rate-strip,.settings-key-form,.settings-grid,.project-form,.member-form,.member-row{grid-template-columns:1fr 1fr}.analytics-panel.wide,.explorer,.details,.key-list{grid-column:1 / -1}.details{position:static;max-height:none}}@media(max-width:720px){.app-shell{--app-edge-padding: 12px;padding:12px var(--app-edge-padding)}.topbar{align-items:stretch;flex-direction:column}.topbar-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:6px}.topbar-actions .project-menu-button{grid-column:1 / -1}.topbar-actions .theme-switch,.topbar-actions .button,.topbar-actions .user-chip{min-height:34px;padding:0 8px;font-size:.84rem}.topbar-actions .theme-switch{justify-content:center}.topbar-actions .theme-switch .MuiSwitch-root{width:44px;height:30px;padding:6px}.topbar-actions .theme-switch .MuiSwitch-switchBase{padding:8px}.topbar-actions .theme-switch .MuiSwitch-thumb{width:14px;height:14px}.topbar-actions .theme-switch .MuiSwitch-track{border-radius:12px}.topbar-actions .user-chip{display:none}.client-install-strip{grid-template-columns:1fr}.members-page{gap:10px}.members-page .settings-header{align-items:center;gap:10px;padding-bottom:10px}.members-page .settings-header h2{margin-bottom:2px}.members-page .settings-header strong{font-size:.86rem}.member-add-toggle{width:100%}.member-form-compact{padding:10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.member-list{gap:8px}.member-card{padding:10px}.member-card-head{gap:8px}.member-card-identity strong{font-size:.98rem}.member-card-identity span{font-size:.84rem}.member-card-actions .button{width:100%}.client-install-heading{grid-template-columns:1fr auto}.package-install-row{grid-template-columns:1fr auto auto}.package-install-row code{grid-column:1 / -1;grid-row:2;white-space:normal;overflow-wrap:anywhere}.status-grid,.analytics-grid,.analytics-controls,.workspace,.filters,.log-rate-strip,.settings-maintenance,.settings-key-form,.settings-grid,.project-form,.member-form,.member-row,.key-row,.severity-grid{grid-template-columns:1fr}.analytics-mobile-filter-bar{display:block}.settings-maintenance-card,.lookup-maintenance-item{align-items:stretch;flex-direction:column}.lookup-maintenance-item span{white-space:normal}.analytics-controls{gap:8px;margin-bottom:8px;padding:10px}.analytics-controls label{gap:4px;font-size:.78rem}.analytics-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}.analytics-status-grid .metric{min-height:48px;padding:8px}.analytics-status-grid .metric span{overflow:hidden;margin-bottom:3px;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.analytics-status-grid .metric strong{font-size:.98rem}.analytics-grid{gap:8px;margin-bottom:8px}.analytics-panel{min-height:0;padding:10px}.analytics-panel h2{margin-bottom:8px;font-size:1rem}.analytics-severity-panel{order:1}.analytics-tags-panel{order:2}.analytics-volume-panel{order:3}.analytics-sources-panel{order:4}.severity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.severity-tile{min-height:48px;padding:8px}.severity-tile strong{margin-top:3px;font-size:1.05rem}.tag-list,.analytics-legend{gap:5px}.tag-pill,.analytics-legend span{min-height:26px;padding:3px 7px;font-size:.78rem}.breakdown-list{gap:6px}.breakdown-row{grid-template-columns:minmax(0,1fr) 42px;gap:6px}.breakdown-row .bar-track{grid-column:1 / -1;grid-row:2}.breakdown-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-menu-button{grid-template-columns:minmax(0,1fr) auto auto;width:100%;min-height:36px}.bar-row{grid-template-columns:minmax(0,1fr) 36px;gap:5px;min-height:28px}.bar-row>span{overflow:hidden;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap}.bar-row .stacked-bar{grid-column:1 / -1;grid-row:2}.bar-row strong,.breakdown-row strong{text-align:right}}@media(max-width:820px),(max-aspect-ratio:4 / 5){.workspace{grid-template-columns:1fr;gap:0;margin-right:calc(var(--app-edge-padding) * -1);margin-left:calc(var(--app-edge-padding) * -1);min-height:calc(100vh - 190px)}.explorer{min-height:calc(100vh - 190px)}.mobile-filter-toggle{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border-bottom:1px solid var(--color-border)}.mobile-filter-toggle .button{flex:1 1 150px}.filters{display:none;grid-template-columns:1fr;padding:10px 12px;border-bottom:1px solid var(--color-border);background:var(--color-muted-surface)}.filters.mobile-open{display:grid}.filters .filter-action{display:none}.log-info-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:5px 10px}.log-info-strip .log-info-metrics{display:flex;min-width:0;flex:1;gap:12px}.log-info-strip .log-info-metrics>div{display:flex;min-width:0;align-items:baseline;gap:5px}.log-info-strip span{font-size:.72rem;white-space:nowrap}.log-info-strip strong{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.log-info-strip p{display:none}.mobile-log-shell{min-height:calc(100vh - 242px);max-height:calc(100vh - 242px)}.mobile-log-row{min-height:92px;padding-right:10px;padding-left:10px}.mobile-log-row .severity-badge{flex:0 0 auto}.log-boundary{margin:8px}}