.app-shell{background:var(--shell-bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{background:var(--shell-surface);border-bottom:1px solid var(--shell-border);flex-shrink:0;align-items:center;gap:4px;height:52px;padding:0 24px;display:flex}.app-nav{background:var(--shell-surface);border-bottom:1px solid var(--shell-border);flex-shrink:0;padding:0 16px}.app-content{background:var(--shell-bg);flex:1;padding:28px 32px;overflow-y:auto}.app-loading{background:var(--shell-bg);height:100vh;color:var(--shell-text);justify-content:center;align-items:center;gap:12px;font-family:Segoe UI,system-ui,sans-serif;font-size:15px;display:flex}*,:before,:after{box-sizing:border-box}html,body,#root{-webkit-font-smoothing:antialiased;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif}:root{--shell-bg:#222423;--shell-surface:#2c2e2d;--shell-border:#434746;--shell-text:#e6e6e4}:root[data-theme=light]{--shell-bg:#f5f5f4;--shell-surface:#fff;--shell-border:#e2e2e0;--shell-text:#2c2e2d}body{background:var(--shell-bg);color:var(--shell-text)}#root{flex-direction:column;display:flex}