:root{color:#111827;font-synthesis:none;--od-primary:#2563eb;--od-primary-soft:#eff6ff;--od-primary-border:#bfdbfe;--od-success:#15803d;--od-success-soft:#f0fdf4;--od-warning:#b45309;--od-warning-soft:#fffbeb;--od-text:#111827;--od-text-body:#374151;--od-text-muted:#6b7280;--od-border:#e5e7eb;--od-sidebar-width:250px;--od-content-max:1180px;background:#f8f9fb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;color:var(--od-text);background:#f8f9fb}button,a,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--od-primary);outline-offset:2px}.app-shell{grid-template-columns:var(--od-sidebar-width) minmax(0, 1fr);grid-template-rows:1fr auto;min-height:100vh;display:grid}.content-container{width:min(100% - 64px, var(--od-content-max));margin:0 auto}.skip-link{z-index:100;color:#fff;background:var(--od-primary);border-radius:6px;padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-sidebar{border-right:1px solid var(--od-border);background:#fff;grid-row:1/-1;height:100vh;padding:22px 14px;position:sticky;top:0}.site-name{min-height:42px;color:var(--od-text);padding:0 10px 18px;font-size:16px;font-weight:700;text-decoration:none;display:block}.site-nav{gap:2px;display:grid}.site-nav__group{color:#9ca3af;margin:18px 0 7px;padding:0 10px;font-size:11px;font-weight:500}.sidebar-link{min-height:34px;color:var(--od-text-body);border-radius:6px;align-items:center;padding:7px 10px;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--od-primary);background:#f7f8fb}.sidebar-link--active{color:#1d4ed8;background:#eef2ff;font-weight:600}#main-content{grid-column:2;padding-block:0 48px}.site-footer{color:var(--od-text-muted);border-top:1px solid var(--od-border);background:#fff;grid-column:2;padding:8px 0;font-size:11px}.page-content,.error-page{max-width:680px;padding:64px 0}.page-content h1,.error-page h1{color:var(--od-text);letter-spacing:-.02em;margin:0;font-size:22px}.page-content p,.error-page p{color:var(--od-text-muted);margin:10px 0 0;font-size:13px;line-height:1.6}.error-page{width:min(100% - 32px,680px);margin:0 auto}.button,.error-page button{min-height:36px;color:var(--od-text-body);cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;justify-content:center;align-items:center;padding:7px 13px;display:inline-flex}.button--primary,.error-page button{color:#fff;background:var(--od-primary);border-color:var(--od-primary)}.button:disabled,.error-page button:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb}@media (width<=720px){:root{--od-sidebar-width:100%}.app-shell{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.site-sidebar{border-right:0;border-bottom:1px solid var(--od-border);grid-row:auto;height:auto;padding:12px;position:static}.site-name{min-height:auto;padding-bottom:8px}.site-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav__group{grid-column:1/-1;margin-top:8px}#main-content,.site-footer{grid-column:1}.content-container{width:min(100% - 24px, var(--od-content-max))}}