:root{--ui-rail-expanded:248px;--ui-rail-collapsed:78px;--ui-topbar-height:70px}
.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:#fff;border-inline-end:1px solid var(--ui-border);box-shadow:6px 0 24px rgba(24,67,64,.04);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:11px}.ui-brand__mark{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--ui-primary),#11a198);color:#fff}.ui-brand__mark svg{width:23px;height:23px}.ui-rail__brand-text{display:flex;min-width:0;flex-direction:column;line-height:1.5}.ui-rail__brand-text strong{font-size:.86rem}.ui-rail__brand-text small{font-size:.66rem;color:var(--ui-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-rail__nav{display:flex;flex:1;flex-direction:column;gap:5px;padding:14px 10px;overflow:auto}.ui-rail__item,.ui-rail__toggle{position:relative;min-height:45px;display:flex;align-items:center;gap:11px;width:100%;border:0;padding:8px 11px;border-radius:12px;background:transparent;color:var(--ui-text-secondary);cursor:pointer;text-align:start;transition:background var(--ui-motion),color var(--ui-motion)}.ui-rail__item:hover,.ui-rail__toggle:hover{background:var(--ui-surface-soft);color:var(--ui-primary)}.ui-rail__item.is-active{background:var(--ui-primary-soft);color:var(--ui-primary);font-weight:800}.ui-rail__item.is-active:before{content:"";position:absolute;inset-inline-start:-10px;width:3px;height:24px;border-radius:4px;background:var(--ui-primary)}
.ui-rail__icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px}.ui-rail__icon svg{width:21px;height:21px}.ui-rail__label{font-size:.79rem;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:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--ui-border)}.ui-topbar__menu{display:none;border:1px solid var(--ui-border);background:#fff;border-radius:11px;width:40px;height:40px;color:var(--ui-text-primary)}.ui-topbar__title{flex:1;display:flex;flex-direction:column}.ui-topbar__title strong{font-size:.88rem}.ui-topbar__title small{font-size:.68rem;color:var(--ui-text-muted)}
.ui-locale-switcher{display:flex;align-items:center;padding:3px;border:1px solid var(--ui-border);background:var(--ui-surface-soft);border-radius:99px}.ui-locale-switcher__item{padding:6px 10px;border-radius:99px;font-size:.69rem;color:var(--ui-text-muted)}.ui-locale-switcher__item.is-active{background:#fff;color:var(--ui-primary);font-weight:800;box-shadow:var(--ui-shadow-sm)}.ui-theme-toggle{width:38px;height:38px;border:1px solid var(--ui-border);border-radius:11px;background:#fff;color:var(--ui-text-secondary);display:grid;place-items:center;cursor:pointer}.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}.ui-app-shell.is-rail-collapsed .ui-rail__item,.ui-app-shell.is-rail-collapsed .ui-rail__toggle{justify-content:center}.ui-app-shell.is-rail-collapsed .ui-rail__item:hover:after{content:attr(aria-label);position:absolute;inset-inline-start:calc(100% + 10px);background:#173b39;color:#fff;padding:7px 10px;border-radius:8px;font-size:.7rem;white-space:nowrap;box-shadow:var(--ui-shadow-md)}
.ui-rail-backdrop{display:none}
[data-theme="dark"] .ui-rail,[data-theme="dark"] .ui-topbar{background:rgba(23,48,45,.96)}[data-theme="dark"] .ui-locale-switcher{background:var(--ui-surface-soft)}[data-theme="dark"] .ui-locale-switcher__item.is-active{background:var(--ui-surface)}
@media(max-width:900px){.ui-rail{width:min(86vw,300px);transform:translateX(-110%);box-shadow:var(--ui-shadow-lg)}html[dir=rtl] .ui-rail{transform:translateX(110%)}.ui-shell-main{margin-inline-start:0}.ui-topbar{padding-inline:12px}.ui-topbar__menu{display:inline-grid;place-items:center}.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(15,43,42,.38);backdrop-filter:blur(2px)}.ui-locale-switcher__item{display:none}.ui-locale-switcher__item.is-active{display:block}.ui-app-shell.is-rail-collapsed .ui-shell-main{margin-inline-start:0}}
.ui-rail__section{display:flex;align-items:center;gap:8px;padding:13px 11px 4px;color:var(--ui-text-muted);font-size:.63rem;font-weight:800;white-space:nowrap}.ui-rail__section:after{content:"";height:1px;flex:1;background:var(--ui-border)}
.ui-app-shell.is-rail-collapsed .ui-rail__section{height:13px;padding:6px 17px;font-size:0}.ui-app-shell.is-rail-collapsed .ui-rail__section:after{display:block}