:root{--ui-rail-expanded:264px;--ui-rail-collapsed:76px;--ui-topbar-height:64px}
.ui-app-shell{min-height:100vh;background:var(--ui-bg)}
.ui-rail{position:fixed;inset-block:0;inset-inline-start:0;z-index:60;width:var(--ui-rail-expanded);display:flex;flex-direction:column;background:var(--ui-surface);border-inline-end:1px solid var(--ui-border);transition:width var(--ui-motion),transform var(--ui-motion)}
.ui-rail__brand{height:var(--ui-topbar-height);padding:10px 14px;border-bottom:1px solid var(--ui-border)}
.ui-rail__brand-link{height:100%;display:flex;align-items:center;gap:12px}.ui-rail__brand-text{display:flex;min-width:0;flex-direction:column}.ui-rail__brand-text small{font-size:.68rem;color:var(--ui-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-rail__nav{display:flex;flex:1;flex-direction:column;gap:6px;padding:14px 10px;overflow:auto}.ui-rail__item,.ui-rail__toggle{min-height:46px;display:flex;align-items:center;gap:12px;width:100%;border:0;padding:8px 12px;border-radius:var(--ui-radius-md);background:transparent;color:var(--ui-text-secondary);cursor:pointer;text-align:start}
.ui-rail__item.is-active{background:rgba(13,110,253,.1);color:var(--ui-primary);font-weight:750}.ui-rail__icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px}.ui-rail__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-rail__footer{padding:10px;border-top:1px solid var(--ui-border)}
.ui-shell-main{min-height:100vh;margin-inline-start:var(--ui-rail-expanded);transition:margin var(--ui-motion)}.ui-topbar{position:sticky;top:0;z-index:40;height:var(--ui-topbar-height);display:flex;align-items:center;gap:14px;padding-inline:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--ui-border)}.ui-topbar__menu{display:none}.ui-topbar__title{flex:1}.ui-shell-content{min-width:0}
.ui-app-shell.is-rail-collapsed .ui-rail{width:var(--ui-rail-collapsed)}.ui-app-shell.is-rail-collapsed .ui-shell-main{margin-inline-start:var(--ui-rail-collapsed)}.ui-app-shell.is-rail-collapsed .ui-rail__brand-text,.ui-app-shell.is-rail-collapsed .ui-rail__label{display:none}
@media(max-width:900px){.ui-rail{width:min(86vw,300px);transform:translateX(-110%)}html[dir=rtl] .ui-rail{transform:translateX(110%)}.ui-shell-main{margin-inline-start:0}.ui-topbar__menu{display:inline-grid;place-items:center;width:40px;height:40px}.ui-app-shell.is-mobile-open .ui-rail{transform:translateX(0)}.ui-app-shell.is-mobile-open .ui-rail-backdrop{display:block;position:fixed;inset:0;z-index:50;background:rgba(16,38,63,.38)}}