@import"https://cdn.jsdelivr.net/npm/@kern-ux/native@2.4.0/dist/kern.min.css";@import"https://cdn.jsdelivr.net/npm/@kern-ux/native@2.4.0/dist/fonts/fira-sans.css";:root{background-color:#f5f7fa}html,body{height:100%}[data-kern-theme=dark]{background-color:#000;color:#e2e8f0}body{margin:0}#root{width:100%;margin:0 auto;padding:.5rem 1.5rem;min-height:100vh;display:flex}.container{display:flex;flex-direction:column;gap:1.5rem;text-align:left;flex:1}.page-header{display:flex;flex-direction:column;gap:.75rem;justify-content:space-between;align-items:flex-start}.page-title-row{width:100%;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.page-title-row .mode-toggle-wrap{margin-left:auto}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.75rem 1rem;border-radius:14px;background:#3b3838;color:#f8fafc;box-shadow:0 10px 24px #00000029}[data-kern-theme=dark] .top-nav{background:#fff;color:#0f172a;box-shadow:0 10px 24px #0f172a1f}.nav-greeting{font-weight:700;white-space:nowrap}.nav-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.28);background:#ffffff1a;color:inherit;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,transform .12s ease}.menu-toggle:hover{border-color:#ffffff80;background:#ffffff2e}.menu-toggle__bars{position:relative;width:18px;height:2px;background:currentColor;border-radius:999px}.menu-toggle__bars:before,.menu-toggle__bars:after{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor;border-radius:999px}.menu-toggle__bars:before{top:-6px}.menu-toggle__bars:after{top:6px}.nav-links{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.nav-link{border:1px solid rgba(255,255,255,.28);background:#ffffff1a;padding:.55rem .85rem;border-radius:10px;cursor:pointer;font-weight:600;color:inherit;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.nav-link:hover{border-color:#ffffff80;background:#ffffff2e;box-shadow:0 8px 16px #0000002e}.nav-link.is-active{background:#e5f0ff;border-color:#cbd5e1;color:#0f172a}[data-kern-theme=dark] .nav-link{background:#f8fafc;border-color:#e5e7eb;color:#0f172a}[data-kern-theme=dark] .nav-link:hover{border-color:#cbd5e1;background:#e5f0ff}[data-kern-theme=dark] .nav-link.is-active{background:#0f172a;color:#fff;border-color:#0f172a}.nav-logout{border-color:#f1a6a6;background:#fdecec;color:#a60000}.nav-logout:hover{border-color:#f08c8c;background:#ffd7d7}[data-kern-theme=dark] .nav-logout{border-color:#9ca3af;background:#0f172a;color:#fff}[data-kern-theme=dark] .nav-logout:hover{border-color:#cbd5e1;background:#1f2937}[data-kern-theme=dark] .menu-toggle{border-color:#e5e7eb;background:#f8fafc}[data-kern-theme=dark] .menu-toggle:hover{border-color:#cbd5e1;background:#e5f0ff}@media(max-width:720px){.top-nav{flex-wrap:wrap;align-items:center}.nav-greeting{flex:1;min-width:0}.menu-toggle{display:inline-flex;margin-left:auto}.nav-actions{display:none;width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;padding-top:.5rem}.nav-actions.is-open{display:flex}.nav-links{width:100%;flex-direction:column;align-items:stretch;gap:.35rem}.nav-link{width:100%;text-align:left}.nav-logout{width:100%}}.theme-toggle{align-self:flex-end}.settings-page{display:flex;justify-content:flex-start;padding:.5rem 0}.mode-toggle-wrap{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem}.mode-toggle{position:relative;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem;border-radius:999px;border:1px solid #e5e7eb;background:#f8fafc;cursor:pointer;min-width:170px;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.mode-pill{flex:1;text-align:center;font-weight:700;z-index:1}.mode-toggle.dark .mode-pill.dark{color:#0f172a;font-weight:800}[data-kern-theme=dark] .mode-toggle.dark .mode-pill.dark{color:#cbd5e1}.mode-thumb{position:absolute;top:4px;bottom:4px;width:calc(50% - 6px);border-radius:999px;background:#e5f0ff;box-shadow:0 8px 16px #0f172a2e;transition:transform .18s ease,background-color .14s ease}.mode-thumb.light{transform:translate(0)}.mode-thumb.dark{transform:translate(100%);background:#0f172a}[data-kern-theme=dark] .mode-toggle{border-color:#1f2937;background:#0f172a;color:#e5e7eb}[data-kern-theme=dark] .mode-thumb{background:#1f2937;box-shadow:0 8px 16px #0006}[data-kern-theme=dark] .mode-thumb.dark{background:#f8fafc}.kern-list{padding-left:1.25rem;margin:.35rem 0;display:grid;gap:.25rem;list-style:disc}.kern-accordion-group{display:flex;flex-direction:column;gap:.75rem}.grid{display:grid;gap:var(--grid-gap, var(--kern-grid-gap, 1rem));grid-template-columns:repeat(var(--grid-cols, 2),minmax(0,1fr))}.grid>*{min-width:0}@media(max-width:640px){.grid{grid-template-columns:1fr}}.tile{display:flex;flex-direction:column;gap:.75rem;text-decoration:none;border:1px solid #dce3e7;background:#fff;color:inherit;padding:1rem;border-radius:12px;box-shadow:0 6px 16px #1018280f;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease;position:relative}[data-kern-theme=dark] .tile{border-color:#1f2937;background:#111827;box-shadow:0 6px 16px #00000059}.tile:hover{transform:translateY(-3px);box-shadow:0 14px 32px #1018282e;border-color:#b6c4d0;background-color:#f8fbff}[data-kern-theme=dark] .tile--restricted,.tile--restricted{border-style:dashed;opacity:.75}.tile-access{margin:.35rem 0 0}[data-kern-theme=dark] .tile:hover{box-shadow:0 14px 32px #0009;border-color:#3b4a60;background-color:#0c1a2b}.tile-title{margin:0 0 .35rem;font-size:1.1rem}.tile-subtitle{margin:0;word-break:break-all}.tile-body{flex:1}.multiline-text{white-space:pre-line}.tile-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e7eb;padding-top:.5rem;margin-top:auto}.tile-footer .kern-caption{color:#4b5563}[data-kern-theme=dark] .tile-footer{border-top-color:#1f2937}[data-kern-theme=dark] .tile-footer .kern-caption{color:#9ca3af}.tile--placeholder{pointer-events:none;-webkit-user-select:none;user-select:none}.skeleton{display:block;width:100%;height:.9rem;border-radius:10px;background:linear-gradient(90deg,#e9eef3,#f4f7fb,#e9eef3 80%);background-size:200% 100%;animation:shine 1.2s ease-in-out infinite}[data-kern-theme=dark] .skeleton{background:linear-gradient(90deg,#1f2937,#2d3748,#1f2937 80%)}.skeleton-heading{height:1.2rem;width:60%}.skeleton-line{margin-top:.6rem}.skeleton-line--short{width:75%}.skeleton-pill{height:.9rem;width:30%;border-radius:999px}.skeleton-pill--wide{width:45%}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}.token-json{background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:10px;overflow:auto}[data-kern-theme=dark] .token-json{background:#0b1220;border:1px solid #1f2937}.logout{align-self:flex-start}.site-footer{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 0 0;border-top:1px solid #e5e7eb;color:#4b5563;margin-top:auto}[data-kern-theme=dark] .site-footer{border-top-color:#1f2937;color:#9ca3af}.footer-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.footer-label{color:inherit}.footer-icons{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.footer-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .6rem;border:1px solid #e5e7eb;border-radius:999px;color:inherit;background:#f8fafc;text-decoration:none;transition:border-color .12s ease,background-color .12s ease,transform .12s ease}[data-kern-theme=dark] .footer-chip{border-color:#1f2937;background:#0f172a}.footer-chip:hover{border-color:#cbd5e1;background:#eef2f7;transform:translateY(-1px)}[data-kern-theme=dark] .footer-chip:hover{border-color:#334155;background:#0b1220}.footer-icon{display:inline-flex;width:20px;height:20px}.footer-icon svg{width:100%;height:100%}.footer-text{font-size:.9rem}@media(min-width:640px){.site-footer{flex-direction:row;align-items:center;justify-content:space-between}}.placeholder-page{display:flex;align-items:center;justify-content:flex-start;min-height:240px;padding:1rem 0}