.app-shell{display:flex;height:100vh;overflow:hidden}.app-rail{width:52px;background:var(--rail-bg);display:flex;flex-direction:column;align-items:center;padding:var(--sp-3) 0;gap:var(--sp-1);flex-shrink:0;z-index:var(--z-sidebar)}.rail-logo{width:32px;height:32px;margin-bottom:var(--sp-3);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.rail-logo img{width:100%;height:100%;object-fit:contain}.rail-item{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:none;background:transparent;color:var(--rail-icon);cursor:pointer;transition:all var(--transition-fast);position:relative}.rail-item:hover{background:hsla(0,0%,100%,.08);color:var(--rail-icon-active)}.rail-item.active{background:hsla(0,0%,100%,.12);color:var(--rail-icon-active)}.rail-item.active:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--app-accent)}.rail-item svg{width:18px;height:18px}.rail-spacer{flex:1 1}.rail-bottom{align-items:center;gap:var(--sp-1);padding-top:var(--sp-2);border-top:1px solid hsla(0,0%,100%,.06);margin-top:var(--sp-2)}.app-sidebar,.rail-bottom{display:flex;flex-direction:column}.app-sidebar{width:220px;background:var(--sb-bg);flex-shrink:0;overflow-y:auto}.sidebar-header{padding:var(--sp-5) var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);border-bottom:1px solid hsla(0,0%,100%,.06)}.sidebar-app-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-app-name{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--sb-text-active)}.sidebar-nav{padding:var(--sp-3) var(--sp-2);display:flex;flex-direction:column;gap:1px;flex:1 1}.sidebar-item{display:flex;align-items:center;gap:var(--sp-2);padding:7px var(--sp-3);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--sb-text);font-size:var(--fs-base);font-family:inherit;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;position:relative}.sidebar-item:hover{background:var(--sb-hover);color:var(--sb-text-active)}.sidebar-item.active{background:var(--sb-active-bg);color:var(--sb-text-active);font-weight:var(--fw-medium)}.sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:0 3px 3px 0;background:var(--app-accent)}.sidebar-item svg{width:16px;height:16px;flex-shrink:0;opacity:.7}.sidebar-item.active svg{opacity:1}.sidebar-section-label{padding:var(--sp-4) var(--sp-3) var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:hsla(0,0%,100%,.25)}.app-main{flex:1 1;overflow-y:auto;background:var(--bg-body)}.app-page{max-width:1200px;margin:0 auto;padding:var(--sp-8) var(--sp-8) var(--sp-12)}.page-header{margin-bottom:var(--sp-6)}.page-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:1.3}.page-sub{font-size:var(--fs-base);color:var(--text-tertiary);margin-top:2px}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}