:root{color-scheme:light;--canvas:#f7f5f0;--surface:#fffdf8;--surface-muted:#efebe3;--ink:#10233f;--ink-muted:#526277;--line:#d5d0c5;--blue:#2563eb;--blue-deep:#1d4ed8;--jade:#087b5b;--jade-soft:#d9f1e8;--amber:#9a5b00;--amber-soft:#ffedc2;--red:#b42318;--red-soft:#fee4e2;--focus:#e8790a;--sidebar-width:272px;--radius-card:18px;--shadow-card:0 14px 35px rgba(16,35,63,.08);--font-sans:"Fira Sans","Noto Sans Ethiopic",sans-serif;--font-mono:"Fira Code",ui-monospace,monospace;--ease-out:.18s ease-out}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);font-family:var(--font-sans)}body{min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button,a,input{min-height:44px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-160%);padding:10px 16px;background:var(--ink);color:#fff;border-radius:8px;text-decoration:none;transition:transform var(--ease-out)}.skip-link:focus{transform:translateY(0)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100dvh}.sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);flex-direction:column;padding:26px 16px 18px;color:#f7f5f0;background:var(--ink)}.brand{display:flex;min-height:54px;align-items:center;gap:12px;padding:0 10px 22px;color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.16)}.brand strong,.brand small{display:block}.brand strong{font-size:18px;letter-spacing:-.02em}.brand small{margin-top:2px;color:#b5c5da;font-size:12px}.brand-mark{display:grid;width:30px;height:30px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;background:#f7f5f0;border-radius:8px}.brand-mark span{background:var(--blue);border-radius:2px}.brand-mark span:nth-child(2){background:var(--jade)}.brand-mark span:nth-child(3){background:var(--amber)}.primary-navigation{display:grid;gap:4px;margin-top:22px}.primary-navigation a,.mobile-sheet a{display:flex;align-items:center;gap:12px;padding:0 12px;color:#c9d4e3;font-size:15px;font-weight:600;text-decoration:none;border-radius:9px}.primary-navigation a.active{color:#fff;background:var(--blue)}.primary-navigation a:hover{color:#fff;background:#ffffff1c}.icon{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar__footer{display:grid;gap:5px;margin-top:auto;padding:16px 10px 0;color:#b5c5da;font-size:12px;border-top:1px solid rgba(255,255,255,.16)}.app-main{min-width:0;grid-column:2}.top-bar{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:18px;padding:16px clamp(20px,4vw,56px);background:#f7f5f0eb;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 5px;color:var(--ink-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.top-bar h1{margin:0;font-size:clamp(22px,3vw,30px);letter-spacing:-.03em}.top-bar__menu{display:none}.top-bar__status{display:flex;align-items:center}main{padding:clamp(20px,4vw,56px)}.content-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;max-width:1400px;margin:0 auto}.connection-panel,.safe-state{grid-column:span 6}.card{padding:clamp(22px,3vw,32px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card h2{max-width:22ch;margin:13px 0 10px;font-size:clamp(21px,2.5vw,29px);letter-spacing:-.025em}.card p:not(.eyebrow){max-width:60ch;margin:0;color:var(--ink-muted);font-size:16px;line-height:1.6}.status-badge{display:inline-flex;min-height:28px;align-items:center;padding:4px 10px;font-family:var(--font-mono);font-size:12px;font-weight:600;border:1px solid currentColor;border-radius:999px}.status-badge--success{color:var(--jade);background:var(--jade-soft)}.status-badge--warning{color:var(--amber);background:var(--amber-soft)}.status-badge--danger{color:var(--red);background:var(--red-soft)}.status-badge--neutral{color:var(--ink-muted);background:var(--surface-muted)}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 16px;font-weight:700;border:1px solid transparent;border-radius:9px;cursor:pointer;text-decoration:none;transition:transform var(--ease-out),background var(--ease-out)}.button:hover{transform:translateY(-1px)}.button--primary{color:#fff;background:var(--blue)}.button--primary:hover{background:var(--blue-deep)}.button--secondary{color:var(--ink);background:transparent;border-color:var(--line)}.button--danger{color:#fff;background:var(--red)}.safe-state__action{margin-top:20px}.skeleton{display:block;width:100%;height:16px;background:linear-gradient(90deg,var(--surface-muted),#faf8f3,var(--surface-muted));background-size:200% 100%;border-radius:4px;animation:loading 1.2s ease-in-out infinite}.skeleton--title{width:58%;height:28px}.skeleton--line{width:84%;margin-top:17px}.connection-panel .button{margin-top:20px}.icon-button{display:inline-flex;width:44px;height:44px;min-height:44px;align-items:center;justify-content:center;padding:0;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:9px;cursor:pointer}.dialog-backdrop,.mobile-sheet-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#10233f6b}.dialog{width:min(560px,calc(100vw - 32px));margin:15dvh auto;padding:24px;background:var(--surface);border-radius:var(--radius-card)}.dialog__header{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog__header h2{margin:0}.field{display:grid;gap:7px;font-weight:600}.field input{width:100%;padding:0 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px}.mobile-sheet-backdrop{display:none}.mobile-sheet{width:min(320px,calc(100vw - 36px));min-height:100dvh;padding:20px 16px;background:var(--surface);box-shadow:var(--shadow-card)}.mobile-sheet header{display:flex;min-height:48px;align-items:center;justify-content:space-between}.mobile-sheet nav{display:grid;gap:5px;margin-top:22px}.mobile-sheet a{color:var(--ink)}.mobile-sheet a.active{color:#fff;background:var(--blue)}@keyframes loading{to{background-position:-200% 0}}@media (max-width:899px){.app-shell{display:block}.sidebar{display:none}.app-main{grid-column:auto}.top-bar__menu{display:inline-flex}.top-bar{justify-content:flex-start}.top-bar__status{margin-left:auto}.mobile-sheet-backdrop{display:block}.connection-panel,.safe-state{grid-column:span 12}}@media (max-width:560px){.top-bar{min-height:76px;padding:12px 18px}.top-bar__status .status-badge{max-width:130px;text-align:center}.content-grid{gap:16px}.card{padding:22px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}