:root{--bg:#f6f7fb;--surface:#ffffff;--surface-soft:#eef1f7;--ink:#172033;--ink-muted:#647087;--border:#d9deea;--accent:#3157d5;--accent-dark:#2443a6;--danger:#b4233c;--ok:#18794e;--warning:#a15c00}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh;display:grid;grid-template-columns:16.25rem minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:1.5rem 1.125rem;border-right:1px solid var(--border);background:#111827;color:#f8fafc}.sidebar-title{font-size:1.125rem;font-weight:800;margin:0 0 .25rem}.sidebar-subtitle{margin:0 0 1.625rem;color:#aeb8ca;font-size:.8125rem}.nav-list{display:grid;gap:.375rem}.nav-link{border-radius:.5rem;padding:.625rem .75rem;color:#d7deea;font-size:.875rem;font-weight:700}.nav-link-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}button.nav-link{border:0;background:transparent;text-align:left}.nav-link.active,.nav-link:hover{background:rgba(255,255,255,.09);color:#ffffff}.sidebar-footer{position:absolute;left:1.125rem;right:1.125rem;bottom:1.25rem;display:grid;gap:.625rem;color:#aeb8ca;font-size:.75rem}.main{min-width:0}.support-context{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(11.25rem,15rem) minmax(11.25rem,17.5rem) minmax(0,1fr);gap:.75rem;align-items:end;padding:1rem 1.75rem;border-bottom:1px solid var(--border);background:rgba(246,247,251,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.context-status{color:var(--ink-muted);font-size:.75rem;line-height:1.4}.page{max-width:73.75rem;padding:1.75rem}.page-header{display:flex;justify-content:space-between;gap:1.125rem;align-items:flex-start;margin-bottom:1.5rem}.eyebrow{margin:0 0 .375rem;color:var(--ink-muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-title{margin:0;font-size:1.75rem;line-height:1.15}.page-copy{margin:.5rem 0 0;max-width:45rem;color:var(--ink-muted);line-height:1.55}.panel{border:1px solid var(--border);border-radius:.5rem;background:var(--surface);padding:1.125rem}.grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.grid,.stack{display:grid;gap:.875rem}.row{display:flex;gap:.625rem;align-items:center;flex-wrap:wrap}.field{display:grid;gap:.375rem}.field label{color:var(--ink-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.input,.select{min-height:2.5rem;width:100%;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--ink);padding:.5rem .625rem}.button{min-height:2.5rem;border:1px solid var(--accent);border-radius:.5rem;background:var(--accent);color:#ffffff;padding:.5rem .875rem;font-weight:800}.button:hover:not(:disabled){background:var(--accent-dark)}.button.secondary{border-color:var(--border);background:var(--surface);color:var(--ink)}.button.danger{border-color:var(--danger);background:var(--danger)}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.875rem}.tab{border:1px solid var(--border);border-radius:.5rem;background:var(--surface);padding:.5rem .625rem;color:var(--ink-muted);font-weight:800}.tab.active{border-color:var(--accent);color:var(--accent)}.json-card{overflow:auto;max-height:38.75rem;border:1px solid var(--border);border-radius:.5rem;background:#0f172a;color:#dbeafe;padding:.875rem;font-size:.75rem;line-height:1.5}.status-pill{display:inline-flex;align-items:center;min-height:1.5rem;border-radius:62.4375rem;padding:.1875rem .5625rem;background:var(--surface-soft);color:var(--ink-muted);font-size:.75rem;font-weight:800}.status-pill.ok{background:#e6f4ec;color:var(--ok)}.status-pill.warning{background:#fff2d8;color:var(--warning)}.status-pill.danger{background:#ffe8ed;color:var(--danger)}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;min-width:61.25rem;border-collapse:collapse;font-size:.8125rem}.data-table td,.data-table th{padding:.6875rem .625rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.data-table th{color:var(--ink-muted);font-size:.6875rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.data-table tbody tr:hover{background:var(--surface-soft)}.table-subtext{display:block;margin-top:.1875rem;font-size:.75rem}.error{color:var(--danger);font-weight:700}.muted{color:var(--ink-muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-card{width:min(100%,27.5rem);padding:1.625rem}.login-card,.ticket-message{border:1px solid var(--border);border-radius:.5rem;background:var(--surface)}.ticket-message{border-left:4px solid var(--accent);padding:.875rem}.ticket-message.internal{border-left-color:var(--warning);background:repeating-linear-gradient(135deg,#fff8ec,#fff8ec .625rem,#fff2d8 0,#fff2d8 1.25rem)}.ticket-message.internal .ticket-message-body{font-style:italic}.ticket-message-body{margin:.625rem 0 .375rem;white-space:pre-wrap;line-height:1.55}.ticket-mode-banner{margin:.75rem 0;border-radius:.5rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:700}.ticket-mode-banner.public{background:#e6f4ec;color:var(--ok)}.ticket-mode-banner.internal{background:#fff2d8;color:var(--warning)}.copyable-value{display:inline-block;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:.375rem;background:var(--surface-soft);padding:.375rem .5rem;font-size:.75rem}@media (max-width:47.5em){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar-footer{position:static;margin-top:1.125rem}.support-context{grid-template-columns:1fr}.page{padding:1.25rem}}